diff options
| author | Ben Burwell <ben.burwell@trifecta.com> | 2016-09-07 09:49:42 -0400 |
|---|---|---|
| committer | Ben Burwell <ben.burwell@trifecta.com> | 2016-09-07 09:49:42 -0400 |
| commit | d73565fb7f2ce49d2cb3629674925c46a9df271a (patch) | |
| tree | 956200bcf7b67c72e610577a65297f6e1de86319 | |
| parent | 4d57e22cb8d937f1b7d5ce21975ada1d7190f4a7 (diff) | |
Make footer more CSS-y
| -rw-r--r-- | _includes/site.scss | 11 | ||||
| -rw-r--r-- | _layouts/blog.html | 33 |
2 files changed, 30 insertions, 14 deletions
diff --git a/_includes/site.scss b/_includes/site.scss index 854caf6..7114029 100644 --- a/_includes/site.scss +++ b/_includes/site.scss @@ -127,8 +127,7 @@ blockquote { a { color: $dark-gray; - text-decoration: none; - border-bottom: 1px solid $dark-gray; + text-decoration: underline; &:hover { color: $primary-color; border-bottom-color: $primary-color; @@ -194,3 +193,11 @@ aside { .highlight pre { @include container; } + +.footer-link::after { + content: ' ~ '; +} + +.footer-link:last-of-type::after { + content: ''; +} diff --git a/_layouts/blog.html b/_layouts/blog.html index 8d11c64..e245dc1 100644 --- a/_layouts/blog.html +++ b/_layouts/blog.html @@ -9,19 +9,28 @@ layout: master </main> <footer> <p> - <a href="/">about</a> - ~ - <a href="/posts/">posts</a> - ~ - <a href="/projects/">projects</a> - ~ - <a href="https://github.com/benburwell">github</a> + <span class="footer-link"> + <a href="/">about</a> + </span> + <span class="footer-link"> + <a href="/posts/">posts</a> + </span> + <span class="footer-link"> + <a href="/projects/">projects</a> + </span> + <span class="footer-link"> + <a href="https://github.com/benburwell">github</a> + </span> </p> <p> - <a href="/license/">© 2016</a> - ~ - <a href="/privacy/">privacy</a> - ~ - <a href="/feed.xml">rss</a> + <span class="footer-link"> + <a href="/license/">© {{ site.time | date: '%Y' }}</a> + </span> + <span class="footer-link"> + <a href="/privacy/">privacy</a> + </span> + <span class="footer-link"> + <a href="/feed.xml">rss</a> + </span> </p> </footer> |