about summary refs log tree commit diff
diff options
context:
space:
mode:
authorFranck Cuny <franck@fcuny.net>2024-07-03 16:14:56 -0700
committerFranck Cuny <franck@fcuny.net>2024-07-03 16:14:56 -0700
commit9104c84a906f79611109565f01d26425f224cf9b (patch)
tree0ac02f002979ba55596d07f66ca160384a9995e3
parentbuild(deps): bump DeterminateSystems/update-flake-lock from 21 to 22 (diff)
downloadfcuny.net-9104c84a906f79611109565f01d26425f224cf9b.tar.gz
simplify the layout
Get rid of the navigation bar, remove a number of elements, put more
things on the main page. Clean up the CSS.
Diffstat
-rw-r--r--config.toml37
-rw-r--r--flake.nix2
-rw-r--r--layouts/_default/baseof.html1
-rw-r--r--layouts/_default/list.html10
-rw-r--r--layouts/_default/single.html24
-rw-r--r--layouts/index.html39
-rw-r--r--layouts/partials/footer.html32
-rw-r--r--layouts/partials/head.html2
-rw-r--r--layouts/partials/header.html10
-rw-r--r--layouts/partials/postlist.html10
-rw-r--r--layouts/taxonomy/tag.html6
-rw-r--r--static/css/custom.css135
-rw-r--r--static/fonts/MonaspaceArgon-Light.woffbin0 -> 50756 bytes
-rw-r--r--static/fonts/gentium-basic-v11-latin-ext_latin-regular.woffbin0 -> 44180 bytes
14 files changed, 76 insertions, 232 deletions
diff --git a/config.toml b/config.toml
index 22cbecc..c01addd 100644
--- a/config.toml
+++ b/config.toml
@@ -11,43 +11,6 @@ homeText = "A collection of posts"
 name = "Franck Cuny"
 email = "franck@fcuny.net"
 
-[taxonomies]
-tag = "tags"
-
-[permalinks]
-blog = "/blog/:slug/"
-notes = "/notes/:slug/"
-tags = "/tags/:slug/"
-
-[menu]
-[[menu.main]]
-identifier = "blog"
-name = "blog"
-title = "blog"
-url = "/blog/"
-weight = 110
-
-[[menu.main]]
-identifier = "notes"
-name = "notes"
-title = "notes"
-url = "/notes/"
-weight = 120
-
-[[menu.main]]
-identifier = "code"
-name = "code"
-title = "code"
-url = "https://github.com/fcuny"
-weight = 130
-
-[[menu.main]]
-identifier = "feed"
-name = "feed"
-title = "feed"
-url = "/feed.xml"
-weight = 140
-
 [markup]
 [markup.highlight]
 anchorLineNos = false
diff --git a/flake.nix b/flake.nix
index abeef0b..50c856f 100644
--- a/flake.nix
+++ b/flake.nix
@@ -43,7 +43,7 @@
             hooks = {
               hugo = {
                 enable = true;
-                entry = "${pkgs.hugo}/bin/hugo --panicOnWarning";
+                entry = "${pkgs.hugo}/bin/hugo";
                 pass_filenames = false;
               };
             };
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index 0c72fb1..6406b4e 100644
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -2,7 +2,6 @@
 <html lang="en">
   {{ partial "head.html" . }}
   <body>
-    {{- partial "header.html" . -}}
     <main>
      {{ block "main" . }}{{ end }}
     </main>
diff --git a/layouts/_default/list.html b/layouts/_default/list.html
deleted file mode 100644
index d2c59a7..0000000
--- a/layouts/_default/list.html
+++ /dev/null
@@ -1,10 +0,0 @@
-{{ define "main" }}
-
-<article>
-
-  {{ $pgs := where .Data.Pages "Params.hidden" "ne" "true" }}
-  {{ partial "postlist" $pgs }}
-
-</article>
-
-{{ end }}
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index 4312eec..a360c93 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -17,36 +17,14 @@
   {{ else }}
   <span id="meta_date">posted on {{ $pub }} - last modified {{ $mod }}</span>
   {{ end }}
-  {{ if .Params.tags }}
-  {{ if eq (len .Params.tags) 1 }}
-  with tag:
-  {{ else }}
-  with tags:
-  {{ end }}
-  {{ range $idx, $tag := .Params.tags }}
-  <span id="meta_tags"><a href="/tags/{{ $tag | urlize }}/">{{ $tag }}</a></span>
-  {{ end }}
-  {{ end }}
 </div>
 
