<footer class=“Container–fluid”>
<div class="Grid Grid--gutters sm-Grid--1of1 md-Grid--fit"> <div class="Grid-cell bio-container"> <h5>{{ site.title }} <a href="{{ "combined_feed.xml" | relative_url }}" class="main-feed-link"> <img src="{{ site.base_image_dir | append: "feed-icon.svg" | relative_url }}"> </a> </h5> <p><strong>{{ site.author.name }}</strong> · {{ site.author.bio }}</p> </div> <ul class="Grid-cell social-links"> {% if site.author.github %} <li> <a href="{{ site.author.github }}"> <img src="{{ site.base_image_dir | append: 'github-icon.svg' | relative_url }}" /> </a> </li> {% endif %} {% if site.author.deviant_art %} <li> <a href="{{ site.author.deviant_art }}"> <img src="{{ site.base_image_dir | append: 'da-icon.svg' | relative_url}}" /> </a> </li> {% endif %} {% if site.author.facebook %} <li> <a href="{{ site.author.facebook }}"> <img src="{{ site.base_image_dir | append: 'fb-icon.svg' | relative_url }}" /> </a> </li> {% endif %} {% if site.author.instagram %} <li> <a href="{{ site.author.instagram }}"> <img src="{{ site.base_image_dir | append: 'instagram-icon.svg' | relative_url }}" /> </a> </li> {% endif %} {% if site.author.twitter %} <li> <a href="{{ site.author.twitter }}"> <img src="{{ site.base_image_dir | append: 'twitter-icon.svg' | relative_url }}" /> </a> </li> {% endif %} {% if site.author.youtube %} <li> <a href="{{ site.author.youtube }}"> <img src="{{ site.base_image_dir | append: 'youtube-icon.svg' | relative_url }}" /> </a> </li> {% endif %} </ul> </div> </footer>