From fb6861c18a64c793b6dcb1e9185b5a4ae4c5e589 Mon Sep 17 00:00:00 2001
From: Franck Cuny <franck@fcuny.net>
Date: Mon, 28 Nov 2022 17:28:12 -0800
Subject: ref(style): use a nicer font, change the menu

---
 config.toml                  | 14 ++++++++++++++
 layouts/index.html           |  2 +-
 layouts/partials/header.html | 14 ++++++--------
 static/css/custom.css        | 40 ++++++++++++++++++++++++----------------
 4 files changed, 45 insertions(+), 25 deletions(-)

diff --git a/config.toml b/config.toml
index 1dfa880..2cfef5c 100644
--- a/config.toml
+++ b/config.toml
@@ -34,6 +34,20 @@ enableGitInfo = false
     url = "/notes/"
     weight = 120
 
+  [[menu.main]]
+    identifier = "code"
+    name = "code"
+    title = "code"
+    url = "https://git.fcuny.net/fcuny/"
+    weight = 130
+
+  [[menu.main]]
+    identifier = "feed"
+    name = "feed"
+    title = "feed"
+    url = "/feed.xml"
+    weight = 140
+
 [markup]
   [markup.highlight]
     anchorLineNos = false
diff --git a/layouts/index.html b/layouts/index.html
index 4ac472d..6c4feda 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -2,7 +2,7 @@
 
 <article>
 
-  <p>I'm a Principal SRE, currently working at <a href="https://www.roblox.com/" target="_blank">Roblox</a>. Previously I worked at <a href="https://twitter.com/TwitterEng" target="_blank">Twitter</a> for over 7 years, and my main focus was on Twitter's compute platform.</p>
+  <p>I'm a Site Reliability Engineer, currently working at <a href="https://www.roblox.com/" target="_blank">Roblox</a>. Previously I worked at <a href="https://twitter.com/TwitterEng" target="_blank">Twitter</a> for over 7 years, and my main focus was on Twitter's compute platform.</p>
 
   <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>
 
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index 26a77d1..48c805e 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -1,12 +1,10 @@
 <header>
   <nav class="navbar">
-    <h1 id="header"><a rel="author" href="{{ .Site.BaseURL }}">franck cuny</a></h1>
-    {{ range .Site.Menus.main }}
-    <a class="nav-bold" href="{{ absURL .URL }}">{{ .Title }}</a>
-    <span class="bar">|</span>
-    {{ end }}
-    <a class="nav-bold" href="https://git.fcuny.net/fcuny" title="git" target="_blank">code</a>
-    <span class="bar">|</span>
-    <a class="nav-bold" href="/feed.xml" title="atom feed">feed</a>
+    <a class="nav-bold" href="{{ .Site.BaseURL }}">about</a>
+    <ul class="nav-links">
+      {{ range .Site.Menus.main }}
+      <li class="nav-item"><a href="{{ absURL .URL }}">{{ .Title }}</a></li>
+      {{ end }}
+    </ul>
   </nav>
 </header>
diff --git a/static/css/custom.css b/static/css/custom.css
index 1c757ca..e225f88 100644
--- a/static/css/custom.css
+++ b/static/css/custom.css
@@ -1,11 +1,13 @@
 body {
-  font-size: 1.1em;
-  color: #444;
+  font-size: 1.2em;
+  color: #333;
   margin: 1em auto;
   padding: 0 0.55em;
   max-width: 49rem;
-  font-family: sans-serif;
+  font-family: 'Source Sans Pro', sans-serif;
   line-height: 1.4em;
+  font-kerning: auto;
+  font-weight: 400;
   background-color: #fffdfa;
 }
 
@@ -30,17 +32,11 @@ h2 {
   border-left: 5px solid #4d76ae;
   padding-left: 10px;
 }
+
 h3 {
   font-size: 1.15rem;
 }
 
-hr{
-  color:#000111;
-  background-color:#000111;
-  border:none;
-  height:1px
-}
-
 a {
   color: #4d76ae;
 }
@@ -70,7 +66,6 @@ code {
 
 p code {
   color: black;
-  background-color: #f7f7f2;
   border: 1px solid #e0deca;
   padding: 0 0.2rem;
   font-size: 1.1em;
@@ -84,8 +79,6 @@ pre {
   padding: 0.8em;
   overflow-x: auto;
   border: 1px solid #e0deca;
-  border-radius: 3px;
-  background-color: #f7f7f2;
 }
 
 #meta {
@@ -140,11 +133,26 @@ blockquote {
 }
 
 nav {
-  font-size: 1.4em;
+  font-size: 1.3em;
   font-family: monospace;
-  margin-top: 20px;
-  margin-bottom: 30px;
   line-height: 0.6rem;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  border-bottom: 0.1em solid #3873ad;
+}
+
+.nav-links {
+  list-style: none;
+  display: flex;
+}
+
+.nav-item {
+  margin-left: 10px;
+  color: #aaa;
+  vertical-align: bottom;
+  padding-left: 1px;
+  padding-right: 1px;
 }
 
 nav .bar {
-- 
cgit v1.2.3