Enclosed rel-alternate links in buttons.

This commit is contained in:
Greenscreener 2020-12-14 21:15:22 +01:00
parent b73729c32a
commit a0bf26b459
4 changed files with 8 additions and 4 deletions

View File

@ -320,9 +320,13 @@ patek-logo {
.rel-alternate-buttons {
display: flex;
flex-direction: row-reverse;
align-items: center;
a {
margin-left: .3rem;
}
i {
font-size: 1.3rem;
}
}
// /Custom styles

View File

@ -6,7 +6,7 @@
</div>
<div class="level-right">
<div class="rel-alternate-buttons">
<a rel="alternate" href="{{ (.OutputFormats.Get "RSS").Permalink }}"><span class="icon is-medium"><i class="fas fa-2x fa-rss-square"></i></span></a>
<a class="button is-link" rel="alternate" href="{{ (.OutputFormats.Get "RSS").Permalink }}"><span class="icon is-medium"><i class="fas fa-2x fa-rss-square"></i></span></a>
</div>
</div>
</div>

View File

@ -6,7 +6,7 @@
</div>
<div class="level-right">
<div class="rel-alternate-buttons">
<a rel="alternate" href="{{ (.OutputFormats.Get "RSS").Permalink }}"><span class="icon is-medium"><i class="fas fa-2x fa-rss-square"></i></span></a>
<a class="button is-link" rel="alternate" href="{{ (.OutputFormats.Get "RSS").Permalink }}"><span class="icon is-medium"><i class="fas fa-2x fa-rss-square"></i></span></a>
</div>
</div>
</div>

View File

@ -12,8 +12,8 @@
</div>
<div class="level-right">
<div class="rel-alternate-buttons">
<a rel="alternate" href="{{ (.OutputFormats.Get "Calendar").Permalink | safeURL }}"><span class="icon is-medium"><i class="fas fa-2x fa-calendar-alt"></i></span></a>
<a rel="alternate" href="{{ (.OutputFormats.Get "RSS").Permalink }}"><span class="icon is-medium"><i class="fas fa-2x fa-rss-square"></i></span></a>
<a class="button is-link" rel="alternate" href="{{ (.OutputFormats.Get "Calendar").Permalink | safeURL }}"><span class="icon is-medium"><i class="fas fa-2x fa-calendar-alt"></i></span></a>
<a class="button is-link" rel="alternate" href="{{ (.OutputFormats.Get "RSS").Permalink }}"><span class="icon is-medium"><i class="fas fa-2x fa-rss-square"></i></span></a>
</div>
</div>
</div>