Adding optional LINKS & SUPPORTS in base.html

static/css/main.css

@@ -1,4 +1,4 @@
-html, h1 {
+html, h1, h2, h3 {
   font-family: "Oswald", "Helvetica Neue",Helvetica,Arial,sans-serif; }
 html {
   font-weight: 400;
@@ -157,6 +157,24 @@ a {
 .mg-icons-small .uk-icon-envelope {
   background-color: #059; }
 
+.uk-icon-shaarli:before {
+  content: ' ';
+  display: inline-block;
+  height: 28px;
+  width: 28px;
+  background-image: url(../../images/shaarli-icon.png);
+  background-size: contain;}
+.uk-icon-stackoverflow:before {
+  content: ' ';
+  display: inline-block;
+  height: 28px;
+  width: 28px;
+  background-image: url(../../images/stackoverflow-icon.png);
+  background-size: contain;}
+
+.mg-support-logo {
+  margin: .5rem;}
+
 .mg-badges li {
   float: left;
   position: relative; }

templates/base.html

@@ -137,6 +137,27 @@
             </div>
             {% endif %}
 
+            {% if LINKS %}
+            <div class="uk-panel uk-panel-box">
+                <h3 class="uk-panel-title">Blogroll</h3>
+                <ul class="uk-nav uk-nav-side">
+                {% for text, url in LINKS %}
+                <li><a href="{{ url }}">{{ text }}</a></li>
+                {% endfor %}
+                </ul>
+            </div>
+            {% endif %}
+
+            {% if SUPPORTS %}
+            <div class="uk-panel uk-panel-box">
+                {% for name, link, logo_url, title in SUPPORTS %}
+                <a href="{{ link }}">
+                    <img class="mg-support-logo" src="{{ logo_url }}" alt="Logo {{ name }}" title="{{ title }}">
+                </a>
+                {% endfor %}
+            </div>
+            {% endif %}
+
         </div>
 
     </div>