No more external requests, and less local ones.

layouts/partials/footer.html

@@ -4,10 +4,6 @@
 
   <div class="copyright"> {{ .Site.Copyright | safeHTML }} </div>
 
-  <div class="poweredby">
-    Powered by <a href="https://gohugo.io/">Hugo</a>.
-  </div>
-
   </footer>
 
 </div> <!-- main -->

layouts/partials/head.html

@@ -13,12 +13,6 @@
 {{ template "_internal/schema.html" . }}
 
 <link rel="stylesheet" href="/css/layout.css" />
-<link href="https://use.fontawesome.com/releases/v5.0.7/css/all.css" rel="stylesheet">
-{{ if isset .Site.Params "theme_colors" }}
-<link rel="stylesheet" href="/css/{{ .Site.Params.theme_colors }}.css" />
-{{ else }}
-<link rel="stylesheet" href="/css/default-dark.css" />
-{{ end }}
 
 {{ template "_internal/google_analytics_async.html" . }}
 

static/css/default-dark.css

@@ -1,135 +0,0 @@
-/*
- * main green: #15b22c
- * */
-
-:root {
-    --main-bg-color: #101010;
-    --main-text: #ffffff; /* old color: #dbdbdb */
-    --main-sec: #15b22c; /* main secondary color for the site */
-    --code-quote-bg: #1D1F21; /* background color for quotes and code blocks */
-    --copyright: #b9bcbf; /* copyright text color */
-}
-
-body {
-  background: var(--main-bg-color);
-  color: var(--main-text);
-}
-
-a {
-  color: var(--main-text);
-}
-
-pre {
-  background: var(--main-bg-color);
-  border: 1px solid #303030;
-  border-radius: 5px;
-}
-
-code {
-  background-color: transparent;
-}
-
-blockquote {
-  background: var(--main-bg-color);
-  border-left: 3px solid var(--main-sec);
-}
-
-table { margin: 1em auto; border-collapse: collapse; }
-table, th, td { border: 1px solid #5C5C5C; }
-tr:hover { background: #1D1F21; }
-th { background: #1D1F21; }
-.siteTitle a {
-  color: var(--main-sec);
-}
-
-.post {
-  background: #202020;
-  border: 1px solid #303030;
-  border-radius: 0.2em;
-  box-shadow: 0 1px 2px 0 #000000, 0 2px 5px 0 #000000;
-}
-
-.post .content h1{ color: var(--main-sec); }
-.post .content h2{ color: var(--main-sec); }
-.post .content h3{ color: var(--main-sec); }
-.post .content h4{ color: var(--main-sec); }
-.post .content h5{ color: var(--main-sec); }
-.post .content h6{ color: var(--main-sec); }
-.post .content a:hover { color: var(--main-sec); }
-.social-link:hover { color: var(--main-sec); }
-.nav-item-title:hover { color: var(--main-sec); }
-.tag a:hover { color: var(--main-sec); }
-.copyright { color: var(--copyright); }
-.poweredby { color: var(--copyright); }
-.poweredby a { color: var(--copyright); }
-
-.post-preview {
-  border: 1px solid #303030;
-  border-radius: 0.2em;
-  box-shadow: 0 1px 2px 0 #000000, 0 2px 5px 0 #000000;
-  background: #202020;
-}
-
-.post-preview .meta {
-  border-bottom: 1px solid #303030;
-}
-
-.post-preview .title a {
-  color: var(--main-sec);
-}
-
-.content-item {
-  background: #202020;
-  border: 1px solid #303030;
-  border-radius: 0.2em;
-  box-shadow: 0 1px 2px 0 #000000, 0 2px 5px 0 #000000;
-}
-
-.content-item .meta {
-  border-top: 1px dotted #303030;
-}
-
-.content-item a:hover{
-  text-decoration: underline;
-  color: var(--main-sec);
-}
-
-.post-list .title {
-  color: var(--main-sec);
-}
-
-.rmore {
-  color: var(--main-text);
-}
-
-.rmore a {
-  background: var(--main-bg-color);
-  border: 1px solid #303030;
-}
-
-.rmore a:hover {
-  background: #202020;
-  color: var(--main-text);
-}
-
-.terms {
-  background: #202020;
-  border: 1px solid #303030;
-  box-shadow: 0 1px 2px 0 #000000, 0 2px 5px 0 #000000;
-}
-
-.terms .term {
-  border-bottom: 1px dotted #303030;
-}
-
-.term a:hover {
-  text-decoration: underline;
-  color: var(--main-sec);
-}
-
-.err-404 {
-  border: 1px solid #303030;
-  border-radius: 0.2em;
-  background: #202020;
-  box-shadow: 0 1px 2px 0 #000000, 0 2px 5px 0 #000000;
-}

static/css/layout.css

@@ -1,12 +1,12 @@
 body {
-  font-family: "Arial", Gadget, sans-serif;
+  font-family: "ui-serif", "system-ui", sans-serif;
   counter-reset: heading;
   margin: 0;
 }
 
 .main {
   margin: auto;
-  max-width: 42em;
+  max-width: 45em;
 }
 
 img {
@@ -27,7 +27,7 @@ figcaption {
 }
 
 iframe {
-  max-width: 42em;
+  max-width: 45em;
   display: block;
   margin-left: auto;
   margin-right: auto;
@@ -172,9 +172,6 @@ th, td {
   margin: .75em 0em;
 }
 
-.post .content p{
-}
-
 .post-footer-data {
   display: -webkit-flex;
   -webkit-flex-direction: column;
@@ -362,7 +359,8 @@ th, td {
 .post-preview .summary {
   margin-top: 1em;
   margin-bottom: 0.5em;
-  line-height: 1.4em;
+  line-height: 1em;
+  color: gray;
 }
 
 .post-preview .summary p {
@@ -506,3 +504,140 @@ th, td {
   }
 }
 
+/* COLOURS - DARK THEME */
+
+/*
+ * main green: #15b22c
+ * */
+
+ :root {
+  --main-bg-color: #101010;
+  --main-text: #ffffff; /* old color: #dbdbdb */
+  --main-sec: #15b22c; /* main secondary color for the site */
+  --code-quote-bg: #1D1F21; /* background color for quotes and code blocks */
+  --copyright: #b9bcbf; /* copyright text color */
+}
+
+body {
+background: var(--main-bg-color);
+color: var(--main-text);
+}
+
+a {
+color: var(--main-text);
+}
+
+pre {
+background: var(--main-bg-color);
+border: 1px solid #303030;
+border-radius: 5px;
+}
+
+code {
+background-color: transparent;
+}
+
+blockquote {
+background: var(--main-bg-color);
+border-left: 3px solid var(--main-sec);
+}
+
+table { margin: 1em auto; border-collapse: collapse; }
+table, th, td { border: 1px solid #5C5C5C; }
+tr:hover { background: #1D1F21; }
+th { background: #1D1F21; }
+.siteTitle a {
+color: var(--main-sec);
+}
+
+.post {
+background: #202020;
+border: 1px solid #303030;
+border-radius: 0.2em;
+box-shadow: 0 1px 2px 0 #000000, 0 2px 5px 0 #000000;
+}
+
+.post .content h1{ color: var(--main-sec); }
+.post .content h2{ color: var(--main-sec); }
+.post .content h3{ color: var(--main-sec); }
+.post .content h4{ color: var(--main-sec); }
+.post .content h5{ color: var(--main-sec); }
+.post .content h6{ color: var(--main-sec); }
+.post .content a:hover { color: var(--main-sec); }
+.social-link:hover { color: var(--main-sec); }
+.nav-item-title:hover { color: var(--main-sec); }
+.tag a:hover { color: var(--main-sec); }
+.copyright { color: var(--copyright); }
+.poweredby { color: var(--copyright); }
+.poweredby a { color: var(--copyright); }
+
+.post-preview {
+border: 1px solid #303030;
+border-radius: 0.2em;
+box-shadow: 0 1px 2px 0 #000000, 0 2px 5px 0 #000000;
+background: #202020;
+}
+
+.post-preview .meta {
+border-bottom: 1px solid #303030;
+}
+
+.post-preview .title a {
+color: var(--main-sec);
+}
+
+.content-item {
+background: #202020;
+border: 1px solid #303030;
+border-radius: 0.2em;
+box-shadow: 0 1px 2px 0 #000000, 0 2px 5px 0 #000000;
+}
+
+.content-item .meta {
+border-top: 1px dotted #303030;
+}
+
+.content-item a:hover{
+text-decoration: underline;
+color: var(--main-sec);
+}
+
+.post-list .title {
+color: var(--main-sec);
+}
+
+.rmore {
+color: var(--main-text);
+}
+
+.rmore a {
+background: var(--main-bg-color);
+border: 1px solid #303030;
+}
+
+.rmore a:hover {
+background: #202020;
+color: var(--main-text);
+}
+
+.terms {
+background: #202020;
+border: 1px solid #303030;
+box-shadow: 0 1px 2px 0 #000000, 0 2px 5px 0 #000000;
+}
+
+.terms .term {
+border-bottom: 1px dotted #303030;
+}
+
+.term a:hover {
+text-decoration: underline;
+color: var(--main-sec);
+}
+
+.err-404 {
+border: 1px solid #303030;
+border-radius: 0.2em;
+background: #202020;
+box-shadow: 0 1px 2px 0 #000000, 0 2px 5px 0 #000000;
+}