themes/secluded/assets/scss/_main.scss

@@ -138,26 +138,28 @@ 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;
-    padding: 0px 4px 4px;
+    margin: 2px 0;
+
+    p {
+        padding: .2rem;
+        margin: .5rem .2rem;
+        color: $dark;
+    }
 }
 
 .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>
-        <p>
         {{range ($.Site.GetPage "taxonomyTerm" "categories").Pages }}
-            <a class="button" href="{{.Permalink}}">{{.Title}}</a>
+        <a class="button" href="{{.Permalink}}">
-            {{- end }}
+            <p>{{.Title}}</p>
-        </p>
+        </a>
+        {{end}}
     </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>
-                <p>
+                {{ range (.GetTerms "tags") }}
-                    {{- range (.GetTerms "tags") }}
+                <a class="button" href="{{.Permalink}}">
-                    <a class="button" href="{{.Permalink}}">{{.Title}}</a>
+                    <p>{{.Title}}</p>
-                    {{- end }}
+                </a>
-                </p>
+                {{ end }}
             </li>
             {{- end }}
         </ul>

themes/secluded/layouts/partials/footer.html

@@ -1,7 +1,6 @@
 <div class="footer">
-    <p><a class="button" href="#top">Back to the top</a></p>
+    <a class="button" href="#top"><p>Back to the top</p></a>
-    <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>Content licensed under <a href="https://creativecommons.org/licenses/by/4.0/deed.en">CC-BY-4.0</a><br/>
-    <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>