diff --git a/config.yml b/config.yml index d496484..e1eec62 100644 --- a/config.yml +++ b/config.yml @@ -1,6 +1,6 @@ base_url: / sitemap: - Home: / + # Home: / About: /about Blog: /blog Now: /now diff --git a/content/index.md b/content/index.md index af7b1bd..8b56c3b 100644 --- a/content/index.md +++ b/content/index.md @@ -3,15 +3,9 @@ title: ficd.sh show_title: false --- -
- -

Daniel Fichtinger

- -
-
-![Me (approximate likeness).](/static/images/dithered_ficd.jpg) +![Daniel Fichtinger (approximate likeness).](/static/images/dithered_ficd.jpg)
diff --git a/content/static/style.css b/content/static/style.css index 284a5ce..56bbae9 100644 --- a/content/static/style.css +++ b/content/static/style.css @@ -1,14 +1,17 @@ :root { --main-text-color: #b4b4b4; + --main-text-opaque-color: rgba(180, 180, 180, 0.8); --main-bg-color: #121212; --main-link-color: #df6464; --main-heading-color: #df6464; --main-bullet-color: #d87c4a; + --orange-rgb: rgba(216, 124, 74, 0.6); --main-transparent: rgba(255, 255, 255, 0.15); --main-small-text-color: rgba(255, 255, 255, 0.45); } body { + margin: 0; line-height: 1.6; font-size: 18px; font-family: sans-serif; @@ -17,6 +20,20 @@ body { padding-left: calc(100vw - 100%); } +header { + padding-top: -1rem; + margin-top: -1rem; + font-family: monospace; + text-transform: lowercase; +} + +.site-logo { + color: inherit; + font-weight: bold; + text-decoration: none; + /* font-size: 1.75rem;*/ +} + .toclink { position: relative; text-decoration: none; @@ -128,11 +145,28 @@ li::marker { a { color: var(--main-link-color); - text-decoration: underline; + text-decoration: none; + position: relative; } -a:hover { - background: var(--main-transparent); +a::after { + content: ""; + position: absolute; + left: 0; + bottom: -2px; + width: 100%; + height: 1px; + background-color: currentColor; + transform: scaleX(0); + transform-origin: center; + transition: transform 0.1s ease; +} + +a:hover::after { + transform: scaleX(1); +} +a:has(> code)::after { + display: none; } max-width: 100%; @@ -146,8 +180,8 @@ img { } blockquote { - color: var(--main-small-text-color); - border-left: 3px solid var(--main-transparent); + color: var(--main-text-opaque-color); + border-left: 3px solid var(--orange-rgb); padding: 0 1rem; margin-left: 0; margin-right: 0; @@ -157,6 +191,16 @@ hr { border: none; height: 1px; background: var(--main-small-text-color); + opacity: 0.5; +} + +time { + color: var(--main-bullet-color); + font-family: monospace; +} + +.post-list-date { + font-size: 0.95rem; } code { @@ -183,7 +227,7 @@ pre { } pre { - background-color: #151515; + background-color: #1d1d1d; color: #d5d5d5; padding: 1em; border-radius: 5px; @@ -362,13 +406,20 @@ caption { a > code { text-decoration: none; - color: inherit; + color: var(--main-link-color); + position: relative; } a:has(> code) { text-decoration: none; + background: none; + /* position: static;*/ } a:hover > code { - background-color: var(--main-transparent); + text-decoration: underline; +} + +a:hover:has(> code) { + background: none; } diff --git a/templates/header.html b/templates/header.html index 7c09ff6..1064e6e 100644 --- a/templates/header.html +++ b/templates/header.html @@ -1,7 +1,8 @@
-
ficd.sh