assets/scss/colors.scss

@@ -50,7 +50,7 @@ a.footer-nav-item:hover {
   }
   color: $dark-bg-alt;
   background-color: $dark-bg;
-    border-color: $dark-bg;
+  border-color: $dark-bg;
   transition: $trans-short;
 }
 
@@ -86,14 +86,12 @@ footer a {
 
 .togglelabel.light::after {
   background-color: $light-bg;
-  border-color: $light-bg;
   color: $light-bg-alt;
   transition: $transition-time;
 }
 
 .togglelabel::after {
   background-color: $dark-bg;
-  border-color: $dark-bg;
   color: $dark-bg-alt;
   transition: $transition-time;
 }
@@ -201,7 +199,6 @@ a:hover {
   color: $dark-bg;
   background-color: $dark-ln;
   transition: $trans-short;
-  border-color: $dark-ln;
 }
 
 .previous.light:hover,
@@ -211,7 +208,6 @@ article.light a:hover {
   color: $light-bg;
   background-color: $light-ln;
   transition: $trans-short;
-  border-color: $light-ln;
 }
 
 .light.hash-link:hover,

assets/scss/font.scss

@@ -19,12 +19,6 @@ $small: 12pt;
   font-size: $small;
 }
 
-p,
-.postdescription,
-ul {
-  line-height: 2em;
-}
-
 h1{
   font-size: $huge;
 }

assets/scss/layout.scss

@@ -7,7 +7,7 @@ body {
 }
 
 footer {
-  min-height: $footer-height;
+  height: $footer-height;
   position: sticky;
   display: flex;
   align-items: center;
@@ -93,10 +93,6 @@ p code{
   align-items: center;
 }
 
-.postinfo {
-  text-align: right;
-}
-
 h1,
 h2,
 h3,
@@ -110,7 +106,6 @@ h6 {
   justify-content: right;
   display: flex;
   align-items: center;
-  text-align: right;
 }
 
 h2,
@@ -126,7 +121,6 @@ article {
   margin-inline: auto;
 }
 
-
 .titlecontainer,
 header{
   width: 100%;

assets/scss/style.scss

@@ -4,6 +4,7 @@ $toggle-height: 24pt;
 
 * {
   border-width: 2pt;
+  transition: ease-in-out;
 }
 
 input[type="checkbox"] {
@@ -92,10 +93,3 @@ h6 {
   border-width: 0.24em;
   padding-left: 2em;
 }
-
-p a,
-.postdescription a,
-ul a{
-  border-style: solid;
-  padding: 0.12em;
-}

layouts/_default/list.html

@@ -12,8 +12,7 @@
     {{ range .Pages }}
     <div id="postlist">
     <h2 class="colorswitch posttitle">
-        <a class="colorswitch" href="{{.Permalink}}">{{.Title}}</h2><div class="postdescription">{{.Description}}</a><br>
-        <a class="postinfo colorswitch" href="{{.Permalink}}">read more...</a>
+        <a class="colorswitch" href="{{.Permalink}}">{{.Title}}</h2><div class="postdescription">{{.Description}}<br>{{.WordCount}} words</a>
     </div>
     {{ end }}
     </div>

layouts/index.html

@@ -1,10 +1,10 @@
 {{ define "main" }}
-<header>
-  <h1 id="title" class="colorswitch">{{ .Site.Title }}</h1>
-</header>
-<article id="content" class="colorswitch">
+<div>
+  <h1 class="title">{{ .Site.Title }}</h1>
+</div>
+<div>
   <p>
     {{ .Content }}
   </p>
-</article>
+</div>
 {{ end }}