css tweaks

mobile layout is bad if there are too many links on a page
need fix
This commit is contained in:
Lilian Jónsdóttir 2024-01-24 18:12:37 -08:00
parent 4bf5bb1bc6
commit b541808f35
3 changed files with 30 additions and 8 deletions

View file

@ -32,6 +32,14 @@ a#back {
color: #111;
}
a.links {
font-size: 1.1em;
}
a.homelinks {
font-size: 1.3em;
}
#stuff {
margin: 55px 150px 25px 150px;
}
@ -95,20 +103,34 @@ h2 {
width: 100%;
}
#leftfooter {
#leftfooter,
#rightfooter {
position: fixed;
bottom: 10px;
right: 10px;
text-align: right;
left: 0px;
display: block;
font-size: 2vw;
}
#leftfooter {
bottom: 10px;
}
#rightfooter {
position: fixed;
bottom: 35px;
right: 10px;
}
#stuff {
margin: 15px 50px 25px 50px;
margin: 15px 25px 25px 25px;
}
a.links {
font-size: 5ev;
}
a.homelinks {
font-size: 7ev;
}
}

View file

@ -12,7 +12,7 @@
<br />
<span id="words">
{{ range (index .LinkMap "Pages")}}
<a href="{{ .Href }}">{{ .Text }}</a><br />
<a href="{{ .Href }}" class="homelinks">{{ .Text }}</a><br />
{{ end }}
</span>
{{ end -}}

View file

@ -7,7 +7,7 @@
{{- range $key, $value := .LinkMap }}
<h4>{{ $key }}</h4>
{{- range $value }}
<a href="{{ .Href }}">
<a href="{{ .Href }}" class="links">
{{- if (ne .Icon "") }}
<span class="iconify" data-icon="{{ .Icon }}"></span>
{{ end }}
@ -16,7 +16,7 @@
{{- end }}
{{ end -}}
<br />
<a href="/">
<a href="/" id="back">
<span class="iconify" data-icon="material-symbols:keyboard-arrow-left"></span>
back
</a>