wezm/wezm.net
1
0
Fork 1
mirror of https://github.com/wezm/wezm.net.git synced 2024-11-18 04:42:47 +00:00
Code Issues Projects Releases Packages Wiki Activity

Add social links to footer

Browse source
This commit is contained in:
Wesley Moore 2018-10-31 19:39:16 +11:00
parent 200f4df7be
commit d3c8391693
No known key found for this signature in database
GPG key ID: BF67766C0BC2D0EE
2 changed files with 40 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
content/screen.sass
View file

@ -169,18 +169,31 @@ body > header
footer
color: #999
border-top: 1px solid #999
margin: 20px
margin: 3em 20px 2em
clear: both
.copyright
font-family: $ans-serif
font-size: 14px
padding-top: 1em
margin-top: 1em
display: block
.align-top
vertical-align: top
.no-border
border: none
text-decoration: none
.socials
margin-top: 1em
float: right
.social-icon
margin: 0 0.5em
.social-icon-wide
margin: 0 0.6em
.home
h1 > a:first-child

25
layouts/_footer.html
View file

@ -1,3 +1,28 @@
<footer>
<div class="socials">
<a href="/feed/" class="no-border">
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="16" height="16" id="RSSicon" viewBox="0 0 256 256" class="social-icon-wide">
<circle cx="68" cy="189" r="24" fill="currentColor"></circle>
<path d="M160 213h-34a82 82 0 0 0 -82 -82v-34a116 116 0 0 1 116 116z" fill="currentColor"></path>
<path d="M184 213A140 140 0 0 0 44 73 V 38a175 175 0 0 1 175 175z" fill="currentColor"></path>
</svg>
</a>
<a href="mailto:wes@wezm.net" class="no-border">
<svg id="mail" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="16" height="16" fill="currentcolor" class="social-icon-wide">
<path d="M0 6 L16 16 L32 6 z M0 9 L0 26 L32 26 L32 9 L16 19 z"></path>
</svg>
</a>
<a href="https://twitter.com/wezm" class="no-border">
<svg id="twitter" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="16" height="16" fill="currentcolor" class="social-icon-wide">
<path d="M2 4 C6 8 10 12 15 11 A6 6 0 0 1 22 4 A6 6 0 0 1 26 6 A8 8 0 0 0 31 4 A8 8 0 0 1 28 8 A8 8 0 0 0 32 7 A8 8 0 0 1 28 11 A18 18 0 0 1 10 30 A18 18 0 0 1 0 27 A12 12 0 0 0 8 24 A8 8 0 0 1 3 20 A8 8 0 0 0 6 19.5 A8 8 0 0 1 0 12 A8 8 0 0 0 3 13 A8 8 0 0 1 2 4"></path>
</svg>
</a>
<a href="https://mastodon.social/@wezm" rel="me" class="no-border">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 216.4144 232.00976" class="social-icon"><path d="M211.80734 139.0875c-3.18125 16.36625-28.4925 34.2775-57.5625 37.74875-15.15875 1.80875-30.08375 3.47125-45.99875 2.74125-26.0275-1.1925-46.565-6.2125-46.565-6.2125 0 2.53375.15625 4.94625.46875 7.2025 3.38375 25.68625 25.47 27.225 46.39125 27.9425 21.11625.7225 39.91875-5.20625 39.91875-5.20625l.8675 19.09s-14.77 7.93125-41.08125 9.39c-14.50875.7975-32.52375-.365-53.50625-5.91875C9.23234 213.82 1.40609 165.31125.20859 116.09125c-.365-14.61375-.14-28.39375-.14-39.91875 0-50.33 32.97625-65.0825 32.97625-65.0825C49.67234 3.45375 78.20359.2425 107.86484 0h.72875c29.66125.2425 58.21125 3.45375 74.8375 11.09 0 0 32.975 14.7525 32.975 65.0825 0 0 .41375 37.13375-4.59875 62.915" fill="currentColor"></path><path d="M177.50984 80.077v60.94125h-24.14375v-59.15c0-12.46875-5.24625-18.7975-15.74-18.7975-11.6025 0-17.4175 7.5075-17.4175 22.3525v32.37625H96.20734V85.42325c0-14.845-5.81625-22.3525-17.41875-22.3525-10.49375 0-15.74 6.32875-15.74 18.7975v59.15H38.90484V80.077c0-12.455 3.17125-22.3525 9.54125-29.675 6.56875-7.3225 15.17125-11.07625 25.85-11.07625 12.355 0 21.71125 4.74875 27.8975 14.2475l6.01375 10.08125 6.015-10.08125c6.185-9.49875 15.54125-14.2475 27.8975-14.2475 10.6775 0 19.28 3.75375 25.85 11.07625 6.36875 7.3225 9.54 17.22 9.54 29.675" fill="#fff"></path></svg>
</a>
<a href="https://patreon.com/wezm" class="no-border">
<svg viewBox="0 0 569 546" width="13" height="13" version="1.1" xmlns="http://www.w3.org/2000/svg" class="social-icon"><g><circle fill="currentColor" cx="362.589996" cy="204.589996" r="204.589996"></circle><rect fill="currentColor" x="0" y="0" width="100" height="545.799988"></rect></g></svg>
</a>
</div>
<span class="copyright">Copyright &copy; 2004 &ndash; <%= Date.today.year %> Wesley Moore</span>
</footer>