Merge pull request #23 from basiljs/feature/menu

Fabian Morón Zirfas · web-flow · commit 1743b0fcffcc · 2018-04-23T06:28:40.000+02:00
Feature/menu
diff --git a/_includes/aside-left.html b/_includes/aside-left.html
@@ -0,0 +1,20 @@
+<aside>
+  <div class="logo"></div>
+  <div class="nav-o-meter"></div>
+  <nav class="main-menu">
+      <ul>
+        <!--
+        loop all pages
+        exclude all entry layouts
+        include  all default and the reference
+        exclude the root path
+        -->
+      {% for item in site.pages %}{% if item.layout != 'entry' %}{%if item.layout == 'default' or item.layout == 'reference' %}{% if item.url != '/' %}
+        <li class="menu-item {% if item.title == page.title %}active{% endif %}"><a href="{{item.url}}">{{item.title}}</a></li>
+            {% endif %}{% endif %}{% endif %}{% endfor %}
+      </ul>
+  </nav>
+  <div class="tweet">
+  </div>
+  <div class="links"></div>
+</aside>
diff --git a/_includes/footer.html b/_includes/footer.html
@@ -0,0 +1,5 @@
+<footer>
+  <div class="impressum">
+
+  </div>
+</footer>
diff --git a/_includes/menu.html b/_includes/menu.html
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -17,7 +17,14 @@
     <script type="text/javascript" src="/assets/js/highlight.js"></script>
     <script src="/assets/js/basiljs.js" type="text/javascript"></script>
   </head>
-  <body>
+  <!--
+    the filtering of the titles for a body class is a little cumbersome.
+    If we have some special characters in the tile we will have to filter it here
+   -->
+  <body class="{{
+    page.title | replace: '.', '' | replace: ' ', '' | downcase
+  }}">
+    {% include aside-left.html %}
     <div class="main">
     <h1>{{page.title}}</h1>
       <div id="content" class="wrapppper">
@@ -27,8 +34,7 @@ <h1>{{page.title}}</h1>
       <div class="line"></div>
       <div class="line"></div>
     </div>
-    <div class="guidelines">
-      <!-- <script src="/assets/js/gridline.js" type="text/javascript"></script> -->
-    </div>
+    <div class="guidelines"></div>
+    {% include footer.html %}
   </body>
 </html>
diff --git a/index.md b/index.md
@@ -3,18 +3,6 @@ layout: default
 title: Basil.js
 ---
 
-<div>
-<ul>
-  {% for page in site.pages %}
-  {% if page.layout != 'entry' %}
-  {%if page.layout == 'default' or page.layout == 'reference'  %}
-  <li><a href="{{page.url}}">{{page.title}}</a></li>
-    {%endif%}
-  {% endif %}
-
-  {% endfor %}
-</ul>
-</div>
 
 ## Have you ever wanted to ...
 
