m/blog
1
0
Fork 0
mirror of https://github.com/kremalicious/blog.git synced 2025-02-14 21:10:25 +01:00
Code

footer tweaks

Browse Source
This commit is contained in:
Matthias Kretschmann 2017-09-21 17:30:30 +02:00
parent 935d2376ab
commit ce653065fe
Signed by: m
GPG Key ID: 606EEEF3C479A91F
7 changed files with 50 additions and 51 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
_config.yml
View File

@ -15,7 +15,7 @@ url: https://kremalicious.com
author: author:
name: Matthias Kretschmann name: Matthias Kretschmann
email: m@kretschmann.io email: m@kretschmann.io
uri: https://kretschmann.io uri: https://matthiaskretschmann.com
twitter: kremalicious twitter: kremalicious
facebook: matthiaskretschmann facebook: matthiaskretschmann
googleplus: +MatthiasKretschmann googleplus: +MatthiasKretschmann

21
_src/_assets/styl/_kremalicious/footer.styl
View File

@ -8,8 +8,8 @@
@extend .textcenter @extend .textcenter
padding-top: ($spacer*2) padding-top: ($spacer*2)
.gravatar .avatar
margin-bottom: ($spacer/2) margin-bottom: ($spacer / 2)
&, &,
.footer-description .footer-description
@ -21,6 +21,9 @@
.footer-description .footer-description
@extend .h5 @extend .h5
margin-top: 0
margin-bottom: ($spacer / 4)
a a
display: block display: block
@ -46,9 +49,9 @@
@extend .textcenter @extend .textcenter
margin: 0 margin: 0
.link .link
@extend .textcenter, .link--nounderline @extend .textcenter, .link--nounderline
width: 42px width: 1.5rem
padding: $padding-small-vertical padding: $padding-small-vertical
margin: 0 margin: 0
display: inline-block display: inline-block
@ -65,15 +68,15 @@
display: block display: block
margin: 0 auto margin: 0 auto
.rss:hover .icon .rss:hover .icon
fill: #e15a00 fill: #e15a00
.json:hover .icon .json:hover .icon
fill: #8BE028 fill: #8BE028
.twitter:hover .icon .twitter:hover .icon
fill: #019ad2 fill: #019ad2
.google:hover .icon .google:hover .icon
fill: #c63b1e fill: #c63b1e
.facebook:hover .icon .facebook:hover .icon
fill: #3b5998 fill: #3b5998
.subscribe-title .subscribe-title

1
_src/_assets/styl/_kremalicious/header.styl
View File

@ -5,7 +5,6 @@
// //
.site__header .site__header
background: $body-bg
margin-top: ($spacer/2) margin-top: ($spacer/2)
margin-bottom: ($spacer/2) margin-bottom: ($spacer/2)

8
_src/_assets/styl/_kremalicious/layout.styl
View File

@ -40,7 +40,7 @@
@media $screen-xs @media $screen-xs
transform: translate3d(0,-($spacer*7.2),0) transform: translate3d(0,-($spacer*7.2),0)
@media $screen-sm @media $screen-md
transform: translate3d(0,-($spacer*5),0) transform: translate3d(0,-($spacer*5),0)
.has-menu-open & .has-menu-open &
@ -49,13 +49,13 @@
.site__footer .site__footer
margin-top: -($spacer*6.5) margin-top: -($spacer*6.5)
@media $screen-sm @media $screen-md
margin-top: 0 margin-top: 0
.has-menu-open & .has-menu-open &
margin-top: 0 margin-top: 0
@media $screen-sm and (min-height: 650px) @media $screen-md and (min-height: 650px)
.site .site
position: relative position: relative
@ -63,7 +63,7 @@
@extend .transition @extend .transition
position: relative position: relative
z-index: 2 z-index: 2
margin-bottom: 30rem margin-bottom: 32rem
transform: translate3d(0,($spacer*3),0) transform: translate3d(0,($spacer*3),0)
.has-menu-open & .has-menu-open &

1
_src/_assets/styl/_kremalicious/navigation.styl
View File

@ -50,7 +50,6 @@
padding: $spacer 0 padding: $spacer 0
margin-top: $spacer margin-top: $spacer
margin-bottom: 0 margin-bottom: 0
background: $body-bg
display: flex // .nav-popver overwrite display: flex // .nav-popver overwrite
margin-left: 0 // .grid overwrite margin-left: 0 // .grid overwrite

2
_src/_includes/entry_meta.html
View File

@ -1,7 +1,7 @@
<footer class="entry-meta"> <footer class="entry-meta">
<p class="byline author vcard source-org"> <p class="byline author vcard source-org">
<span class="by">by</span> <a class="fn" rel="author" href="https://matthiaskretschmann.com"> <span class="by">by</span> <a class="fn" rel="author" href="{{ site.author.uri }}">
{% if page.author %} {% if page.author %}
{{ page.author }} {{ page.author }}
{% else %} {% else %}

30
_src/_includes/footer.html
View File

@ -5,7 +5,20 @@
<div class="vcard author"> <div class="vcard author">
<img class="avatar photo" src="/assets/img/avatar.jpeg" /> <img class="avatar photo" src="/assets/img/avatar.jpeg" />
<p class="footer-description">Blog of designer &amp; developer <a class="fn" rel="author" href="https://matthiaskretschmann.com">{{ site.author.name }}</a> <p class="footer-description">Blog of designer &amp; developer <a class="fn" rel="author" href="{{ site.author.uri }}">{{ site.author.name }}</a>
<p>
<a class="link twitter" href="https://twitter.com/{{ site.author.twitter }}">
<svg class="icon icon-twitter">
<use xlink:href="/assets/img/sprite.svg#twitter"></use>
</svg>
</a>
<a class="link facebook" href="https://www.facebook.com/{{ site.author.facebook }}">
<svg class="icon icon-facebook">
<use xlink:href="/assets/img/sprite.svg#facebook"></use>
</svg>
</a>
</p>
</div> </div>
<aside class="subscribe"> <aside class="subscribe">
@ -21,21 +34,6 @@
<use xlink:href="/assets/img/sprite.svg#jsonfeed"></use> <use xlink:href="/assets/img/sprite.svg#jsonfeed"></use>
</svg> </svg>
</a> </a>
<a class="link twitter" href="https://twitter.com/kremaliciouscom">
<svg class="icon icon-twitter">
<use xlink:href="/assets/img/sprite.svg#twitter"></use>
</svg>
</a>
<a class="link google" href="https://plus.google.com/100015950464424503954" rel="publisher">
<svg class="icon icon-google+">
<use xlink:href="/assets/img/sprite.svg#google+"></use>
</svg>
</a>
<a class="link facebook" href="https://www.facebook.com/pages/kremalicious/154539134564052">
<svg class="icon icon-facebook">
<use xlink:href="/assets/img/sprite.svg#facebook"></use>
</svg>
</a>
</p> </p>
</aside> </aside>