Improve Page template and auto load changelog from Github

Makefile

@@ -74,6 +74,8 @@ else
 endif
 
 publish:
+	wget --no-cache -O content/pages/Changelog.md https://raw.githubusercontent.com/openAVproductions/openAV-Luppp/MarkdownChangelog/CHANGELOG.md
+	sed  -i '1i Title: Changelog' content/pages/Changelog.md
 	$(PELICAN) $(INPUTDIR) -o $(OUTPUTDIR) -s $(PUBLISHCONF) $(PELICANOPTS)
 
 ssh_upload: publish

themes/openAV-Luppp/static/css/style.css

@@ -80,4 +80,8 @@ a.pure-button-primary {
 
 .footer {
     z-index: 100;
+}
+
+.page-wrapper {
+    margin-top: 60px;
 }

themes/openAV-Luppp/templates/base.html

@@ -37,9 +37,18 @@
             <a class="pure-menu-heading" href="/">{{ SITENAME }}</a>
 
             <ul class="pure-menu-list">
-                {% for title, link in LINKS %}
+                {% if pages|length > 0 %}
-                <li class="pure-menu-item"><a href="{{ link }}" class="pure-menu-link">{{ title }}</a></li>
+                    {% for p in pages %}
-                {% endfor %}
+                        {% if p.url %}
+                            <li class="pure-menu-item"><a href="/{{ p.url }}" class="pure-menu-link">{{ p.title }}</a></li>
+                        {% endif %}
+                    {% endfor %}
+                {% endif %}
+                {% if LINKS|length > 0 %}
+                    {% for title, link in LINKS %}
+                        <li class="pure-menu-item"><a href="/{{ link }}" class="pure-menu-link">{{ title }}</a></li>
+                    {% endfor %}
+                {% endif %}
             </ul>
         </div>
     </div>

themes/openAV-Luppp/templates/page.html

@@ -1,14 +1,15 @@
 {% extends "base.html" %}
 {% block content %}
-<div class="content">
+<div class="page-wrapper">
-    <h2 id="GetLuppp" class="content-head is-center">{{ page.title }}</h2>
+    <div class="content">
+        <h2 id="GetLuppp" class="content-head is-center">{{ page.title }}</h2>
 
-    <div class="pure-g">
+        <div class="pure-g">
-        <div class="l-box-lrg pure-u-md-1-5"></div>
+            <div class="l-box-lrg pure-u-md-1-5"></div>
-        <div class="l-box-lrg pure-u-1 pure-u-md-3-5">
+            <div class="l-box-lrg pure-u-1 pure-u-md-3-5">
-            {{ page.content }}
+                {{ page.content }}
+            </div>
         </div>
     </div>
-
 </div>
 {% endblock %}