Add header and page content

_layouts/website/header.html

+{% block book_header %}
+<div class="book-header" role="navigation">
+    {% if glossary.length > 0 %}
+    <a href="{{ basePath }}/GLOSSARY.html" class="btn pull-left" aria-label="{{ __("GLOSSARY_OPEN") }}"><i class="fa fa-sort-alpha-asc"></i></a>
+    {% endif %}
+
+    <!-- Title -->
+    <h1>
+        <i class="fa fa-circle-o-notch fa-spin"></i>
+        <a href="{{ basePath }}/" >{{ title }}</a>
+    </h1>
+</div>
+{% endblock %}

_layouts/website/page.html

@@ -14,8 +14,37 @@
 
 {% block body %}
 <div class="book">
+    {% include "website/summary.html" %}
 
+    <div class="book-body">
+        {% block book_body %}
+            <div class="body-inner">
+                {% block book_inner %}
+                    {% include "website/header.html" %}
 
+                    <div class="page-wrapper" tabindex="-1" role="main">
+                        <div class="page-inner">
+                            {% block page %}
+                            {{ page.content|safe }}
+                            {% endblock %}
+                        </div>
+                    </div>
+                {% endblock %}
+            </div>
 
+            {% block book_navigation %}
+                {% if progress.current.prev and progress.current.prev.path %}
+                <a href="{{ page.previous.path|resolveFile|contentURL }}" class="navigation navigation-prev {% if not page.next %}navigation-unique{% endif %}" aria-label="Previous page: {{ page.previous.title }}">
+                    <i class="fa fa-angle-left"></i>
+                </a>
+                {% endif %}
+                {% if progress.current.next and progress.current.next.path %}
+                <a href="{{ page.next.path|resolveFile|contentURL }}" class="navigation navigation-next {% if not page.previous %}navigation-unique{% endif %}" aria-label="Next page: {{ page.next.title }}">
+                    <i class="fa fa-angle-right"></i>
+                </a>
+                {% endif %}
+            {% endblock %}
+        {% endblock %}
+    </div>
 </div>
 {% endblock %}

_layouts/website/summary.html

@@ -2,14 +2,14 @@
     {% for article in _articles %}
         <li class="chapter {% if article.path == file.path %}active{% endif %}" data-level="{{ article.level }}" {% if article.path %}data-path="{{ article.path|contentURL }}"{% endif %}>
             {% if article.path %}
-                <a href="{{ {{ article.path|resolveFile|contentURL }}">
+                <a href="{{ article.path|resolveFile|contentURL }}">
             {% else %}
                 <a target="_blank" href="{{ article.url }}">
             {% endif %}
-                    {% if item.level != "0" %}
-                        <b>{{ item.level }}.</b>
+                    {% if article.level != "0" %}
+                        <b>{{ article.level }}.</b>
                     {% endif %}
-                    {{ item.title }}
+                    {{ article.title }}
                 </a>
 
             {% if article.articles.length > 0 %}
@@ -22,6 +22,7 @@
 {% endmacro %}
 
 <div class="book-summary">
+    {% block book_summary %}
     <nav role="navigation">
         <ul class="summary">
             {% for part in summary.parts %}
@@ -38,4 +39,5 @@
             </li>
         </ul>
     </nav>
+    {% endblock %}
 </ul>
\ No newline at end of file