From dc8cf9429bac11160d6c9727d363468c2adce8a3 Mon Sep 17 00:00:00 2001 From: Franck Cuny Date: Sat, 29 Oct 2022 12:49:19 -0700 Subject: 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. --- config.toml | 6 +-- layouts/_default/baseof.html | 1 - layouts/_default/single.html | 4 +- layouts/index.html | 2 + layouts/partials/header.html | 14 +++--- layouts/partials/postlist.html | 22 +++++---- static/css/custom.css | 100 +++++++++++++++++++---------------------- 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 @@
{{ block "main" . }}{{ end }}
- {{- partial "footer.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 }} -
published {{ $pub }}
+
posted on {{ $pub }}
{{ else }} -
published {{ $pub }} - last modified {{ $mod }}
+
posted on {{ $pub }} - last modified {{ $mod }}
{{ end }} {{ if .Params.tags }}
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 @@

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.

+ {{ 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 @@
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" }} -

{{ .Key }}

- -{{ end }} + 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; -} -- cgit 1.4.1