From 8f04ea332d334fd38aa4b5ad0d6cf32e175ad284 Mon Sep 17 00:00:00 2001 From: Paul Buetow Date: Sun, 8 Dec 2024 22:36:45 +0200 Subject: Update content for html --- about/now.html | 4 ++ about/resources.html | 166 +++++++++++++++++++++++------------------------ code.ttf | Bin 0 -> 367144 bytes handnotes.ttf | Bin 0 -> 38344 bytes heading.ttf | Bin 0 -> 58448 bytes index.html | 2 +- notes/style-override.css | 3 + style.css | 100 ++++++++++++++++++++-------- text.ttf | Bin 0 -> 75152 bytes typewriter.ttf | Bin 0 -> 151464 bytes uptime-stats.html | 2 +- 11 files changed, 166 insertions(+), 111 deletions(-) create mode 100644 code.ttf create mode 100644 handnotes.ttf create mode 100644 heading.ttf create mode 100644 text.ttf create mode 100644 typewriter.ttf diff --git a/about/now.html b/about/now.html index d93ec2e9..9d16f9ce 100644 --- a/about/now.html +++ b/about/now.html @@ -44,12 +44,16 @@

Soon (???)




Done



diff --git a/about/resources.html b/about/resources.html index 35c7870c..e63b7a4e 100644 --- a/about/resources.html +++ b/about/resources.html @@ -47,100 +47,100 @@ In random order:


Technical references



I didn't read them from the beginning to the end, but I am using them to look up things. The books are in random order:


Self-development and soft-skills books



In random order:


Here are notes of mine for some of the books

@@ -149,22 +149,22 @@ Some of these were in-person with exams; others were online learning lectures only. In random order:


Technical guides



@@ -182,16 +182,16 @@ In random order:


Podcasts I liked



@@ -208,17 +208,17 @@ This is a mix of tech and non-tech newsletters I am subscribed to. In random order:


Formal education



diff --git a/code.ttf b/code.ttf new file mode 100644 index 00000000..7c8e65b8 Binary files /dev/null and b/code.ttf differ diff --git a/handnotes.ttf b/handnotes.ttf new file mode 100644 index 00000000..25e688b6 Binary files /dev/null and b/handnotes.ttf differ diff --git a/heading.ttf b/heading.ttf new file mode 100644 index 00000000..a2917114 Binary files /dev/null and b/heading.ttf differ diff --git a/index.html b/index.html index b7c61e83..b95ce22d 100644 --- a/index.html +++ b/index.html @@ -10,7 +10,7 @@

foo.zone



-This site was generated at 2024-12-08T11:54:31+02:00 by Gemtexter
+This site was generated at 2024-12-08T22:35:04+02:00 by Gemtexter

Welcome to the foo.zone. Everything you read on this site is my personal opinion and experience. You can call me a Linux/*BSD enthusiast and hobbyist. I mainly write about tech, IT, programming and sometimes also about self-improvement here. Note that this blog usually does not overlap with what I do at my day job as a Site Reliability Engineer.

diff --git a/notes/style-override.css b/notes/style-override.css index e69de29b..bc6159b3 100644 --- a/notes/style-override.css +++ b/notes/style-override.css @@ -0,0 +1,3 @@ +h1, h2, h3 { + font-family: handnotes, monospace; +} diff --git a/style.css b/style.css index e7276cd9..078bb624 100644 --- a/style.css +++ b/style.css @@ -1,81 +1,129 @@ -body { - font-family: sans-serif; - max-width: 1024px; +@font-face { + font-family: 'text'; + src: url("./text.ttf") format("truetype"); } -a { - font-family: courier, monospace; - text-decoration: none; - color: #0e0e0e; +@font-face { + font-family: 'heading'; + src: url("./heading.ttf") format("truetype"); } -h1 { - font-family: serif; - color: #ff6600; +@font-face { + font-family: 'code'; + src: url("./code.ttf") format("truetype"); } -h2 { - font-family: serif; - color: #ff751a; +@font-face { + font-family: 'handnotes'; + src: url("./handnotes.ttf") format("truetype"); } -h3 { - font-family: serif; - color: #ff8533; +@font-face { + font-family: 'typewriter'; + src: url("./typewriter.ttf") format("truetype"); +} + +body { + font-family: text, sans-serif; + background: linear-gradient(135deg, #0d0d0d, #1f1f1f); + color: #e0e0e0; + max-width: 1024px; + padding: 20px; + margin: 20px auto; + border: 1px solid #333; + box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3); + border-radius: 15px; +} + +h1, h2, h3 { + font-family: heading, serif; + color: #00ff9d; + text-shadow: 0 0 2px #00ff9d, 0 0 2px #00ff9d; } a { - padding: 0 0 0 0; + text-decoration: none; + color: #00ff9d; + transition: color 0.3s, text-shadow 0.3s; } a:hover { text-decoration: underline; + color: #00d4ff; + text-shadow: 0 0 10px #00d4ff, 0 0 20px #00d4ff; } a.textlink:before { content: "⇒ "; - color: #ff8533; + padding-left: 11px; } .quote { font-style: italic; + color: #00d4ff; + text-shadow: 0 0 7px #00d4ff, 0 0 14px #00d4ff; } .quote:before { content: "« "; padding-left: 2px; - color: #ff8533; } .quote:after { content: " »"; padding-right: 2px; - color: #ff8533; } ul { list-style: none; - margin: 0 0 0 0; - padding: 0 0 0 0; + padding-right: 23px; + padding-left: 10px; + margin: 0.75em 0 0.75em 0; +} + +li { + color: #ff6347; + margin-left: 1em; + margin-bottom: 0.25em; + text-shadow: 0 0 5px #ff6347, 0 0 10px #ff6347; } li:before { content: "★"; padding-right: 5px; - color: #ff8533; + color: #00ff9d; } img { max-width: 90%; + display: block; + margin: auto; + border: 2px solid #00d4ff; + box-shadow: 0 4px 15px rgba(0, 212, 255, 0.4); + border-radius: 10px; } pre { - font-family: courier, monospace; + font-family: code, monospace; + overflow-x: auto; background: #1e1e1e; padding: 20px; - color: #ffffff; + border-left: 4px solid #00ff9d; + border-radius: 5px; + box-shadow: inset 0 0 10px #00ff9d; + color: #00d4ff; } span.inlinecode { - font-family: courier, monospace; + font-family: code, monospace; + background: #1e1e1e; + padding: 1px; + border: 1px solid #00d4ff; + border-radius: 3px; + box-shadow: 0 0 6px #00d4ff; + color: #00d4ff; +} + +.footer { + font-family: handnotes; } diff --git a/text.ttf b/text.ttf new file mode 100644 index 00000000..bb2e8875 Binary files /dev/null and b/text.ttf differ diff --git a/typewriter.ttf b/typewriter.ttf new file mode 100644 index 00000000..375978ce Binary files /dev/null and b/typewriter.ttf differ diff --git a/uptime-stats.html b/uptime-stats.html index 732311ca..35ae957d 100644 --- a/uptime-stats.html +++ b/uptime-stats.html @@ -10,7 +10,7 @@

My machine uptime stats



-This site was last updated at 2024-12-08T11:54:31+02:00
+This site was last updated at 2024-12-08T22:35:04+02:00

The following stats were collected via uptimed on all of my personal computers over many years and the output was generated by guprecords, the global uptime records stats analyser of mine.

-- cgit v1.2.3