diff options
| -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> |