diff --git a/_includes/footer.html b/_includes/footer.html index c7628bd..2a8e8a7 100644 --- a/_includes/footer.html +++ b/_includes/footer.html @@ -34,14 +34,11 @@ {% endcomment %}
- {% if site.twitter.username.size > 0 %} - - {%- include svg.html icon="twitter" class="spot-icon" params="aria-label='Twitter'" -%} - - {% endif %} - - {%- include svg.html icon="rss" class="spot-icon" params="aria-label='Atom/RSS Feed'" -%} - + {%- if site.twitter.username.size > 0 -%} + {%- include svg.html icon="twitter" class="spot-icon" params="aria-label='Twitter'" -%} + {%- endif -%} + + {%- include svg.html icon="rss" class="spot-icon" params="aria-label='Atom/RSS Feed'" -%}
diff --git a/_includes/svg.html b/_includes/svg.html index 66b170c..a94f1bb 100644 --- a/_includes/svg.html +++ b/_includes/svg.html @@ -14,151 +14,151 @@ - https://icons.getbootstrap.com/#usage - https://github.com/jimniels/blog/blob/142d509f98e1d83343bd47b2f5d7c7ecc4795c86/src/server/site-nav.js#L35-L37 + https://github.com/jimniels/blog/blob/142d509f98e1d83343bd47b2f5d7c7ecc4795c86/src/server/icons.svg {% endcomment %} -{% if include.icon == 'twitter' or include.show_all %} +{%- if include.icon == 'twitter' or include.show_all -%} {% comment %} ion:logo-twitter {% endcomment %} -{% endif %} -{% if include.icon == 'github' or include.show_all %} +{%- endif -%} +{%- if include.icon == 'github' or include.show_all -%} {% comment %} ion:logo-github {% endcomment %} -{% endif %} -{% if include.icon == 'rss' or include.show_all %} +{%- endif -%} +{%- if include.icon == 'rss' or include.show_all -%} {% comment %} ion:logo-rss {% endcomment %} -{% endif %} -{% if include.icon == 'contact' or include.show_all %} +{%- endif -%} +{%- if include.icon == 'contact' or include.show_all -%} {% comment %} ion:mail {% endcomment %} -{% endif %} -{% if include.icon == 'write' or include.show_all %} +{%- endif -%} +{%- if include.icon == 'write' or include.show_all -%} {% comment %} ion:create {% endcomment %} -{% endif %} -{% if include.icon == 'person' or include.show_all %} +{%- endif -%} +{%- if include.icon == 'person' or include.show_all -%} {% comment %} ion:person-circle-sharp {% endcomment %} -{% endif %} -{% if include.icon == 'sunny' or include.show_all %} +{%- endif -%} +{%- if include.icon == 'sunny' or include.show_all -%} {% comment %} ion:md-sunny {% endcomment %} -{% endif %} -{% if include.icon == 'moon' or include.show_all %} +{%- endif -%} +{%- if include.icon == 'moon' or include.show_all -%} {% comment %} ion:md-moon {% endcomment %} -{% endif %} -{% if include.icon == 'system' or include.show_all %} +{%- endif -%} +{%- if include.icon == 'system' or include.show_all -%} {% comment %} ion:md-settings {% endcomment %} -{% endif %} -{% if include.icon == 'info' or include.show_all %} +{%- endif -%} +{%- if include.icon == 'info' or include.show_all -%} {% comment %} ion:md-information-circle {% endcomment %} -{% endif %} -{% if include.icon == 'help' or include.show_all %} +{%- endif -%} +{%- if include.icon == 'help' or include.show_all -%} {% comment %} ion:md-help-circle {% endcomment %} -{% endif %} -{% if include.icon == 'warning' or include.show_all %} +{%- endif -%} +{%- if include.icon == 'warning' or include.show_all -%} {% comment %} ion:warning {% endcomment %} -{% endif %} -{% if include.icon == 'copy' or include.show_all %} +{%- endif -%} +{%- if include.icon == 'copy' or include.show_all -%} {% comment %} ion:copy {% endcomment %} -{% endif %} -{% if include.icon == 'search' or include.show_all %} +{%- endif -%} +{%- if include.icon == 'search' or include.show_all -%} {% comment %} ion:search {% endcomment %} -{% endif %} -{% if include.icon == 'checkmark' or include.show_all %} +{%- endif -%} +{%- if include.icon == 'checkmark' or include.show_all -%} {% comment %} ion:ios-checkmark-circle {% endcomment %} -{% endif %} -{% if include.icon == 'home' or include.show_all %} +{%- endif -%} +{%- if include.icon == 'home' or include.show_all -%} {% comment %} ion:ios-home {% endcomment %} -{% endif %} -{% if include.icon == 'resize' or include.show_all %} +{%- endif -%} +{%- if include.icon == 'resize' or include.show_all -%} {% comment %} ion:arrow-resize {% endcomment %} -{% endif %} -{% if include.icon == 'expand' or include.show_all %} +{%- endif -%} +{%- if include.icon == 'expand' or include.show_all -%} {% comment %} ion:ios-expand {% endcomment %} -{% endif %} -{% if include.icon == 'close' or include.show_all %} +{%- endif -%} +{%- if include.icon == 'close' or include.show_all -%} {% comment %} ion:md-close-circle {% endcomment %} -{% endif %} -{% if include.icon == 'arrow-back' or include.show_all %} +{%- endif -%} +{%- if include.icon == 'arrow-back' or include.show_all -%} {% comment %} ion:md-arrow-round-back {% endcomment %} -{% endif %} -{% if include.icon == 'arrow-forward' or include.show_all %} +{%- endif -%} +{%- if include.icon == 'arrow-forward' or include.show_all -%} {% comment %} ion:md-arrow-round-forward {% endcomment %} -{% endif %} -{% if include.icon == 'star' or include.show_all %} +{%- endif -%} +{%- if include.icon == 'star' or include.show_all -%} {% comment %} ion:star-sharp {% endcomment %} -{% endif %} -{% if include.icon == 'chevron-back' or include.show_all %} +{%- endif -%} +{%- if include.icon == 'chevron-back' or include.show_all -%} {% comment %} ion:chevron-back {% endcomment %} -{% endif %} -{% if include.icon == 'chevron-forward' or include.show_all %} +{%- endif -%} +{%- if include.icon == 'chevron-forward' or include.show_all -%} {% comment %} ion:chevron-forward {% endcomment %} -{% endif %} -{% if include.icon == 'chevron-down' or include.show_all %} +{%- endif -%} +{%- if include.icon == 'chevron-down' or include.show_all -%} {% comment %} ion:chevron-down {% endcomment %} -{% endif %} -{% if include.icon == 'chevron-up' or include.show_all %} +{%- endif -%} +{%- if include.icon == 'chevron-up' or include.show_all -%} {% comment %} ion:chevron-up {% endcomment %} -{% endif %} -{% if include.icon == 'plus' or include.show_all %} +{%- endif -%} +{%- if include.icon == 'plus' or include.show_all -%} {% comment %} ion:plus-round {% endcomment %} -{% endif %} -{% if include.icon == 'minus' or include.show_all %} +{%- endif -%} +{%- if include.icon == 'minus' or include.show_all -%} {% comment %} ion:minus-round {% endcomment %} -{% endif %} -{% if include.icon == 'toc' or include.show_all %} +{%- endif -%} +{%- if include.icon == 'toc' or include.show_all -%} {% comment %} ion:ios-list-box {% endcomment %} -{% endif %} -{% if include.icon == 'random' or include.show_all %} +{%- endif -%} +{%- if include.icon == 'random' or include.show_all -%} {% comment %} ion:dice {% endcomment %} -{% endif %} -{% if include.icon == 'archive' or include.show_all %} +{%- endif -%} +{%- if include.icon == 'archive' or include.show_all -%} {% comment %} ion:ios-archive {% endcomment %} -{% endif %} -{% if include.icon == 'filter' or include.show_all %} +{%- endif -%} +{%- if include.icon == 'filter' or include.show_all -%} {% comment %} ion:filter-circle {% endcomment %} -{% endif %} -{% if include.icon == 'code' or include.show_all %} +{%- endif -%} +{%- if include.icon == 'code' or include.show_all -%} {% comment %} ion:code-slash-outline {% endcomment %} -{% endif %} -{% if include.icon == 'checkbox-checked' or include.show_all %} +{%- endif -%} +{%- if include.icon == 'checkbox-checked' or include.show_all -%} {% comment %} ion:checkbox-outline {% endcomment %} -{% endif %} -{% if include.icon == 'checkbox-outline' or include.show_all %} +{%- endif -%} +{%- if include.icon == 'checkbox-outline' or include.show_all -%} {% comment %} ion:checkbox-outline [path removed] {% endcomment %} -{% endif %} -{% if include.icon == 'plus-circled' or include.show_all %} +{%- endif -%} +{%- if include.icon == 'plus-circled' or include.show_all -%} {% comment %} ion:plus-circled {% endcomment %} -{% endif %} -{% if include.icon == 'minus-circled' or include.show_all %} +{%- endif -%} +{%- if include.icon == 'minus-circled' or include.show_all -%} {% comment %} ion:minus-circled {% endcomment %} -{% endif %} \ No newline at end of file +{%- endif -%} \ No newline at end of file diff --git a/_layouts/home.html b/_layouts/home.html index 288befe..a30afd3 100644 --- a/_layouts/home.html +++ b/_layouts/home.html @@ -7,13 +7,11 @@

