ref(style): simplify further the style of the site

Get rid of the footer and the icons. Set a light background color, and
simplified the listing of the pages.

7 files changed, 70 insertions, 79 deletions

diff --git a/config.toml b/config.toml
index 47f85f4..1dfa880 100644
--- a/config.toml
+++ b/config.toml
@@ -23,14 +23,14 @@ enableGitInfo = false
   [[menu.main]]
     identifier = "blog"
     name = "blog"
-    title = "~/blog"
+    title = "blog"
     url = "/blog/"
     weight = 110
 
   [[menu.main]]
     identifier = "notes"
     name = "notes"
-    title = "~/notes"
+    title = "notes"
     url = "/notes/"
     weight = 120
 
@@ -45,7 +45,7 @@ enableGitInfo = false
     lineNos = false
     lineNumbersInTable = false
     noClasses = true
-    style = "manni"
+    style = "pygments"
     tabWidth = 4
 
 [mediaTypes."application/atom"]
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index 410e2bc..0c72fb1 100644
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -6,6 +6,5 @@
     <main>
      {{ block "main" . }}{{ end }}
     </main>
-    {{- partial "footer.html" . -}}
   </body>
 </html>
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index 7a85a05..da0a3e5 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -13,9 +13,9 @@
   {{- $mod = .Page.GitInfo.CommitDate.Format "Jan 2, 2006" -}}
   {{ end -}}
   {{ if eq $pub $mod }}
-  <div id="meta_date">published {{ $pub }}</div>
+  <div id="meta_date">posted on {{ $pub }}</div>
   {{ else }}
-  <div id="meta_date">published {{ $pub }} - last modified {{ $mod }}</div>
+  <div id="meta_date">posted on {{ $pub }} - last modified {{ $mod }}</div>
   {{ end }}
   {{ if .Params.tags }}
   <div>
diff --git a/layouts/index.html b/layouts/index.html
index 494239b..4ac472d 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -6,6 +6,8 @@
 
   <p>My general interests are in building sustainable teams, improving the management and operation of large infrastructure, and work with different teams to implement best practices around reliability and security.</p>
 
+  <p>You can reach out to me at <a href="mailto:franck@fcuny.net" title="franck@fcuny.net">franck@fcuny.net</a>.</p>
+
 </article>
 
 {{ end }}
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index f34d372..580ce04 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -1,10 +1,12 @@
 <header>
   <nav class="navbar">
-    <a class="nav-bold" href="{{ .Site.BaseURL }}">~/</a>
-    <ul class="nav-links">
-      {{ range .Site.Menus.main }}
-      <li class="nav-item"><a class="nav-bold" href="{{ absURL .URL }}">{{ .Title }}</a></li>
-      {{ end }}
-    </ul>
+    <h2><a rel="author" href="{{ .Site.BaseURL }}">franck cuny</a></h2>
+    {{ range .Site.Menus.main }}
+    <a class="nav-bold" href="{{ absURL .URL }}">{{ .Title }}</a>
+    <span class="bar">|</span>
+    {{ end }}
+    <a class="nav-bold" href="https://github.com/fcuny" title="github" target="_blank">github</a>
+    <span class="bar">|</span>
+    <a class="nav-bold" href="/feed.xml" title="atom feed">feed</a>
   </nav>
 </header>
diff --git a/layouts/partials/postlist.html b/layouts/partials/postlist.html
index 3d5cf04..575f0b8 100644
--- a/layouts/partials/postlist.html
+++ b/layouts/partials/postlist.html
@@ -1,12 +1,10 @@
-{{ range .GroupByDate "2006" }}
-  <h2>{{ .Key }}</h2>
-  <ul>
-    {{ range .Pages.ByDate.Reverse }}
-    <li>
-      <div>
-        <a href="{{ .Permalink }}">{{ .Title }}</a>
-      </div>
-    </li>
-    {{ end }}
-  </ul>
-{{ end }}
+<ul class="list-content">
+  {{ range .GroupByDate "2006" }}
+  {{ range .Pages.ByDate.Reverse }}
+  <li>
+    <span class="content-title"><strong><a href="{{ .Permalink }}">{{ .Title }}</a></strong></span>
+    <span class="content-date"><em>posted on {{ .Date.Format "Jan 2, 2006" }}</em></span>
+  </li>
+  {{ end }}
+  {{ end }}
+</ul>
diff --git a/static/css/custom.css b/static/css/custom.css
index 10e437f..59db681 100644
--- a/static/css/custom.css
+++ b/static/css/custom.css
@@ -1,41 +1,30 @@
 body {
   font-size: 1em;
-  color: #111;
+  color: #444;
   margin: 1em auto;
   padding: 0 0.55em;
   max-width: 49rem;
   font-family: "arial";
+  line-height: 1.4em;
+  background-color: #f7f7f7;
 }
 
 h1,h2,h3,h4 {
   font-family: monospace;
+  color: #2a3439;
 }
 
 h1 {
-  color: #0e0e0b;
   font-size: 1.4rem;
   margin-top: 1em;
   margin-bottom: 0.34em;
 }
 
