patek/patek.cz
9
0
Fork 0
Code Issues 4 Pull Requests 2 Packages Projects Releases Wiki Activity

Made a better layout for rel-alternate buttons.

Browse Source
This commit is contained in:
Greenscreener 2020-12-14 21:14:44 +01:00
parent 685ed5d809
commit b73729c32a
5 changed files with 32 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
themes/patek/assets/css/main.scss
View File

@ -320,7 +320,6 @@ patek-logo {
.rel-alternate-buttons {
display: flex;
flex-direction: row-reverse;
a {
margin-left: .3rem;
}

16
themes/patek/layouts/partials/blogList.html
View File

@ -1,10 +1,14 @@
{{ $baseUrl := .Site.BaseURL }}
{{ $paginator := .Paginate (.Pages.ByPublishDate.Reverse) }}
<div class="is-flex" style="justify-content: space-between;">
{{ partial "paginator-buttons.html" $paginator }}
<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>
</div>
<div class="level is-mobile">
<div class="level-left">
{{ partial "paginator-buttons.html" $paginator }}
</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>
</div>
</div>
</div>
{{ range $paginator.Pages }}
<div class="box">
@ -14,4 +18,4 @@
<div class="content"><p> {{ .Summary }} <a href="{{ .Permalink }}">{{ T "readmore" }}</a> </p></div>
</div>
{{ end }}
{{ partial "paginator-buttons.html" $paginator }}
{{ partial "paginator-buttons.html" $paginator }}

14
themes/patek/layouts/partials/list.html
View File

@ -1,10 +1,14 @@
{{ $baseUrl := .Site.BaseURL }}
{{ $paginator := .Paginate (.Pages.ByPublishDate.Reverse) }}
<div class="is-flex" style="justify-content: space-between;">
{{ partial "paginator-buttons.html" $paginator }}
<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>
</div>
<div class="level">
<div class="level-left">
{{ partial "paginator-buttons.html" $paginator }}
</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>
</div>
</div>
</div>
{{ range $paginator.Pages }}
<div class="box">

4
themes/patek/layouts/partials/paginator-buttons.html
View File

@ -1,5 +1,5 @@
{{ $paginator := . }}
<div class="has-margin-bottom-1em">
{{ if gt $paginator.TotalPages 1 }}
<nav class="pagination" role="navigation" aria-label="pagination">
<ul class="pagination-list">
<li>
@ -23,4 +23,4 @@
</li>
</ul>
</nav>
</div>
{{ end }}

18
themes/patek/layouts/talks/list.html
View File

@ -6,12 +6,16 @@
<h3 class="title">{{ T "talks-paginator-heading" }}:</h3>
{{ $baseUrl := .Site.BaseURL }}
{{ $paginator := .Paginate ((.Pages.ByParam "when").Reverse) }}
<div class="is-flex" style="justify-content: space-between;">
{{ partial "paginator-buttons.html" $paginator }}
<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>
</div>
<div class="level is-mobile">
<div class="level-left">
{{ partial "paginator-buttons.html" $paginator }}
</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>
</div>
</div>
</div>
{{ range $paginator.Pages }}
<div class="box">
@ -22,4 +26,4 @@
</div>
{{ end }}
{{ partial "paginator-buttons.html" $paginator }}
{{ end }}
{{ end }}