From 9104c84a906f79611109565f01d26425f224cf9b Mon Sep 17 00:00:00 2001 From: Franck Cuny Date: Wed, 3 Jul 2024 16:14:56 -0700 Subject: 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. --- config.toml | 37 ------ flake.nix | 2 +- layouts/_default/baseof.html | 1 - layouts/_default/list.html | 10 -- layouts/_default/single.html | 24 +--- layouts/index.html | 39 +++++- layouts/partials/footer.html | 32 ----- layouts/partials/head.html | 2 - layouts/partials/header.html | 10 -- layouts/partials/postlist.html | 10 -- layouts/taxonomy/tag.html | 6 - static/css/custom.css | 135 ++++++--------------- static/fonts/MonaspaceArgon-Light.woff | Bin 0 -> 50756 bytes .../gentium-basic-v11-latin-ext_latin-regular.woff | Bin 0 -> 44180 bytes 14 files changed, 76 insertions(+), 232 deletions(-) delete mode 100644 layouts/_default/list.html delete mode 100644 layouts/partials/footer.html delete mode 100644 layouts/partials/header.html delete mode 100644 layouts/partials/postlist.html delete mode 100644 layouts/taxonomy/tag.html create mode 100644 static/fonts/MonaspaceArgon-Light.woff create mode 100644 static/fonts/gentium-basic-v11-latin-ext_latin-regular.woff 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 @@ {{ partial "head.html" . }} - {{- partial "header.html" . -}}
{{ block "main" . }}{{ end }}
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" }} - -
- - {{ $pgs := where .Data.Pages "Params.hidden" "ne" "true" }} - {{ partial "postlist" $pgs }} - -
- -{{ 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 }} posted on {{ $pub }} - last modified {{ $mod }} {{ end }} - {{ if .Params.tags }} - {{ if eq (len .Params.tags) 1 }} - with tag: - {{ else }} - with tags: - {{ end }} - {{ range $idx, $tag := .Params.tags }} - {{ $tag }} - {{ end }} - {{ end }} -{{ if .Params.toc }} -
- Table of contents - {{ .TableOfContents }} -
-{{ end }} -
{{ .Content }}
- +↑ back home -{{ if .Params.toc }} -
- Table of contents - {{ .TableOfContents }}
-{{ 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" }} -
+

My name is Franck Cuny and this is my little corner on the web.

+ +

I currently work as a Site Reliability Engineer (SRE) at Roblox. Previously I worked as a SRE at Twitter, and my focus was on the infrastructure.

-

I'm a Site Reliability Engineer, currently working at Roblox. Previously I worked at Twitter for over 7 years, and my main focus was on Twitter's compute platform.

+

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.

-

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.

+ -

You can reach out to me at franck@fcuny.net.

+

Articles

+
+
    + {{ range (where .Site.Pages "Section" "blog") }} + {{ range .Pages }} +
  • + {{ .Title }} + posted on {{ .Date.Format "Jan 2, 2006" }} +
    • + {{ end }} + {{ end }} +
+
+ +

Notes

+ +
+
    + {{ range (where .Site.Pages "Section" "notes") }} + {{ range .Pages }} +
  • + {{ .Title }} + posted on {{ .Date.Format "Jan 2, 2006" }} +
    • + {{ end }} + {{ end }} +
{{ 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 @@ - 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 @@ - - 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 @@ -
- -
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 @@ - 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 Binary files /dev/null and b/static/fonts/MonaspaceArgon-Light.woff differ diff --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 Binary files /dev/null and b/static/fonts/gentium-basic-v11-latin-ext_latin-regular.woff differ -- cgit v1.2.3