css tweaks

mobile layout is bad if there are too many links on a page
need fix

static/css/style.css

@@ -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;
+  }
+
 }

templates/home.page.tmpl

@@ -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 -}}

templates/links.tmpl

@@ -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>