Egg/vugo
1
0
Fork 0
mirror of https://gitlab.com/EternalWanderer/vugo.git synced 2024-11-29 05:23:50 +01:00
Code Issues Packages Projects Releases Wiki Activity

Columns and header references

Browse source
This commit is contained in:
Nox Sluijtman 2022-09-18 12:29:02 +02:00
parent 84d88dbefe
commit 33e244efd6
2 changed files with 13 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
layouts/_default/single.html
View file

@ -39,9 +39,15 @@
</div> </div>
{{ end }} {{ end }}
{{ if eq .Type $.Site.Params.contentTypeName }}
<div class="post-content"> <div class="post-content">
{{ .Content }} {{- with .Content -}}
{{ . | replaceRE "(<h[1-9] id=\"([^\"]+)\".+)(</h[1-9]+>)" `${1} <a href="#${2}" class="anchor" ariaLabel="Anchor">#</a> ${3}` | safeHTML }}
{{- end -}}
</div> </div>
{{ else }}
{{ .Content }}
{{ end }}
{{ if eq .Type $.Site.Params.contentTypeName }} {{ if eq .Type $.Site.Params.contentTypeName }}
{{ partial "posts_pagination.html" . }} {{ partial "posts_pagination.html" . }}

7
static/style.css
View file

@ -16,6 +16,8 @@ body{ padding: 0; margin: 0; }
a{ color: var(--ansi11); } a{ color: var(--ansi11); }
a:hover{ color: var(--ansi00-hard); background-color: var(--ansi11); text-decoration: none;} a:hover{ color: var(--ansi00-hard); background-color: var(--ansi11); text-decoration: none;}
audio{ width: 100%; display: block; margin-top: 1em; } audio{ width: 100%; display: block; margin-top: 1em; }
a.anchor{visibility:hidden; text-decoration: none;}
h1:hover>a,h2:hover>a,h3:hover>a,h4:hover>a,h5:hover>a,h6:hover>a,h1:hover>a{visibility:visible;}
main{ margin-left: 12em; margin-right: 1em; padding: 1em; border:1pt solid; margin-bottom: 1em;} main{ margin-left: 12em; margin-right: 1em; padding: 1em; border:1pt solid; margin-bottom: 1em;}
main h1{border-bottom: 1pt solid;} main h1{border-bottom: 1pt solid;}
main a h1 {border-bottom: transparent 0pt solid;} main a h1 {border-bottom: transparent 0pt solid;}
@ -36,7 +38,7 @@ footer{text-align:center; border-top:1pt solid; margin-top: 1em;}
footer a{text-decoration:none;} footer a{text-decoration:none;}
footer .mirror{text-align:center; color: var(--ansi11);} footer .mirror{text-align:center; color: var(--ansi11);}
code{ background: var(--ansi00-soft); } code{ background: var(--ansi00-soft); }
pre{ background: var(--ansi00-soft); padding: 1em; border-radius: 1em;} pre{ overflow-x: auto; background: var(--ansi00-soft); padding: 1em; border-radius: 1em;}
.hyperbowl{ font-style: italic; font-size: 1.2em;} .hyperbowl{ font-style: italic; font-size: 1.2em;}
.logo{ .logo{
padding: 5pt 0; padding: 5pt 0;
@ -59,6 +61,9 @@ pre{ background: var(--ansi00-soft); padding: 1em; border-radius: 1em;}
.about img{height:10em; float:left;} .about img{height:10em; float:left;}
header{text-transform: capitalize; text-align:center;border-bottom:2pt solid; font-weight:bold;} header{text-transform: capitalize; text-align:center;border-bottom:2pt solid; font-weight:bold;}
.page-head{text-transform: capitalize; text-align:center;border-bottom:2pt solid; font-weight:bold;} .page-head{text-transform: capitalize; text-align:center;border-bottom:2pt solid; font-weight:bold;}
@media (min-width: 1200px){
.post-content{ column-count: 2; }
}
@media (max-width: 800px){ @media (max-width: 800px){
main{max-width:100%; margin: 1em;} main{max-width:100%; margin: 1em;}
nav{padding:0; width: 100%; border-right:solid 0pt;} nav{padding:0; width: 100%; border-right:solid 0pt;}