diff options
| author | Ruben Beltran del Rio <jj@r.bdr.sh> | 2026-01-05 11:56:57 +0100 |
|---|---|---|
| committer | Ruben Beltran del Rio <jj@r.bdr.sh> | 2026-01-05 11:57:04 +0100 |
| commit | ca983313ea54f1983e1b6ca85d208a34412381bc (patch) | |
| tree | fc051652d54615868edade36dbd62bda9ccc9731 | |
| parent | e4dbcbfef3ba5bb5cd95ef5d7513fb0ad35a4f73 (diff) | |
Add favicon, and improve font handling
| -rw-r--r-- | content/_index.md | 2 | ||||
| -rw-r--r-- | static/css/style.css | 21 | ||||
| -rw-r--r-- | static/img/favicon.png | bin | 0 -> 129 bytes | |||
| -rw-r--r-- | templates/base.html | 8 |
4 files changed, 25 insertions, 6 deletions
diff --git a/content/_index.md b/content/_index.md index 9d774ba..c74595c 100644 --- a/content/_index.md +++ b/content/_index.md @@ -4,7 +4,7 @@ description = "Freelance Software Engineer | iOS, macOS, Web & Backend Developme +++ <section id="introduction"> {% window(title="Welcome.") %} - <img src="/img/selfie.png" alt="A pixel-art portrait of Rubén doing a peace sign and sticking his tongue out" /> + <img src="/img/selfie.png" width="50" height="50" alt="A pixel-art portrait of Rubén doing a peace sign and sticking his tongue out" /> <p> Howdy! I'm Rubén, a freelance software engineer and technical leader based in Berlin. I love building software and helping teams figure out diff --git a/static/css/style.css b/static/css/style.css index 6b95e9c..7bbb584 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -34,6 +34,23 @@ font-display: swap; } +/* Fallback Fonts */ +@font-face { + font-family: 'Fallback Display'; + src: local('Times New Roman'); + font-weight: 400 700; + size-adjust: 95%; +} + +@font-face { + font-family: 'Fallback Body'; + src: local('Times New Roman'); + font-weight: 300; + size-adjust: 119.2%; + ascent-override: 80%; +} + + /* Theme */ :root { --primary-color: #0000f5; @@ -41,8 +58,8 @@ --foreground: #000019; --foreground-emphasis: #191919; --selection-color: #ccc; - --font-display: 'Libre Caslon Condensed', 'Times New Roman', Georgia, serif; - --font-body: 'Libre Caslon', 'Times New Roman', Georgia, serif; + --font-display: 'Libre Caslon Condensed', 'Fallback Display', serif; + --font-body: 'Libre Caslon', 'Fallback Body', serif; --font-windows: 'Helvetica Neue', Helvetica, Arial, sans-serif; /* There's an issue with Helvetica Neue Bold's glyph sizing that wrecks the grid. */ --font-windows-bold: Helvetica, Arial, sans-serif; diff --git a/static/img/favicon.png b/static/img/favicon.png Binary files differnew file mode 100644 index 0000000..c60ff5d --- /dev/null +++ b/static/img/favicon.png diff --git a/templates/base.html b/templates/base.html index b82b3c2..5cc8b33 100644 --- a/templates/base.html +++ b/templates/base.html @@ -15,12 +15,14 @@ <link rel="preload" href="/font/LibreCaslonCondensed[wdth,wght].woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="/font/LibreCaslonCondensed-Italic[wght].woff2" as="font" type="font/woff2" crossorigin> - <link rel="preload" href="/font/Ronzino-Medium.woff2" as="font" type="font/woff2" crossorigin> - <link rel="preload" href="/font/Ronzino-Bold.woff2" as="font" type="font/woff2" crossorigin> - + <link rel="preload" href="/font/LibreCaslonText[wght].woff2" as="font" type="font/woff2" crossorigin> + <link rel="preload" href="/font/LibreCaslonText-Italic[wght].woff2" as="font" type="font/woff2" crossorigin> + <link rel="stylesheet" type="text/css" href="/css/style.css"> <link rel="author" href="humans.txt"> + <link rel="icon" href="/img/favicon.png" /> + <script type="module" src="/js/animation.js"></script> </head> <body> |
