Improved index layout

AndrewIOM · Oct 26, 2018 · bd5a3fd · bd5a3fd
1 parent cd70e49
commit bd5a3fd
Show file tree

Hide file tree

Showing 4 changed files with 28 additions and 8 deletions.
diff --git a/_includes/attribution-footer.html b/_includes/attribution-footer.html
@@ -0,0 +1,11 @@
+<footer>
+    <span>Thalloo mapping framework &copy; Andrew C Martin</span>
+    <span class="seperator">/</span>
+    <span>
+        <a href="https://github.com/AndrewIOM/thalloo-starter" target="_blank">create your own instance</a>
+    </span>
+    <span class="seperator">/</span>
+    <span>open-source at
+        <a href="https://github.com/AndrewIOM/thalloo" target="_blank">GitHub</a>
+    </span>
+</footer>
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -6,9 +6,10 @@
 <body data-baseurl="{{ site.baseurl }}">
 
     <div class="container">
-        <div class="top-links">
-            <a href="{{ site.ownerurl }}/" target="_blank" class="top-links-right">{{ site.ownername }}</a>            
-        </div>
+            <div class="top-links">
+                <a href="{{ site.ownerurl }}/" target="_blank" class="top-links-right">{{ site.ownername }}</a>            
+                <p>{{ site.title }}</p>            
+            </div>
         <hr/>
         {{ content }}
         {% include analytics.html %}

diff --git a/_layouts/home.html b/_layouts/home.html
@@ -2,11 +2,16 @@
 layout: default
 ---
 
-<h1>Evidence Maps</h1>
+{% assign rows = site.maps.size | divided_by: 4.0 | ceil %}
+
+<h1>{{ site.title }}</h1>
+<p style="text-align:center">{{ site.description }}</p>
 <hr/>
 
-<div class="row">
-    {% for map in site.maps %}
+{% for i in (1..rows) %}
+  <div class="row">
+    {% assign offset = forloop.index0 | times: 4 %}
+    {% for map in site.maps limit:4 offset:offset %}
     <div class="three columns">
             <div class="study-preview">
                 <a href="{{ site.baseurl }}{{ map.url }}">
@@ -16,4 +21,7 @@ <h1>Evidence Maps</h1>
             </div>
     </div>
     {% endfor %}
-</div>
+</div>
+{% endfor %}
+
+{% include attribution-footer.html %}
diff --git a/_layouts/map.html b/_layouts/map.html
@@ -32,7 +32,7 @@ <h1 id="study-name">{{ page.name }}
             </span>
             <!-- Logos -->
             <div class="logo-container" data-bind="foreach: logos">
-                <img data-bind="attr: { src: '{{ site.baseurl }}/images/logos/' + $data.File + '.png' }" />
+                <a target="_blank" data-bind="attr: { href: $data.ExternalUrl }"><img data-bind="attr: { src: '{{ site.baseurl }}/images/logos/' + $data.File + '.png' }" /></a>
             </div>
             <hr/>
         </div>