reorganise and improve semantics

themes/secluded/assets/scss/_main.scss

@@ -172,7 +172,7 @@ input[type="text"]:focus {
   padding: 0px 4px 4px;
 }
 
-.footer {
+footer {
   padding: 20px 0 20px 0;
   text-align: center;
   line-height: 30px;

themes/secluded/layouts/_default/baseof.html

@@ -6,6 +6,6 @@
         <div id="content">
         {{- block "main" . }}{{- end }}
         </div>
+        {{ partial "footer.html" . -}}
     </body>
-    {{- partial "footer.html" . -}}
 </html>

themes/secluded/layouts/_default/list.html

@@ -41,4 +41,5 @@
             {{- end }}
         </ul>
     </div>
-    {{ end }}
+</div>
+{{ end }}

themes/secluded/layouts/partials/footer.html

@@ -1,8 +1,8 @@
-<div class="footer">
+<footer>
     <p><a class="button" href="#">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 available on <a href="https://git.nixnet.services/Amolith/secluded">Forgejo</a><br/></p>
     <img width="50" src="/assets/pngs/glider.svg" />
-</div>
+</footer>