update TODO

have the header and headings center aligned

README.md

@@ -10,3 +10,6 @@ Forked from [hugo-coder](https://github.com/luizdepra/hugo-coder) - a simple and
 
 Coder is licensed under the [MIT license](https://git.rayelliott.dev/rayelliott/hugo-coder-fork/src/branch/master/LICENSE.md).
 
+## TODO
+
+Add documentation on CSS classes that may be used to style `figure` elements.

assets/scss/_base.scss

@@ -6,7 +6,10 @@
 
 html {
   box-sizing: border-box;
-  font-size: 62.5%;
+  @media only screen and (max-width: 768px) {
+    font-size: 61.5%;
+  }
+  font-size: 72%;
 }
 
 body {
@@ -33,6 +36,15 @@ a {
   }
 }
 
+.content a {
+  opacity: 1;
+  text-decoration: underline;
+
+  &:hover {
+    opacity: 0.6;
+  }
+}
+
 p {
   margin: 2rem 0 2rem 0;
 }
@@ -47,6 +59,7 @@ h6 {
   font-weight: $heading-font-weight;
   color: $alt-fg-color;
   margin: 6.4rem 0 3.2rem 0;
+  text-align: center;
 }
 
 h1 {

assets/scss/_content.scss

@@ -7,6 +7,7 @@
     header {
       margin-top: 6.4rem;
       margin-bottom: 3.2rem;
+      text-align: center;
       h1 {
         font-size: 4.2rem;
         line-height: 4.6rem;
@@ -22,7 +23,12 @@
       .see-also {
         margin: 3.2rem 0;
         h3 {
-          margin: 3.2rem 0;
+          margin: 3.2rem 0 1.6rem;
+        }
+        .see-also-list {
+          list-style: none;
+          padding-left: 0;
+          text-align: center;
         }
       }
     }
@@ -46,6 +52,11 @@
       }
     }
   }
+  img {
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+  }
   figure {
     margin: 0;
     padding: 0;
@@ -56,6 +67,11 @@
     font-size: 1.6rem;
     margin: 0;
   }
+  .featured-image {
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+  }
 }
 
 .avatar img {

assets/scss/_variables.scss

@@ -1,12 +1,12 @@
 // Fonts
-$text-font-family: Roboto, sans-serif;
+$text-font-family: Lato, sans-serif;
-$heading-font-family: "Hind Guntur", sans-serif;
+$heading-font-family: "Open Sans", sans-serif;
 $code-font-family: "Source Code Pro", "Lucida Console", monospace;
 
 $text-font-weight: 400;
 $text-font-weight--bold: 600;
-$heading-font-weight: 400;
+$heading-font-weight: 600;
-$heading-font-weight--bold: 600;
+$heading-font-weight--bold: 700;
 $code-font-weight: 400;
 
 // Colors
@@ -14,11 +14,11 @@ $bg-color: #fafafa !default;
 $fg-color: #212121 !default;
 $alt-bg-color: #e0e0e0 !default;
 $alt-fg-color: #000 !default;
-$link-color: #1565c0 !default;
+$link-color: #464f56 !default;
 
 // Colors dark
 $bg-color-dark: #212121 !default;
 $fg-color-dark: #dadada !default;
 $alt-bg-color-dark: #424242 !default;
 $alt-fg-color-dark: #dadada !default;
-$link-color-dark: #36679f !default;
+$link-color-dark: #464f56 !default;

layouts/_default/baseof.html

@@ -21,7 +21,7 @@
       <link rel="canonical" href="{{ .Permalink }}">
     {{ end }}
 
-    <link href="https://fonts.googleapis.com/css?family=Roboto:400,600%7CHind+Guntur:400,600%7CSource+Code+Pro:400,700" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css?family=Lato:400,600%7COpen+Sans:600,700%7CSource+Code+Pro:400,700" rel="stylesheet">
     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.11.2/css/all.css" integrity="sha384-KA6wR/X5RY4zFAHpv/CnoG2UW1uogYfdnP67Uv7eULvTveboZJg0qUpmJZb5VqzN" crossorigin="anonymous" />
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css" integrity="sha256-l85OmPOjvil/SOvVt3HnSSjzF1TUMyT9eV0c2BzEGzU=" crossorigin="anonymous" />
 

layouts/partials/posts/series.html

@@ -5,9 +5,9 @@
     {{ $name := . | urlize }}
     {{ $series := index $.Site.Taxonomies.series $name }}
     {{ if gt (len $series.Pages) 1 }}
-      <h3>See also in {{ . }}</h3>
+      <h3>More {{ . }} Articles</h3>
       <nav>
-        <ul>
+        <ul class="see-also-list">
         {{ $maxItems := $.Site.Params.maxSeeAlsoItems | default 5 }}
         {{ range first (add $maxItems 1) $series.Pages }}
           {{ if ne .RelPermalink $currentPageUrl }}

layouts/posts/single.html

@@ -28,7 +28,7 @@
 
       <div>
         {{ if .Params.featured_image }}
-          <img src='{{ .Params.featured_image }}' alt="Featured image"/>
+          <img class="featured-image" src='{{ .Params.featured_image }}' alt="Featured image"/>
         {{ end }}
         {{ .Content }}
       </div>