Add support for inlined social links

Author: cedricss

_data/toc.yml

@@ -44,3 +44,37 @@ entries:
 
   - title: Page 8
     url: page-1.html
+
+- title: Entry 4
+  pages:
+
+  - title: Page 9
+    url: page-1.html
+
+  - title: Page 10
+    url: page-1.html
+
+  - title: Page 11
+    url: page-1.html
+
+- title: <hr/>
+  class: inline bottom
+  pages:
+
+  - title: <i class="fa fa-github"></i>
+    url: https://github.com/cedricss/photon-book-creator
+
+  - title: <i class="fa fa-twitter"></i>
+    url: https://twitter.com/CedricSoulas
+
+  - title: <i class="fa fa-facebook"></i>
+    url:
+
+  - title: <i class="fa fa-youtube"></i>
+    url:
+
+  - title: <i class="fa fa-linkedin"></i>
+    url:
+
+  - title: <i class="fa fa-rss"></i>
+    url:

_includes/nav.html

@@ -2,7 +2,7 @@ <h1><a href="index.html">{{ site.name }}</a></h1>
 <hr class="star-light">
 {% for entry in site.data.toc.entries %}
 <h2>{{ entry.title }}</h2>
-<ul>
+<ul class="{{ entry.class }}">
     {% for page in entry.pages %}
     <li>
         <a href="{{ page.url }}">{{ page.title }}</a>

css/layout.scss

@@ -26,6 +26,24 @@ nav {
     padding-left: 40px;
     width: 100%;
     display: block;
+    clear: both;
+  }
+
+  h2 {
+    hr {
+      margin-bottom: 0;
+      margin-top: 32px;
+    }
+  }
+
+  ul.inline li {
+    display: inline;
+  }
+
+  .fa {
+    padding: 0 8px 0 8px;
+    margin-left: -8px;
+    margin-bottom: 20px;
   }
 }
 

css/themes/freelancer/overrides.scss

@@ -7,15 +7,24 @@ nav {
   h1, h2, h1 a {
     color:white;
   }
-  
+
   h1 {
     font-size: 18px;
     padding-top: 44px;
   }
-  
+
   h2 {
     margin: 25px 0 2px 0;
     font-size: 16px;
+    hr {
+      margin-top: 32px;
+      border-color: #576675;
+      color: #576675;
+      border-top: solid 2px;
+      max-width: 250px;
+      margin-right: 35px;
+      margin-bottom: 10px;
+    }
   }
 
   a, a:hover, a:focus, a:active, a.active {
@@ -24,11 +33,22 @@ nav {
   }
 
   a {
-      color: #18bc9c;
-      text-decoration: none;
+    color: #18bc9c;
+    text-decoration: none;
   }
 
   ul {
+    list-style: none;
+
+    .fa {
+      font-size: 15px;
+      color: #7E8FA0;
+    }
+
+    li {
+      margin-left: 0;
+      padding-left: 0;
+    }
     a {
       font-size: 16px;
     }

css/themes/minimal/overrides.scss

@@ -2,6 +2,9 @@
 ---
 
 nav {
+  hr {
+    display: none;
+  }
 
   h1 {
     margin-top: 40px;
@@ -14,19 +17,20 @@ nav {
   h2 {
     font-size: 16px;
     margin-bottom: 5px;
-  }
-
-  hr {
-    display: none;
+    hr {
+      display: block;
+      color: #EBF4F9;
+      background-color: #EBF4F9;
+    }
   }
 
   ul {
     list-style: none;
-    
+
     li {
       margin-left: 0;
       padding-left: 0;
-      
+
       a {
         font-size: 13px;
       }