Improve footer semantics

themes/secluded/assets/scss/_main.scss

@@ -138,28 +138,26 @@ input[type=text]:focus {
     height: 25px;
     box-shadow: 0 1px 1px rgba(12,13,14,0.15),inset 0 1px 0 0 #fff;
     display: inline-block;
-    line-height: 1.5px;
     color: $dark;
     text-shadow: 0 1px 0 #fff;
     background-color: #e4e6e8;
     border: 1px solid #9fa6ad;
     border-radius: 3px;
     cursor: pointer;
-    margin: 2px 0;
-
-    p {
-        padding: .2rem;
-        margin: .5rem .2rem;
-        color: $dark;
-    }
+    padding: 0px 4px 4px;
 }
 
 .footer {
-    font-style: italic;
     padding: 20px 0 20px 0;
     text-align: center;
     line-height: 30px;
     a:visited {
         color: $dark;
     }
+    .ring {
+        font-size: 20px;
+    }
+    .boring_stuff {
+        font-style: italic;
+    }
 }

themes/secluded/layouts/_default/list.html

@@ -11,11 +11,11 @@
     {{ if eq $title "Posts" }}
     <div class="categories">
         <h2>Categories</h2>
-        {{range ($.Site.GetPage "taxonomyTerm" "categories").Pages }}
-        <a class="button" href="{{.Permalink}}">
-            <p>{{.Title}}</p>
-        </a>
-        {{end}}
+        <p>
+            {{ range ($.Site.GetPage "taxonomyTerm" "categories").Pages }}
+            <a class="button" href="{{.Permalink}}">{{.Title}}</a>
+            {{- end }}
+        </p>
     </div>
     {{ end }}
 
@@ -30,11 +30,11 @@
                     <span class="posts-day">{{ if .Site.Params.dateformShort }}{{ .Date.Format .Site.Params.dateformShort }}{{ else }}{{ .Date.Format "Jan 02"}}{{ end }}</span>
                 </a>
                 <p>{{ .Summary | truncate 140 }}</p>
-                {{ range (.GetTerms "tags") }}
-                <a class="button" href="{{.Permalink}}">
-                    <p>{{.Title}}</p>
-                </a>
-                {{ end }}
+                <p>
+                    {{- range (.GetTerms "tags") }}
+                    <a class="button" href="{{.Permalink}}">{{.Title}}</a>
+                    {{- end }}
+                </p>
             </li>
             {{- end }}
         </ul>

themes/secluded/layouts/partials/footer.html

@@ -1,6 +1,7 @@
 <div class="footer">
-    <a class="button" href="#top"><p>Back to the top</p></a>
-    <p>Content licensed under <a href="https://creativecommons.org/licenses/by/4.0/deed.en">CC-BY-4.0</a><br/>
+    <p><a class="button" href="#top">Back to the top</a></p>
+    <p><a class="button" href="https://fediring.net/previous?host=secluded.site">←</a> <a class="button" href="https://fediring.net/">Fediring</a> <a class="button" href="https://fediring.net/next?host=secluded.site">→</a></p>
+    <p class="boring_stuff">Content licensed under <a href="https://creativecommons.org/licenses/by/4.0/deed.en">CC-BY-4.0</a><br/>
         Code licensed under <a href="https://tldrlegal.com/license/mit-license">MIT</a><br/>
         Source is available on <a href="https://git.nixnet.services/Amolith/secluded">Gitea</a><br/></p>
     <a href="https://512kb.club"><img alt="Badge for 512 KB Club Green Team status" src="/assets/svgs/green-team.svg" /></a>