summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
Diffstat
-rw-r--r--content/assets/raven.pngbin41709 -> 5178 bytes
-rw-r--r--content/assets/site.css77
-rw-r--r--src/operationnull/pages.scm17
-rw-r--r--src/operationnull/theme.scm78
4 files changed, 101 insertions, 71 deletions
diff --git a/content/assets/raven.png b/content/assets/raven.png
index f103375..6366d8a 100644
--- a/content/assets/raven.png
+++ b/content/assets/raven.png
Binary files differ
diff --git a/content/assets/site.css b/content/assets/site.css
index accc03f..b5632ed 100644
--- a/content/assets/site.css
+++ b/content/assets/site.css
@@ -1,17 +1,42 @@
+html {
+ background: url(background.jpg) no-repeat center center fixed;
+ -webkit-background-size: cover;
+ -moz-background-size: cover;
+ -o-background-size: cover;
+ background-size: cover;
+}
+
+.container {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ height: 100%;
+ width: 100%;
+ margin: 40px auto;
+}
+
body {
+ margin: 0;
font-family: 'Open Sans', Helvetica, sans-serif;
line-height: 1.5;
font-size: 18px;
- background: #000;
color: #aaaabb;
- margin: 0;
- border-top: 3px solid #4101dc;
}
-@media (max-width: 799px) {
- body {
- padding: 15px;
- font-size: .95em;
+body intro,
+body article,
+body footer {
+ background: rgba(0, 0, 0, 0.6);
+ margin: 2px 0;
+ width: 100%;
+ padding: 20px;
+ border-radius: 8px;
+ box-sizing: border-box;
+}
+
+@media (min-width: 800px) {
+ .container {
+ width: calc(100% - 480px); /* 240px each side */
}
}
@@ -108,6 +133,8 @@ body li {
body img {
border: 1px solid #ccc;
height: auto;
+ width: auto;
+ flex: 0 0 auto;
}
@media (max-width: 800px) {
@@ -133,33 +160,40 @@ blockquote {
/* Header */
intro {
+ display: grid;
+ grid-template-columns: 1fr 2fr;
color: #BBB;
- text-align: center;
+ gap: 10px;
}
intro h1 {
- font-size: 42px;
+ font-size: 32px;
font-weight: bold;
line-height: 1em;
- margin: .3em;
- padding: 0;
+ margin: 0;
}
intro p {
color: #aaa;
font-size: 14px !important;
- text-align: center;
+ margin: 0;
}
intro img {
+ max-height: 100%;
+ width: auto;
border-radius: 100%;
- width: 100px;
}
+/* text is like this: */
+/* display: flex; flex-direction: column; margin-left: 10px; text-align: left; */
+
+/* img wrapper like this: */
+/* contain: size; justify-self: end; */
+
nav {
- text-align: center;
- margin-top: 30px;
- border-bottom: 1px solid #e2e2e2;
+ flex: 0 0 auto;
+ text-align: left;
font-size: 12px;
}
@@ -196,23 +230,14 @@ nav a:visited {
/* Footer */
-@media (min-width: 800px) {
- body article,
- body footer {
- margin: 0 auto;
- max-width: 700px !important;
- width: 700px !important;
- }
-}
-
footer {
+ flex: 0 0 auto;
font-size: 0.8em;
line-height: 1.8em;
margin-top: 50px;
text-align: center;
color: #aaa;
padding: 15px 0;
- border-top: 1px solid #e2e2e2;
}
.fade-text {
diff --git a/src/operationnull/pages.scm b/src/operationnull/pages.scm
index fe90925..a1f78ee 100644
--- a/src/operationnull/pages.scm
+++ b/src/operationnull/pages.scm
@@ -10,7 +10,7 @@
(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.")
(ul (@ (type "bullet"))
- (li "I have an interest in poetry/fiction though the quality of my work is up to your interpretation ("
+ (li "I sometimes practice poetry/fiction writing ("
(a (@ (href "/gold.html"))
"gold")
").")
@@ -19,12 +19,16 @@
(li "A few of my personal projects can be found on my "
(a (@ (href "https://git.operationnull.com/"))
"git server")
- ", all of which are libre.")
+ ".")
(li "I host a small gemlog on the link titled 'porphyrion'."))))
(define contact-content
'(article (h2 "Contact")
- (p "I am reachable by email:")
+ (p "I am on Matrix and IRC:")
+ (ul (@ (type "bullet"))
+ (li (b "IRC: ") "@ bdunahu @ libera.chat or @ Gondul @ libera.chat")
+ (li (b "matrix: ") "@bdunahu:tchncs.de"))
+ (p "If you don't use those:")
(ul (@ (type "bullet"))
(li (b "email: ") "bdunahu @ this domain"))
(ul (@ (style "font-size: 80%;"))
@@ -33,11 +37,8 @@
(br)
"Fingerprint: "
(code "5550 5CA6 9DE5 D342 7F31 F9AE 5F86 6C65 2A34 C996")))
- (p "Additionally, these accounts belong to me.")
- (ul (@ (type "bullet"))
- (li (b "IRC: ") "@ Isaz @ libera.chat")
- (i "And: ") "@ Gondul @ libera.chat"
- (li (b "matrix: ") "@bdunahu:tchncs.de"))))
+ (br)
+ (p "I do not have any accounts open with any big-tech services. Reluctantly, I do have a discord account.")))
(define e404
'(article (h2 "403/404 Error")
diff --git a/src/operationnull/theme.scm b/src/operationnull/theme.scm
index 70e81e6..7a90a60 100644
--- a/src/operationnull/theme.scm
+++ b/src/operationnull/theme.scm
@@ -41,43 +41,47 @@
,(stylesheet "site")
)
(body
- (intro
- (br)
- '(div (@ (class "container"))
- (img (@ (alt "raven") (class "no-border")
- (src "/assets/raven.png")))
- (h1 (span (@ (class "white")) bdunahu))
- (p "cs graduate student @ "
- (a (@ (href "https://www.cics.umass.edu/"))
- "UMass Amherst"))))
- (nav
- '(div (@ (class "container"))
- (ul (li (a (@ (href "gemini://porphyrion.operationnull.com/"))
- "porphyrion"))
- (li (a (@ (href "https://git.operationnull.com/"))
- "git"))
- (li (a (@ (href "/contact.html"))
- "contact"))
- (li (a (@ (href "/"))
- "home")))))
- ,body
- (footer (@ (class "footer"))
- "Copyright © 2025 bdunahu"
- (br)
- "Site content available under the " ,%cc-by-sa-link " license "
- (a (@ (href "https://git.operationnull.com/operationnull.git/"))
- "here")
- "."
- (br)
- "Last updated on "
- ,(date->string (current-date) "~b ~d, ~Y")
- ". Generated with "
- (a (@ (href "https://dthompson.us/projects/haunt.html"))
- "Haunt")
- " and "
- (a (@ (href "https://gnu.org/software/guile"))
- "Guile Scheme")
- "."))))
+ (div (@ (class "container"))
+ (intro
+ (div (@ (style "contain: size; justify-self: end;"))
+ (img (@ (alt "raven") (class "no-border")
+ (src "/assets/raven.png"))))
+ (div (@ (style "text-align: left;"))
+ (h1 (span (@ (class "white")) bdunahu))
+ (p "cs graduate student @ "
+ (a (@ (href "https://www.cics.umass.edu/"))
+ "UMass Amherst"))))
+ (nav
+ (div
+ (ul (li (a (@ (href "gemini://porphyrion.operationnull.com/"))
+ "porphyrion"))
+ (li (a (@ (href "https://git.operationnull.com/"))
+ "git"))
+ (li (a (@ (href "/contact.html"))
+ "contact"))
+ (li (a (@ (href "/"))
+ "home")))))
+ ,body
+ (footer (@ (class "footer"))
+ (script (@ (id "umaring_js")
+ (src "https://umaring.mkr.cx/ring.js?id=bdunahu")))
+ (div (@ (id "umaring")))
+ "Copyright © 2025 bdunahu"
+ (br)
+ "Site content available under the " ,%cc-by-sa-link " license "
+ (a (@ (href "https://git.operationnull.com/operationnull.git/"))
+ "here")
+ "."
+ (br)
+ "Last updated on "
+ ,(date->string (current-date) "~b ~d, ~Y")
+ ". Generated with "
+ (a (@ (href "https://dthompson.us/projects/haunt.html"))
+ "Haunt")
+ " and "
+ (a (@ (href "https://gnu.org/software/guile"))
+ "Guile Scheme")
+ ".")))))
#:post-template
(lambda (post)
`((article
generated by cgit v1.2.3 (git 2.39.1) at 2025-07-01 09:05:06 +0000