-h2, h3 {
-  text-decoration: underline;
-  text-decoration-style: solid;
-  text-decoration-color: #ffc832;
-  text-decoration-thickness: 0.2rem;
-  text-underline-position: under;
-  text-underline-offset: from-font;
-  font-style: italic;
-}
 h2 {
-  margin-top: 1.25em;
-  margin-bottom: 0.41em;
-  font-size: 1.4rem;
+  font-size: 1.2rem;
 }
 h3 {
-  margin-top: 1.5em;
-  margin-bottom: 0.5em;
-  font-size: 1.2rem;
+  font-size: 1.1rem;
 }
 
 hr{
@@ -46,7 +35,7 @@ hr{
 }
 
 a {
-  color:black;
+  color: #4d76ae;
 }
 
 a:link,
@@ -61,16 +50,21 @@ span.published, span.updated {
   font-style: oblique;
 }
 
+span.content-date {
+  float: right;
+  font-style: oblique;
+}
+
 code {
   font-family: monospace;
   padding-left: 0.2em;
   padding-right: 0.2em;
-  border-radius: 4px;
 }
 
 p code {
   color: black;
-  background-color: #eee;
+  background-color: #f7f7f2;
+  border: 1px solid #e0deca;
   padding: 0 0.2rem;
   font-size: 1.1em;
 }
@@ -82,9 +76,9 @@ pre {
   word-wrap: normal;
   padding: 0.8em;
   overflow-x: auto;
-  border: 1px solid #eee;
+  border: 1px solid #e0deca;
   border-radius: 3px;
-  background-color: #eee;
+  background-color: #f7f7f2;
 }
 
 #meta {
@@ -94,7 +88,7 @@ pre {
 #meta_tags {
   padding: 0 .5rem;
   font-size: 0.9rem;
-  border: 2px solid #eee;
+  border: 1px solid #ccc;
 }
 
 #meta_tags a {
@@ -112,6 +106,11 @@ table {
   width: 100%;
   border-spacing: 0px;
   outline: none;
+  word-break: normal;
+  word-break: keep-all;
+  margin-left: auto;
+  margin-right: auto;
+  font-family: monospace;
 }
 
 td{
@@ -120,16 +119,18 @@ td{
   padding-bottom: 0.4em;
   padding-left: : 0.7em;
 }
+
 thead {
   color: #000;
   font-style: bold;
   text-align: left;
 }
+
 table, th, td {
-  font-family: monospace;
-  border: 1px solid;
   border-collapse: collapse;
   color: #000;
+  border: 1px solid #cdcdcd;
+  padding: 6px 13px;
 }
 
 blockquote {
@@ -142,19 +143,17 @@ blockquote {
 
 nav {
   font-size: 1.4em;
-  display: flex;
   font-family: monospace;
-  justify-content: space-between;
-  align-items: center;
+  margin-top: 20px;
+  margin-bottom: 30px;
+  line-height: 0.6rem;
 }
 
-.nav-links {
-  list-style: none;
-  display: flex;
-}
-
-.nav-item {
-  margin-left: 10px;
+nav .bar {
+  color: #aaa;
+  vertical-align: bottom;
+  padding-left: 1px;
+  padding-right: 1px;
 }
 
 .navbar a {
@@ -162,14 +161,24 @@ nav {
   text-decoration: none;
 }
 
+nav h2 a {
+  color: #3873ad;
+}
+
 .navbar a:hover {
-  color: #000000;
   text-decoration: none;
 }
 
 .nav-bold {
   font-weight: 700;
   text-decoration: none;
+  color: #2a3439;
+}
+
+ul.list-content {
+  list-style: none;
+  padding: 0;
+  line-height: 2em;
 }
 
 article {
@@ -186,22 +195,3 @@ article {
   font-weight: 400;
   font-size: 1.1em;
 }
-
-footer {
-  border-top: 2px solid #eee;
-  margin-top: 2em;
-  display: flex;
-  flex-direction: row;
-  justify-content: left;
-  align-items: left;
-}
-
-footer a, footer a:link, footer a:focus, footer a:active, footer a:hover {
-  color: black;
-  text-decoration: none;
-  padding: 5px;
-}
-
-footer a:not(:first-child) {
-  margin-left: 15px;
-}