Make HTML includes for GitHub & Twitter icons

Made one for each to avoid over paramaterizing
the includes. Also allows for various icon formats.
This commit is contained in:
BigBlueHat 2015-10-20 08:52:20 -04:00
parent c2c671641d
commit 5d92a90bde
3 changed files with 16 additions and 14 deletions

View File

@ -16,25 +16,13 @@
<ul class="social-media-list">
{% if site.github_username %}
<li>
<a href="https://github.com/{{ site.github_username }}">
<span class="icon icon--github">
{% include icon-github.svg %}
</span>
<span class="username">{{ site.github_username }}</span>
</a>
{% include icon-github.html username=site.github_username %}
</li>
{% endif %}
{% if site.twitter_username %}
<li>
<a href="https://twitter.com/{{ site.twitter_username }}">
<span class="icon icon--twitter">
{% include icon-twitter.svg %}
</span>
<span class="username">{{ site.twitter_username }}</span>
</a>
{% include icon-twitter.html username=site.twitter_username %}
</li>
{% endif %}
</ul>

View File

@ -0,0 +1,7 @@
<a href="https://github.com/{{ include.username }}">
<span class="icon icon--github">
{% include icon-github.svg %}
</span>
<span class="username">{{ include.username }}</span>
</a>

View File

@ -0,0 +1,7 @@
<a href="https://twitter.com/{{ include.username }}">
<span class="icon icon--twitter">
{% include icon-twitter.svg %}
</span>
<span class="username">{{ include.username }}</span>
</a>