-{{ if .Params.toc }}
-<div id="toc_small">
-  <summary>Table of contents</summary>
-  {{ .TableOfContents }}
-</div>
-{{ end }}
-
 <article>
 {{ .Content }}
 </article>
 
-</div>
+<a href="/">↑ back home</a>
 
-{{ if .Params.toc }}
-<div id="toc">
-  <strong>Table of contents</strong>
-  {{ .TableOfContents }}
 </div>
-{{ end }}
 
 {{ end }}
diff --git a/layouts/index.html b/layouts/index.html
index 6c4feda..e93f139 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -1,13 +1,44 @@
 {{ define "main" }}
 
-<article>
+<p>My name is Franck Cuny and this is my little corner on the web.</p>
+
+<p>I currently work as a <a href="https://en.wikipedia.org/wiki/Site_reliability_engineering">Site Reliability Engineer</a> (SRE) at <a href="https://www.roblox.com/" target="_blank">Roblox</a>. Previously I worked as a SRE at <a href="https://twitter.com/TwitterEng" target="_blank">Twitter</a>, and my focus was on the infrastructure.</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>I'm interested in building sustainable teams, improving the management and operation of large infrastructure, and to work with different teams to implement best practices around reliability and security.</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>
+<ul>
+  <li>Some of my code is shared on <a href="https://github.com/fcuny">GitHub</a></li>
+  <li>Email: <a href="mailto:franck@fcuny.net" title="franck@fcuny.net">franck@fcuny.net</a></li>
+</ul>
 
-  <p>You can reach out to me at <a href="mailto:franck@fcuny.net" title="franck@fcuny.net">franck@fcuny.net</a>.</p>
+<h2>Articles</h2>
 
+<article>
+  <ul>
+  {{ range (where .Site.Pages "Section" "blog") }}
+  {{ range .Pages }}
+  <li>
+    <span class="content-title"><a href="{{ .Permalink }}">{{ .Title }}</a></span>
+    <span class="content-date"><em>posted on {{ .Date.Format "Jan 2, 2006" }}</em></span>
+  </li>
+  {{ end }}
+  {{ end }}
+  </ul>
+</article>
+
+<h2>Notes</h2>
+
+<article>
+  <ul>
+  {{ range (where .Site.Pages "Section" "notes") }}
+  {{ range .Pages }}
+  <li>
+    <span class="content-title"><a href="{{ .Permalink }}">{{ .Title }}</a></span>
+    <span class="content-date"><em>posted on {{ .Date.Format "Jan 2, 2006" }}</em></span>
+  </li>
+  {{ end }}
+  {{ end }}
+  </ul>
 </article>
 
 {{ end }}
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
deleted file mode 100644
index 15d5311..0000000
--- a/layouts/partials/footer.html
+++ /dev/null
@@ -1,32 +0,0 @@
-<footer>
-  <a href="mailto:franck@fcuny.net" title="franck@fcuny.net">
-    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-envelope-fill" viewBox="0 0 20 20">
-      <path d="M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414.05 3.555ZM0 4.697v7.104l5.803-3.558L0 4.697ZM6.761 8.83l-6.57 4.027A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144l-6.57-4.027L8 9.586l-1.239-.757Zm3.436-.586L16 11.801V4.697l-5.803 3.546Z"/>
-    </svg>
-  </a>
-
-  <a target="_blank" href="https://git.fcuny.net" title="some code">
-    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-git" viewBox="0 0 20 20">
-      <path d="M15.698 7.287 8.712.302a1.03 1.03 0 0 0-1.457 0l-1.45 1.45 1.84 1.84a1.223 1.223 0 0 1 1.55 1.56l1.773 1.774a1.224 1.224 0 0 1 1.267 2.025 1.226 1.226 0 0 1-2.002-1.334L8.58 5.963v4.353a1.226 1.226 0 1 1-1.008-.036V5.887a1.226 1.226 0 0 1-.666-1.608L5.093 2.465l-4.79 4.79a1.03 1.03 0 0 0 0 1.457l6.986 6.986a1.03 1.03 0 0 0 1.457 0l6.953-6.953a1.031 1.031 0 0 0 0-1.457"/>
-    </svg>
-  </a>
-
-  <a target="_blank" href="https://twitter.com/franckcuny" title="@franckcuny">
-    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-twitter" viewBox="0 0 20 20">
-      <path d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z"/>
-    </svg>
-  </a>
-
-  <a href="/ssh.pub.sig" title="SSH public keys">
-    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-filetype-key" viewBox="0 0 20 20">
-      <path fill-rule="evenodd" d="M14 4.5V14a2 2 0 0 1-2 2h-1v-1h1a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5L14 4.5ZM3.21 11.85h-.87L.83 13.64H.79v-1.79H0v3.999h.791v-1.283l.41-.466 1.12 1.749h.951l-1.488-2.276 1.427-1.723Zm2.903 3.352h-1.79v-1.073h1.685v-.606H4.323v-1.025h1.79v-.648H3.538v3.999h2.575v-.647Zm2.243-.888v1.535h-.794v-1.52L6.223 11.85H7.1l.853 1.696h.032l.855-1.696h.856l-1.339 2.464Z"/>
-    </svg>
-  </a>
-
-  <a href="/feed.xml" title="atom feed">
-    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-rss-fill" viewBox="0 0 20 20">
-      <path d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm1.5 2.5c5.523 0 10 4.477 10 10a1 1 0 1 1-2 0 8 8 0 0 0-8-8 1 1 0 0 1 0-2zm0 4a6 6 0 0 1 6 6 1 1 0 1 1-2 0 4 4 0 0 0-4-4 1 1 0 0 1 0-2zm.5 7a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z"/>
-    </svg>
-  </a>
-
-</footer>
diff --git a/layouts/partials/head.html b/layouts/partials/head.html
index 7de4fd4..39ef8aa 100644
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@@ -9,8 +9,6 @@
   <link rel="alternate" href="{{ "/feed.xml" | relURL }}" type="application/atom+xml" title="ATOM feed">
   <link rel="author" href="humans.txt" />
 
