cross links

Author: hartym

_includes/footer.html

@@ -1,17 +1,26 @@
 <footer class="footer">
     <div class="container">
-        <p class="text-center">
+        <p>
             {{ site.title }} • 2017-{{ site.time | date: '%Y' }} • Apache License, Version 2.0
         </p>
+        <br>
+        <ul class="footer-links">
+            <li>All projects:</li>
+            {% include links.html %}
+        </ul>
     </div>
 </footer>
 
+
 <script async src="https://www.googletagmanager.com/gtag/js?id=UA-4678258-16"></script>
 <script>
     window.dataLayer = window.dataLayer || [];
-    function gtag(){dataLayer.push(arguments);}
-    gtag('js', new Date());
 
+    function gtag() {
+        dataLayer.push(arguments);
+    }
+
+    gtag('js', new Date());
     gtag('config', 'UA-4678258-16');
 </script>
 

_includes/links.html

@@ -0,0 +1,12 @@
+<li>
+    <a href="https://www.bonobo-project.org/" target="_blank">Bonobo (extract transform load)</a>
+</li>
+<li>
+    <a href="https://python-medikit.github.io/" target="_blank">Medikit (release management)</a>
+</li>
+<li>
+    <a href="https://python-mondrian.github.io/" target="_blank">Mondrian (logging simplified)</a>
+</li>
+<li>
+    <a href="https://python-whistle.github.io/" target="_blank">Whistle (event dispatcher)</a>
+</li>

_layouts/default.html

@@ -7,11 +7,7 @@
 
     {% include topnav.html %}
 
-    <div class="page-content">
-        <div class="wrapper">
-            {{ content }}
-        </div>
-    </div>
+    {{ content }}
 
     {% include footer.html %}
     {% include js_files.html %}

css/main.scss

@@ -1,45 +1,26 @@
 ---
-# Only the main Sass file needs front matter (the dashes are enough)
 ---
+
 @charset "utf-8";
 
 // Import partials from `sass_dir` (defaults to `_sass`)
 
-
-
-@import
-  {% if site.bootwatch %}
-    "bootswatch/{{site.bootwatch | downcase}}/variables",
-  {% endif %}
-
-  "bootstrap",
-
-  {% if site.bootwatch %}
-    "bootswatch/{{site.bootwatch | downcase}}/bootswatch",
-  {% endif %}
-
-  "syntax-highlighting",
-  "typeahead"
-;
+@import {% if site.bootwatch %}"bootswatch/{{site.bootwatch | downcase}}/variables", {% endif %} "bootstrap", {% if site.bootwatch %} "bootswatch/{{site.bootwatch | downcase}}/bootswatch", {% endif %} "syntax-highlighting", "typeahead";
 
 html {
   position: relative;
   min-height: 100%;
 }
-body {
-  padding-top: $navbar-height + $navbar-margin-bottom;
-  margin-bottom: 46px;
-}
 
-.navbar-brand{
-  img{
+
+.navbar-brand {
+  img {
     margin: -$navbar-padding-vertical 0;
     height: $navbar-height;
     padding: 10px 0;
   }
 }
 
-
 .header-container {
   background-color: black;
   background: url('../img/bg.jpg') no-repeat 50% 0;
@@ -51,36 +32,66 @@ body {
   // background-attachment: fixed;
   background-size: cover;
   background-position: center 36%;
-  margin-top: -37px;
+  margin-top: 51px;
 }
+
 .navbar-container {
   font-size: 16px;
 }
+
 .page-content {
   padding-bottom: 20px;
 }
-.footer {
-  position: absolute;
-  bottom: 0;
-  width: 100%;
-  height: 46px;
-  padding-top: 10px;
-  background-color: $gray-lighter;
-  color: $gray-dark;
+
+ .footer {
+   padding-top: 50px;
+   padding-bottom: 50px;
+   margin-top: 50px;
+   color: #99979c;
+   text-align: center;
+   background-color: #2a2730
+ }
+
+.footer a {
+  color: #fff
+}
+
+.footer-links {
+  padding-left: 0;
+}
+
+.footer-links li {
+  display: inline-block
+}
+
+.footer-links li + li {
+  margin-left: 15px
+}
+
+@media (min-width: 768px) {
+  .footer {
+    text-align: left
+  }
+
+  .footer p {
+    margin-bottom: 0
+  }
 }
 
 .post-list-container {
   li a.active {
     font-weight: bold;
   }
 }
+
 *[id]:before {
   display: block;
   content: " ";
   margin-top: -75px;
   height: 75px;
   visibility: hidden;
 }
-.navbar-form .has-feedback .form-control-feedback{
-  top:10px
+
+.navbar-form .has-feedback .form-control-feedback {
+  top: 10px
 }