|
1 | | -<footer class="site-footer"> |
| 1 | +<!-- Have the description not appear on homepage --> |
| 2 | +<!-- Social links --> |
2 | 3 |
|
3 | | - <div class="container-fluid"> |
4 | | - <div class="row"> |
5 | | - |
6 | | - <div class="footer-links col-sm-6 col-md-8"> |
7 | | - {% for menu in site.data.menu %} |
8 | | - <a href="{{ menu.link | prepend: site.baseurl }}"> |
| 4 | +<footer class="mt-auto bg-teal-darker text-grey-lighter shadow-lg"> |
| 5 | + <div class="nh-o-maxWidth flex flex-col"> |
| 6 | + {% unless page.url == "/" %} |
| 7 | + <p class="pb-6 text-teal-lighter leading-normal"> |
| 8 | + {{ site.description }} |
| 9 | + </p> |
| 10 | + |
| 11 | + <ul class="flex mb-6 list-reset"> |
| 12 | + {% for menu in site.data.menu %} |
| 13 | + {% if page.url == menu.link %} |
| 14 | + {% assign link = '#main' %} |
| 15 | + {% assign active_classes = 'font-semibold' %} |
| 16 | + {% else %} |
| 17 | + {% assign link = menu.link | prepend: site.baseurl %} |
| 18 | + {% assign active_classes = 'text-sm' %} |
| 19 | + {% endif %} |
| 20 | + <li> |
| 21 | + <a {% if menu.external %}target="_blank" rel="noopener"{% endif %} class="inline-block mr-4 text-teal-lighter {{ active_classes }}" href="{{ link }}"> |
9 | 22 | {{ menu.name }} |
10 | | - </a>{% if forloop.last == false %} / {% endif %} |
| 23 | + </a> |
| 24 | + </li> |
11 | 25 | {% endfor %} |
12 | | - </div> |
| 26 | + </ul> |
| 27 | + {% endunless %} |
13 | 28 |
|
14 | | - <div class="col-sm-6 col-md-4"> |
15 | | - <a href="{{ menu.link | prepend: site.baseurl }}"> |
16 | | - <h4 class="footer-heading"> |
17 | | - {{ site.title }} |
18 | | - </h4> |
19 | | - </a> |
20 | | - </div> |
21 | | - </div> |
| 29 | + <ul class="flex mb-6 list-reset"> |
| 30 | + {% for social in site.data.social-links %} |
| 31 | + <li> |
| 32 | + <a target="_blank" rel="noopener" href="{{ social.link }}" class="inline-block mr-4 text-teal-lighter text-sm"> |
| 33 | + {{ social.name }} |
| 34 | + </a> |
| 35 | + </li> |
| 36 | + {% endfor %} |
| 37 | + </ul> |
22 | 38 | </div> |
23 | | - |
24 | | - <script src="{{ "/js/modernizr.min.js" | prepend: site.baseurl }}"></script> |
25 | | - <script> |
26 | | - // Makes all blog links open in a new tab |
27 | | - $('article.post a').each(function() { |
28 | | - $(this).attr('target', '_blank'); |
29 | | - }); |
30 | | - </script> |
31 | 39 | </footer> |
0 commit comments