Egg/vugo
1
0
Fork 0
mirror of https://gitlab.com/EternalWanderer/vugo.git synced 2024-11-28 21:13:51 +01:00
Code Issues Packages Projects Releases Wiki Activity

Rewrote lists to use tables instead of flexbox

Browse source
This commit is contained in:
Nox Sluijtman 2022-09-26 19:23:45 +02:00
parent 321d3a19f9
commit 0934cae834
3 changed files with 34 additions and 74 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

52
layouts/_default/index.html
View file

@ -8,45 +8,25 @@
{{ if .IsHome }} {{ if .IsHome }}
{{ $PageContext = .Site }} {{ $PageContext = .Site }}
{{ end }} {{ end }}
{{ $paginator := .Paginate (where $PageContext.RegularPages "Type" $contentTypeName) }} {{ $paginator := .Paginate (where $PageContext.RegularPages "Type" $contentTypeName) }}
<div class="posts">
{{ range $paginator.Pages }} <table class="post-meta">
<article class="post on-list"> {{ range .Paginator.Pages }}
<div class="post-meta"> <tr>
{{ if .Params.Date }} <td><a href="{{ .RelPermalink }}">{{ .Title | markdownify}}</a></td>
<span> <td>{{ .Params.Date.Format "2006-01-02" }}</td>
<a href="{{ .RelPermalink }}">{{ .Title | markdownify }}</a> <td>{{ .Params.Author }}</td>
<span> - </span> <td > {{ range .Params.tags }} #<a href="{{ (urlize (printf "tags/%s/" .)) | absLangURL }}">{{ . }}</a>&nbsp; {{ end }}</td>
<span class="post-date"> <!--
{{ .Date.Format "2006-01-02" }} {{ if and (.Param "readingTime") (eq (.Param "readingTime") true) }}
{{ if $.Site.Params.showLastUpdated }} <td class="post-reading-time">- {{ .ReadingTime }} min read ({{ .WordCount }} words)</td>
{{or $.Site.Params.updatedDatePrefix "Updated"}}: {{ .Lastmod.Format "2006-01-02" }}]
{{ end }} {{ end }}
</span> -->
</tr>
{{ end }} {{ end }}
</table>
{{ with .Params.Author }} </div>
<span> - </span>
<span class="post-author">{{ . }}</span>
{{ end }}
{{ if and (.Param "readingTime") (eq (.Param "readingTime") true) }}
<span class="post-reading-time">- {{ .ReadingTime }} min read ({{ .WordCount }} words)</span>
{{ end }}
</span>
{{ if .Params.tags }}
<span class="post-tags">
{{ range .Params.tags }}
#<a href="{{ (urlize (printf "tags/%s/" .)) | absLangURL }}">{{ . }}</a>&nbsp;
{{ end }}
</span>
{{ end }}
</div>
</article>
{{ end }}
{{ partial "pagination.html" . }} {{ partial "pagination.html" . }}
{{ partial "stickers.html" . }} {{ partial "stickers.html" . }}
</div> </div>

48
layouts/_default/list.html
View file

@ -4,42 +4,22 @@
{{ .Content -}} {{ .Content -}}
</article> </article>
{{ end }} {{ end }}
<div class="posts"> <div class="posts">
<table class="post-meta">
{{ range .Paginator.Pages }} {{ range .Paginator.Pages }}
<div class="post-meta"> <tr>
{{ if .Params.Date }} <td><a href="{{ .RelPermalink }}">{{ .Title | markdownify}}</a></td>
<span> <td>{{ .Params.Date.Format "2006-01-02" }}</td>
<a href="{{ .RelPermalink }}">{{ .Title | markdownify }}</a> <td>{{ .Params.Author }}</td>
<span> - </span> <td > {{ range .Params.tags }} #<a href="{{ (urlize (printf "tags/%s/" .)) | absLangURL }}">{{ . }}</a>&nbsp; {{ end }}</td>
<span class="post-date"> <!--
{{ .Date.Format "2006-01-02" }}
{{ if $.Site.Params.showLastUpdated }}
{{or $.Site.Params.updatedDatePrefix "Updated"}}: {{ .Lastmod.Format "2006-01-02" }}]
{{ end }}
</span>
{{ end }}
{{ with .Params.Author }}
<span> - </span>
<span class="post-author">{{ . }}</span>
{{ end }}
{{ if and (.Param "readingTime") (eq (.Param "readingTime") true) }} {{ if and (.Param "readingTime") (eq (.Param "readingTime") true) }}
<span class="post-reading-time">- {{ .ReadingTime }} min read ({{ .WordCount }} words)</span> <td class="post-reading-time">- {{ .ReadingTime }} min read ({{ .WordCount }} words)</td>
{{ end }} {{ end }}
-->
</span> </tr>
{{ end }}
{{ if .Params.tags }} </table>
<span class="post-tags"> </div>
{{ range .Params.tags }}
#<a href="{{ (urlize (printf "tags/%s/" .)) | absLangURL }}">{{ . }}</a>&nbsp;
{{ end }}
</span>
{{ end }}
</div>
</div>
{{ end }}
{{ partial "pagination.html" . }} {{ partial "pagination.html" . }}
{{ end }} {{ end }}

8
static/style.css
View file

@ -76,10 +76,10 @@ header{text-transform: capitalize; text-align:center;border-bottom:2pt solid; fo
-moz-animation: gay 8s ease-in-out infinite; -moz-animation: gay 8s ease-in-out infinite;
-webkit-animation: gay 8s ease-in-out infinite; -webkit-animation: gay 8s ease-in-out infinite;
} }
.post-meta{margin-bottom: .5em; border-bottom: solid 1pt;} table{color: var(--ansi07); margin-bottom: .5em; }
.on-list{color: var(--ansi07);} .post-meta{ width: 100%; background-color: var(--ansi00); border-radius: 1em; padding:.5em;}
.post-meta{color: var(--ansi07); display:flex; justify-content: space-between; } .post-meta a{text-decoration: none;}
.post-tags a{text-decoration:none; color:inherit;} .post-tags a{ color:inherit;}
.post-tags a:hover{text-decoration:none; color:var(--ansi15); background:inherit;} .post-tags a:hover{text-decoration:none; color:var(--ansi15); background:inherit;}
.button{padding:.3em;border-radius:.3em;} .button{padding:.3em;border-radius:.3em;}
.pagination__buttons{display:flex; justify-content:center;} .pagination__buttons{display:flex; justify-content:center;}