-  <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🖥️</text></svg>">
-
   <meta name="description" content="Franck Cuny's website, with articles about computers stuff.">
   <meta name="author" content="Franck Cuny">
 
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
deleted file mode 100644
index 8f8156a..0000000
--- a/layouts/partials/header.html
+++ /dev/null
@@ -1,10 +0,0 @@
-<header>
-  <nav class="navbar">
-    <a class="nav-bold" href="{{ .Site.BaseURL }}">about</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>
-  </nav>
-</header>
diff --git a/layouts/partials/postlist.html b/layouts/partials/postlist.html
deleted file mode 100644
index a08c016..0000000
--- a/layouts/partials/postlist.html
+++ /dev/null
@@ -1,10 +0,0 @@
-<ul class="list-content">
-  {{ range .GroupByDate "2006" }}
-  {{ range .Pages.ByDate.Reverse }}
-  <li>
-    <span class="content-title"><a href="{{ .Permalink }}">{{ .Title }}</a></span>
-    <span class="content-date"><em>posted on {{ .Date.Format "Jan 2, 2006" }}</em></span>
-  </li>
-  {{ end }}
-  {{ end }}
-</ul>
diff --git a/layouts/taxonomy/tag.html b/layouts/taxonomy/tag.html
deleted file mode 100644
index 2b7d98a..0000000
--- a/layouts/taxonomy/tag.html
+++ /dev/null
@@ -1,6 +0,0 @@
-{{ define "main" }}
-
-  {{ $pgs := where .Data.Pages "Params.hidden" "ne" "true" }}
-  {{ partial "postlist" $pgs }}
-
-{{ end }}
diff --git a/static/css/custom.css b/static/css/custom.css
index d1f6bae..714f08c 100644
--- a/static/css/custom.css
+++ b/static/css/custom.css
@@ -1,42 +1,42 @@
-body {
-  color: #333;
-  margin: 1em auto;
-  padding: 0 0.55em;
-  max-width: 50rem;
-  line-height: 1.5;
-  font-family: sans-serif;
-  font-size: 16px;
-  background-color: rgb(255, 252, 246);
+html {
+    font-size: 20px;
+}
+
+@font-face {
+    font-family: 'Gentium';
+    font-style: normal;
+    font-weight: 400;
+    src: url(/fonts/gentium-basic-v11-latin-ext_latin-regular.woff) format('woff');
 }
 
-h1,h2,h3,h4 {
-  color: #333;
-  font-family: monospace;
+@font-face {
+    font-family: 'Argon';
+    font-style: normal;
+    font-weight: 400;
+    src: url(/fonts/MonaspaceArgon-Light.woff) format('woff');
 }
 
-h1#header {
-  margin-bottom: 1.1em;
+body {
+  margin: 1em auto;
+  max-width: 48rem;
+  line-height: 1.3;
+  font-family: Gentium, serif;
 }
 
 h1 {
-  font-size: 30px;
-  margin-bottom: 2px;
+  font-size: 1.2rem;
 }
 
 h2 {
   font-size: 1.1rem;
   border-left: 5px solid #4d76ae;
-  padding-left: 10px;
+  padding-left: 0.2em;
 }
 
 a {
-    color: rgb(16, 16, 16);
+    color: #473A2F;
 }
 
-/* a:link { */
-/*     text-decoration: none; */
-/* } */
-
 a:link,
 a:hover,
 a:focus,
@@ -44,37 +44,27 @@ a:active {
   text-decoration: underline;
 }
 
-span.published, span.updated {
-  display: center;
-  font-style: oblique;
-}
-
-span.content-date {
-  float: right;
-  font-style: oblique;
-}
-
 code {
-  font-family: monospace;
-  font-size: 14px;
-  padding: 0.2rem;
   background-color: #f2f1eb;
-  color: #000;
   border-radius: 4px;
+  color: #000;
+  font-family: Argon, monospace;
+  margin: 0;
+  overflow-x: auto;
+  word-wrap: normal;
+    font-size: 0.8rem;
 }
 
 p code {
-  color: black;
+  color: #000;
 }
 
 pre {
-  font-family: monospace;
-  font-size: 14px;
   margin: 0;
   word-wrap: normal;
-  padding: 0.8em;
   overflow-x: auto;
   background-color: #f2f1eb;
+  padding: 0.2em;
 }
 
 #meta {
@@ -83,10 +73,9 @@ pre {
   font-size: 0.9rem;
 }
 
-#meta_tags a {
-  text-decoration: none;
-  border-bottom: none;
-  color: #005a9c;
+span.content-date {
+  float: right;
+  font-style: oblique;
 }
 
 table {
@@ -97,10 +86,10 @@ table {
   word-break: keep-all;
   margin-left: auto;
   margin-right: auto;
-  font-family: monospace;
+  font-family: Argon, monospace;
 }
 
-td{
+td {
   padding-right: 0.7em;
   padding-top: 0.4em;
   padding-bottom: 0.4em;
@@ -114,59 +103,22 @@ thead {
 }
 
 table, th, td {
+    font-size: 0.8em;
   border-collapse: collapse;
   color: #000;
   border: 1px solid #cdcdcd;
-  padding: 6px 13px;
+  padding: 0.7em;
 }
 
 blockquote {
-  font-size: 0.95rem;
   font-style: italic;
   margin: 0 0 1.5em;
   padding-left: 1em;
   border-left: .2em solid #bdbdbd
 }
 
-nav {
-  align-items: center;
-  display: flex;
-  font-family: monospace;
-  font-size: 1.1em;
-  font-weight: 700;
-  justify-content: space-between;
-  line-height: 0.6rem;
-}
-
-.nav-links {
-  list-style: none;
-  display: flex;
-}
-
-.nav-item {
-  margin-left: 10px;
-  color: #aaa;
-  vertical-align: bottom;
-  padding-left: 1px;
-  padding-right: 1px;
-}
-
-.navbar a {
-  display: inline-block;
-  text-decoration: none;
-}
-
-nav h2 a {
-  color: #3873ad;
-}
-
-.navbar a:hover {
-  text-decoration: none;
-}
-
-.nav-bold {
-  text-decoration: none;
-  color: rgb(16, 16, 16);
+ul {
+    list-style-type: disc;
 }
 
 ul.list-content {
@@ -178,12 +130,3 @@ ul.list-content {
 article {
     text-align: justify;
 }
-
-.post-permalink {
-  list-style: none;
-  margin-left: -20px;
-}
-
-.post-date {
-  font-family: monospace;
-}
diff --git a/static/fonts/MonaspaceArgon-Light.woff b/static/fonts/MonaspaceArgon-Light.woff
new file mode 100644
index 0000000..61840e9
--- /dev/null
+++ b/static/fonts/MonaspaceArgon-Light.woff
Binary files differdiff --git a/static/fonts/gentium-basic-v11-latin-ext_latin-regular.woff b/static/fonts/gentium-basic-v11-latin-ext_latin-regular.woff
new file mode 100644
index 0000000..115a08e
--- /dev/null
+++ b/static/fonts/gentium-basic-v11-latin-ext_latin-regular.woff
Binary files differ
generated by cgit-pink 1.4.1 (git 2.36.1) at 2024-10-16 10:36:10 +0000