From b33811cb4bff20a84d0a0f318d54ab2dce627eef Mon Sep 17 00:00:00 2001 From: bd Date: Sun, 22 Jun 2025 21:08:18 -0400 Subject: Fix header layout, rewrite home page --- content/assets/background.jpg | Bin 0 -> 428704 bytes content/assets/site.css | 32 ++++++++++++++++--------------- src/operationnull/pages.scm | 43 ++++++++++++++++++++++++++++-------------- src/operationnull/theme.scm | 6 ++---- 4 files changed, 48 insertions(+), 33 deletions(-) create mode 100644 content/assets/background.jpg diff --git a/content/assets/background.jpg b/content/assets/background.jpg new file mode 100644 index 0000000..5f1aeb2 Binary files /dev/null and b/content/assets/background.jpg differ diff --git a/content/assets/site.css b/content/assets/site.css index 5c68537..dc3f276 100644 --- a/content/assets/site.css +++ b/content/assets/site.css @@ -9,8 +9,8 @@ html { .container { align-items: center; height: 100%; - width: 90%; - margin: 40px auto; + width: 95%; + margin: 30px auto; } body { @@ -18,7 +18,7 @@ body { grid-template-rows: auto 1fr auto; font-family: 'Open Sans', Helvetica, sans-serif; line-height: 1.5; - font-size: 18px; + font-size: 16px; color: #aaaabb; margin: 0px; padding: 0px; @@ -36,7 +36,7 @@ body article { @media (min-width: 1200px) { .container { - width: 55% + width: 60% } } @@ -67,7 +67,7 @@ body h4 img { body h1 { font-weight: bold; - text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6); + text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8); padding: 0px; margin: 0px 0px 20px 0px; font-size: 42px; @@ -85,23 +85,23 @@ body h1 { body h2 { font-weight: bold; - text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.6); + text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.8); padding: 0px; - margin: 0px; position: relative; - font-size: 32px; + margin: 0; + font-size: 24px; } body h3 { font-weight: bold; - text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.6); + text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.8); padding: 0px; - margin: 0px 0px 20px 0px; + margin: 0; font-size: 22px; } body p { - padding: 0px; + padding: 4px; margin: 0; text-align: justify; } @@ -124,6 +124,7 @@ a:visited { padding: 20px; background: rgba(0, 0, 0, 0.2); border-radius: 8px; + margin: 0px 0px 15px 0px; } body pre { @@ -185,10 +186,11 @@ blockquote { intro { background: rgba(0, 0, 0, 0.8); - display: grid; - grid-template-columns: 1fr 1fr; + display: flex; + align-items: center; + justify-content: center; color: #ccc; - gap: 150px; + gap: 16px; margin: 0; padding: 8px; } @@ -208,7 +210,7 @@ intro p { intro img { max-height: 100%; - width: auto; + width: 100px; border-radius: 100%; } diff --git a/src/operationnull/pages.scm b/src/operationnull/pages.scm index 6993cdb..9bf9d5a 100644 --- a/src/operationnull/pages.scm +++ b/src/operationnull/pages.scm @@ -6,22 +6,37 @@ (define index-content - '(article (h2 "Welcome.") + '(article (h2 "Hello!") (div (@ (class "c")) - (p "My name is Benjamin. operationnull is my personal site.") - (p "My interests often revolve around processing and manipulating text--code generation, interpreters, Norse mythology, sword and sorcery, and GNU Emacs, the ultimate text-based operating system. I graduated from CSU with a B.S. in computer science Spring 2024.") + (p "My name is Benjamin, and you have reached my personal site!") + (p "Some of my current interests include sword and sorcery, abstract syntax trees and compilers, Norse mythology, scheme programming, and metal music. " + (a (@ (href "/gold.html")) + "I sometimes practice poetry") + "/fiction writing.") + (br) + (h3 "Some stuff I am currently doing:") (ul (@ (type "bullet")) - (li "I sometimes practice poetry/fiction writing (" - (a (@ (href "/gold.html")) - "gold") - ").") - (li "I am working on a short sword and sorcery story about a frankensteinish werewolf, and possibly, blood.") - (li "I am currently learning (guile) scheme, and using it to design a C compiler.") - (li "A few of my personal projects can be found on my " - (a (@ (href "https://git.operationnull.com/")) - "git server") - ".") - (li "I host a small gemlog on the link titled 'porphyrion'."))))) + (li "learning (guile) scheme, and using it to design a C compiler.") + (li "working on a short sword and sorcery story about a frankensteinish werewolf, and possibly, blood.") + (li "learning how to profile asynchronous code using sampling for the purpose of contributing it to " + (a (@ (href "https://github.com/plasma-umass/scalene")) + "SCALENE") + "."))) + (h2 "Similar sites:") + (div (@ (class "c")) + (p "The web is currently being overrun with AI generated content. Even before then, search engines prioritized commercial pages over personalized sites or blogs. I have come across three solutions:") + (ol + (li "webrings! The footer of this site contains links to the sites of my peers'.") + (li (a (@ (href "https://wiby.me")) + "wiby.me") + ", a unique search engine which indexes only personal blogs. The all-knowing " + (a (@ (href "https://searxng.org/")) + "searxng") + " can be configured to index this engine while simultaneously accessing google or duckduckgo.") + (li "try the " + (a (@ (href "https://geminiprotocol.net/")) + "gemini protocol") + ", which is filled with interesting 'gemlogs'. I have started my own, named 'Porphyrion'."))))) (define contact-content '(article (h2 "Matrix and IRC") diff --git a/src/operationnull/theme.scm b/src/operationnull/theme.scm index 33e0b2a..88e04c0 100644 --- a/src/operationnull/theme.scm +++ b/src/operationnull/theme.scm @@ -38,12 +38,10 @@ (type "image/x-icon") (href "/assets/favicon.ico"))) (title ,(string-append title " — " (site-title site))) - ,(stylesheet "site") - ) + ,(stylesheet "site")) (body (intro - (div (@ (style "contain: size; justify-self: end;")) - (img (@ (alt "raven") (class "no-border") + (div (img (@ (alt "raven") (class "no-border") (src "/assets/raven.png")))) (div (@ (style "text-align: left;")) (h1 (span (@ (class "white")) bdunahu)) -- cgit v1.2.3