{{ site.title | escape }}

- {% if site.twitter.username.size > 0 %} + {%- if site.twitter.username.size > 0 -%} {%- include svg.html icon="twitter" class="spot-icon" params="aria-label='Twitter'" -%} - {% endif %} + {%- endif -%} - - {%- include svg.html icon="rss" class="spot-icon" params="aria-label='Atom/RSS Feed'" -%} - + {%- include svg.html icon="rss" class="spot-icon" params="aria-label='Atom/RSS Feed'" -%}
diff --git a/_pages/about.md b/_pages/about.md index 899cd10..5b5232c 100644 --- a/_pages/about.md +++ b/_pages/about.md @@ -10,7 +10,9 @@ I am John Doe. My email address is {{ site.email }}:

- {%- include svg.html icon="write" -%} Write to me + + {%- include svg.html icon="write" params="aria-hidden='true'" -%} Write to me +

{% comment %} @@ -33,7 +35,7 @@ Find me on Twitter:

- {% include svg.html icon="twitter" params="aria-hidden='true'" %} @{{ site.twitter.username }} + {% include svg.html icon="twitter" params="aria-hidden='true'" %} @{{ site.twitter.username }}

@@ -41,6 +43,6 @@ Read my new posts via Atom / RSS:

- {% include svg.html icon="rss" params="aria-hidden='true'" %} Subscribe to our feed + {% include svg.html icon="rss" params="aria-hidden='true'" %} Subscribe to our feed

\ No newline at end of file diff --git a/_sass/_interactivity.scss b/_sass/_interactivity.scss index 22d6c14..de48dfb 100644 --- a/_sass/_interactivity.scss +++ b/_sass/_interactivity.scss @@ -130,7 +130,7 @@ button svg, height: 1.25em; width: 1.25em; vertical-align: text-bottom; - padding-right: 0.2em; + padding-right: 0.3em; overflow: hidden; }