Fix header layout, rewrite home page

4 files changed, 48 insertions, 33 deletions

diff --git a/content/assets/background.jpg b/content/assets/background.jpg
new file mode 100644
index 0000000..5f1aeb2
--- /dev/null
+++ b/content/assets/background.jpg
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))