general update to style and form

15 files changed, 82 insertions, 59 deletions

diff --git a/README.md b/README.md
index 7c6a7ca..3b0041e 100644
--- a/README.md
+++ b/README.md
@@ -32,7 +32,7 @@ cd classic/themes
 git clone git@github.com:goodroot/hugo-classic.git
 ```
 
-5: Copy the `content/`, `static/css`, and `config.toml` from the `exampleSite` directory into the classic directory. The existing `content/`, `static/css`, and `config.toml` files will be over-written.
+5: Copy the `content/`, `static/`, and `config.toml` from the `exampleSite` directory into the classic directory. The existing `content/`, `static/`, and `config.toml` files will be over-written.
 
 6: Run `hugo server` within `classic/` and enjoy and customize to your hearts content!
 
@@ -68,7 +68,7 @@ Change `color:` to a nice matching colour.
 
 #### Screenshot
 
-![Screenshot of Hugo Classic](https://github.com/goodroot/hugo-classic/raw/master/images/screenshot.png)
+![Screenshot of Hugo Classic](/images/screenshot.png)
 
 ## Blog Posts
 
diff --git a/archetypes/default.md b/archetypes/default.md
index fb98e92..4ef6f52 100644
--- a/archetypes/default.md
+++ b/archetypes/default.md
@@ -1,4 +1,6 @@
 ---
 title: ''
 date: ''
+description: ''
+author: ''
 ---
diff --git a/exampleSite/config.toml b/exampleSite/config.toml
index 914466c..13a8cf9 100644
--- a/exampleSite/config.toml
+++ b/exampleSite/config.toml
@@ -28,5 +28,5 @@ footnotereturnlinkcontents = "↩"
 
 [params]
     description = "A simple, minimal blog for those who love text."
-    footer = "Open-Source | [Github](https://github.com/goodroot/hugo-classic) | [Twitter](https://twitter.com/thegoodroot)"
+    footer = "Open-Source | [Github](https://github.com/goodroot/hugo-classic) | [Keybase](https://keybase.io/goodroot)"
     custom_css = ["css/theme-override.css"]
diff --git a/exampleSite/content/_index.md b/exampleSite/content/_index.md
index 32af099..7d07b70 100644
--- a/exampleSite/content/_index.md
+++ b/exampleSite/content/_index.md
@@ -2,13 +2,16 @@
 title: Home
 ---
 
-[<img src="https://github.com/goodroot/hugo-classic/raw/master/images/partywizard.gif" style="max-width:15%;min-width:40px;float:right;" alt="Github repo" />](https://github.com/goodroot/hugo-classic)
+<img
+  id="main-image"
+  src="/images/partywizard.gif"
+  alt="Kellen Face">
 
-# Hugo.io - Classic
+# Hugo Classic
 
 ### For text focused goodness
 
-About twenty years ago Jobs and Wozniak, the founders of Apple, came up with the very strange idea of selling information processing machines for use in the home. The business took off, and its founders made a lot of money and received the credit they deserved for being daring visionaries. But around the same time, Bill Gates and Paul Allen came up with an idea even stranger and more fantastical: **selling computer operating systems**. This was much weirder than the idea of Jobs and Wozniak.
+About twenty years ago Jobs and Wozniak, the founders of Apple, came up with the very strange idea of selling information processing machines for use in the home. But around the same time, Bill Gates and Paul Allen came up with an idea even stranger and more fantastical: **selling computer operating systems**. This was much weirder than the idea of Jobs and Wozniak.
 
 ~~~ruby
 def with_value_from_database(value)
@@ -21,8 +24,8 @@ end
 end
 ~~~
 
-A computer at least had some sort of physical reality to it. It came in a box, you could open it up and plug it in and watch lights blink. An operating system had no tangible incarnation at all. It arrived on a disk, of course, but the disk was, in effect, nothing more than the box that the OS came in.
+A computer at least had some sort of physical reality to it. It came in a box, you could open it up and plug it in and watch lights blink.
 
-<hr/>
+---
 
-### Blog
+### Writings
diff --git a/exampleSite/content/post/2018-08-30-markdown-guide.md b/exampleSite/content/post/2018-08-30-markdown-guide.md
index d0e26f3..42337fc 100644
--- a/exampleSite/content/post/2018-08-30-markdown-guide.md
+++ b/exampleSite/content/post/2018-08-30-markdown-guide.md
@@ -134,15 +134,15 @@ oranges
 tomatoes
 : There's no "e" in tomatoe.
 
-(Put a blank line between each term/definition pair to spread 
+(Put a blank line between each term/definition pair to spread
 things out more.)
 
 and images can be specified like so:
 
-![example image](https://github.com/goodroot/hugo-classic/raw/master/images/partywizard.gif "An exemplary image")
+![example image](/images/partywizard.gif "An exemplary image")
 
-Inline math equations go in like so: \\(\omega = d\phi / dt\\). 
-Display math should get its own line and be put in in 
+Inline math equations go in like so: \\(\omega = d\phi / dt\\).
+Display math should get its own line and be put in in
 double-dollarsigns:
 
 $$I = \int \rho R^{2} dV$$
@@ -152,4 +152,4 @@ which you wish to be displayed literally, ex.: \`foo\`, \*bar\*, etc.
 
 #### Images auto center:
 
-![Party](http://emojis.slackmojis.com/emojis/images/1475875185/1223/party-dinosaur.gif?1475875185)
\ No newline at end of file
+![Party](http://emojis.slackmojis.com/emojis/images/1475875185/1223/party-dinosaur.gif?1475875185)
diff --git a/exampleSite/static/css/theme-override.css b/exampleSite/static/css/theme-override.css
index c761e7f..1e8f759 100644
--- a/exampleSite/static/css/theme-override.css
+++ b/exampleSite/static/css/theme-override.css
@@ -1 +1 @@
-footer { font-size: 90%; font-family: monospace; }
+footer { font-size: 90%; }
diff --git a/images/partywizard.gif b/exampleSite/static/images/partywizard.gif
index 1c1d813..1c1d813 100644
--- a/images/partywizard.gif
+++ b/exampleSite/static/images/partywizard.gif
diff --git a/images/screenshot.png b/exampleSite/static/images/screenshot.png
index 0dc8a8c..0dc8a8c 100644
--- a/images/screenshot.png
+++ b/exampleSite/static/images/screenshot.png
diff --git a/images/tn.png b/exampleSite/static/images/tn.png
index f58c780..f58c780 100644
--- a/images/tn.png
+++ b/exampleSite/static/images/tn.png
diff --git a/layouts/404.html b/layouts/404.html
index c2e4e40..bd93017 100644
--- a/layouts/404.html
+++ b/layouts/404.html
@@ -1,5 +1,5 @@
 {{ partial "header.html" . }}
 
-404 NOT FOUND
+404 - You once were found. But now you're lost.
 
 {{ partial "footer.html" . }}
diff --git a/layouts/_default/list.html b/layouts/_default/list.html
index 354dea7..0f14ca7 100644
--- a/layouts/_default/list.html
+++ b/layouts/_default/list.html
@@ -1,20 +1,21 @@
 {{ partial "header.html" . }}
 
+<div class="content-wrapper">
 {{if not .IsHome }}
-<h1>{{ .Title | markdownify }}</h1>
-{{ end }}
-
-{{ .Content }}
-
-<ul>
-  {{ $pages := .Site.RegularPages }}
-  {{ if .IsHome }}{{ $pages := .Site.RegularPages }}{{ end }}
-  {{ range (where $pages "Section" "!=" "") }}
-  <li>
-    <span class="date">{{ .Date.Format "2006/01/02" }}</span>
-    <a href="{{ .RelPermalink }}">{{ .Title | markdownify }}</a>
-  </li>
+  <h1>{{ .Title | markdownify }}</h1>
   {{ end }}
-</ul>
 
+  {{ .Content }}
+
+  <ul>
+     {{ $pages := .Site.RegularPages }}
+     {{ if .IsHome }}{{ $pages := .Site.RegularPages }}{{ end }}
+     {{ range (where $pages "Section" "!=" "") }}
+     <li>
+       <span class="date">{{ .Date.Format "2006/01/02" }}</span>
+       <a href="{{ .RelPermalink }}">{{ .Title | markdownify }}</a>
+     </li>
+     {{ end }}
+   </ul>
+</div>
 {{ partial "footer.html" . }}
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index d943c1c..fd2db3b 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -15,9 +15,10 @@
 {{ if .Params.toc }}
 {{ .TableOfContents }}
 {{ end }}
-
-<main>
-{{ .Content }}
-</main>
-
+<div class="content-wrapper">
+  <main>
+    {{ .Content }}
+    <a href="/"> >> Home</a>
+  </main>
+</div>
 {{ partial "footer.html" . }}
diff --git a/layouts/partials/head_custom.html b/layouts/partials/head_custom.html
index ead4da1..3eabe50 100644
--- a/layouts/partials/head_custom.html
+++ b/layouts/partials/head_custom.html
@@ -1,28 +1,11 @@
-<!-- KaTeX -->
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.10.0-rc.1/dist/katex.min.css" integrity="sha384-D+9gmBxUQogRLqvARvNLmA9hS2x//eK1FhVb9PiU86gmcrBrJAQT8okdJ4LMp2uv" crossorigin="anonymous">
-    <script defer src="https://cdn.jsdelivr.net/npm/katex@0.10.0-rc.1/dist/katex.min.js" integrity="sha384-483A6DwYfKeDa0Q52fJmxFXkcPCFfnXMoXblOkJ4JcA8zATN6Tm78UNL72AKk+0O" crossorigin="anonymous"></script>
-    <script defer src="https://cdn.jsdelivr.net/npm/katex@0.10.0-rc.1/dist/contrib/auto-render.min.js" integrity="sha384-yACMu8JWxKzSp/C1YV86pzGiQ/l1YUfE8oPuahJQxzehAjEt2GiQuy/BIvl9KyeF" crossorigin="anonymous"></script>
-    <script>
-        document.addEventListener("DOMContentLoaded", function() {
-            renderMathInElement(document.body);
-        });
-    </script>
-
 <header>
 
-  <!--
-  Syntax highlighting - defaults to atom light theme.
-  List here: https://github.com/isagalaev/highlight.js/tree/master/src/styles
-  -->
-  <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/atom-one-light.min.css">
-  <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/highlight.min.js"></script>
-  <script>hljs.initHighlightingOnLoad();</script>
   <nav>
     <ul>
       {{ $title := lower .Title }}
       {{ $section := lower .Section }}
       <li class="pull-left {{ if .IsHome }}current{{ end }}">
-        <a href="{{ .Site.BaseURL }}">/home/{{ lower .Site.Title}}</a>
+        <a href="{{ .Site.BaseURL }}">~/{{ lower .Site.Title}}</a>
       </li>
       {{ range .Site.Menus.main }}
       {{ $name := lower .Name }}
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index 6ef9a69..fd3c497 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -1,8 +1,13 @@
 <!DOCTYPE html>
 <html lang="{{ .Site.LanguageCode }}">
   <head>
+    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/atom-one-light.min.css">
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/highlight.min.js"></script>
+    <script>hljs.initHighlightingOnLoad();</script>
+
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="description" content="{{ if .Description }}{{ .Description }}{{ else }}{{ .Site.Params.Description }}{{ end }}">
     <title>{{ .Title }} | {{ .Site.Title }}</title>
     <link rel="stylesheet" href="{{ "/css/style.css" | relURL }}" />
     <link rel="stylesheet" href="{{ "/css/fonts.css" | relURL }}" />
diff --git a/static/css/style.css b/static/css/style.css
index 3d95aaf..0612362 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -24,10 +24,13 @@ output:
 .menu li { display: inline-block; }
 .article-meta, .menu a {
   text-decoration: none;
-  background: #D2D6EF;
-  color: #FFF;
+  background: #E8DBC5;
+  color: #000;
   padding: 5px;
   border-radius: 5px;
+  border-style: dotted;
+  border-width: 1px;
+  margin-bottom: 20px;
 }
 
 .terms { font-size: .9em; }
@@ -56,8 +59,7 @@ header {
     position: relative;
     width: 100%;
     height: 1.75rem;
-    font-family: "Lucida Console" , "Liberation Mono";
-    font-size: .875rem;
+    font-size: 1rem;
     background: #613DC1;
     border-bottom: 1px solid #000;
 }
@@ -94,8 +96,23 @@ code { background: #f9f9f9; }
 pre code { background: none; }
 
 /* Images, tables, misc. */
-img, iframe, video { max-width: 100%; }
-main { hyphens: auto; }
+img, iframe, video {
+  max-width: 100%;
+  height: auto;
+}
+main {
+  hyphens: auto;
+  max-width: 650px;
+  margin-left: auto;
+  margin-right: auto;
+  line-height: 1.7em;
+  hyphens: auto;
+  display: block;
+  font-size: 1.1em;
+}
+main a {
+  font-weight: bold;
+}
 blockquote {
   background: #f9f9f9;
   border-left: 5px solid #ccc;
@@ -110,3 +127,14 @@ table {
 table thead th { border-bottom: 1px solid #ddd; }
 th, td { padding: 5px; }
 tr:nth-child(even) { background: #eee }
+
+.content-wrapper {
+  padding: 0px 12px 0px 12px;
+}
+
+#main-image {
+  min-width: 40px;
+  float: right;
+  padding: 10px;
+  display: block;
+}