Browse Source

footer: add social links, restyle

restyle-spring-2019
Annika Backstrom 7 months ago
parent
commit
ba7a3a32a8
4 changed files with 42 additions and 42 deletions
  1. 27
    1
      assets/css/_footer.scss
  2. 0
    31
      assets/css/_home.scss
  3. 0
    2
      content/pages/home.md
  4. 15
    8
      themes/histrionic/templates/base.html

+ 27
- 1
assets/css/_footer.scss View File

@@ -1,4 +1,7 @@
footer {
display: flex;
flex-direction: column;

border-top: 1px dotted #D6D6D6;

margin-top: 3rem;
@@ -6,7 +9,30 @@ footer {

font-size: 0.8em;

> p {
@include media(">tablet") {
flex-direction: row;
}

> ul {
flex: 1;
}
}


.footer--icons {
@include media(">tablet") {
text-align: right;
}

svg {
height: 30px;
width: 30px;
display: inline-block;
}

li {
display: inline-block;
list-style-type: none;
flex: 0 0 auto;
}
}

+ 0
- 31
assets/css/_home.scss View File

@@ -29,34 +29,3 @@ body.index {
}
}
}

.social-icons {
margin: 1em 0;
padding: 0;

svg {
height: 30px;
width: 30px;
display: inline-block;
}

li {
display: inline-block;
list-style-type: none;
flex: 0 0 auto;
padding: 0;
margin: 0 5px;
}
}

@include media("<tablet") {
body.index .content {
display: block;
}

.profile-photo {
max-width: 300px;
margin: 0 auto;
}
}


+ 0
- 2
content/pages/home.md View File

@@ -15,5 +15,3 @@ Professionally speaking, I'm a Software Engineer based in New Hampshire, US. I
work remotely for [Etsy, Inc.](https://www.etsy.com), creating cool tools for
Etsy employees. I'm also involved in [MyTransHealth](http://mytranshealth.com/),
a resource connecting trans\* folx with qualified health care professionals.

You can find me on Mastodon at [@annika@xoxo.zone](https://xoxo.zone/@annika).

+ 15
- 8
themes/histrionic/templates/base.html View File

@@ -40,14 +40,21 @@
</div>

<footer>
<div>
<div>
<p role="contentinfo">
Unless otherwise noted, content on this site was created by Annika Backstrom and is licensed under the <a href="https://creativecommons.org/licenses/by-sa/4.0/">Creative Commons Attribution-ShareAlike 4.0 International License</a>. Powered by <a href="https://blog.getpelican.com/">Pelican</a>.
Feeds: <a href="{{ SITEURL }}/{{ FEED_ALL_ATOM }}" rel="alternate">atom</a>.
</p>
</div>
</div>
<ul class="footer--links list-unstyled">
<li>&copy; Annika Backstrom 2019 <a href="https://creativecommons.org/licenses/by-sa/4.0/">CC BY-SA 4</a></li>
<li>Powered by <a href="https://blog.getpelican.com/">Pelican</a></li>
<li>Feeds: <a href="{{ SITEURL }}/{{ FEED_ALL_ATOM }}" rel="alternate">atom</a>, <a href="{{ SITEURL }}/{{ FEED_ALL_RSS }}" rel="alternate">rss</a></li>
</ul>
<ul class="footer--icons p-0 m-0">
{% for title, url, svg in SOCIAL %}
<li class="p-0 m-x-1">
<a href="{{ url }}" title="{{ title }}" rel="me">
{% set svg_file = 'svg/' + svg %}
{% include svg_file ignore missing without context %}
</a>
</li>
{% endfor %}
</ul>
</footer>

{% if GOOGLE_ANALYTICS %}

Loading…
Cancel
Save