From 7335b31d112b2c82f054d6b35dd590c0176597cd Mon Sep 17 00:00:00 2001 From: Barrett Ruth Date: Mon, 12 Jan 2026 17:07:50 -0500 Subject: [PATCH] 404 and style cleanups --- public/styles/404.css | 10 ++++ public/styles/base.css | 11 +--- public/styles/index.css | 22 ++++---- src/layouts/BaseLayout.astro | 3 + src/pages/404.astro | 11 +++- src/pages/index.astro | 103 ++++++++++++++++++----------------- 6 files changed, 87 insertions(+), 73 deletions(-) create mode 100644 public/styles/404.css diff --git a/public/styles/404.css b/public/styles/404.css new file mode 100644 index 0000000..952ce41 --- /dev/null +++ b/public/styles/404.css @@ -0,0 +1,10 @@ +.container { + height: 100vh; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + text-align: center; + font-weight: 300; + font-size: 2em; +} diff --git a/public/styles/base.css b/public/styles/base.css index 37005a5..c2a0538 100644 --- a/public/styles/base.css +++ b/public/styles/base.css @@ -153,13 +153,6 @@ code[class*="language-"] { html, body { font-family: "Signifier", serif; -} - -header, -footer { - padding: 30px 20px; - font-size: 1.5em; - display: flex; - align-items: center; - justify-content: space-between; + background: #f5f1e8; + color: #3a3a3a; } diff --git a/public/styles/index.css b/public/styles/index.css index 5ba9319..d5f8979 100644 --- a/public/styles/index.css +++ b/public/styles/index.css @@ -1,20 +1,19 @@ -body { - background: #f5f1e8; - color: #3a3a3a; -} - header { + padding: 60px 0; display: flex; - padding: 60px; - max-width: 1200px; - margin: 0 auto; + align-items: center; + justify-content: space-between; } h1, -header span { - margin: 0; - font-weight: 300; +.delta { font-size: 4em; + font-weight: 300; +} + +.container { + max-width: 60%; + margin: 0 auto; } section { @@ -26,7 +25,6 @@ section { } h2 { - margin-top: 24px; font-weight: 300; font-style: italic; font-size: 2em; diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro index 4627356..d5280ae 100644 --- a/src/layouts/BaseLayout.astro +++ b/src/layouts/BaseLayout.astro @@ -15,9 +15,12 @@ const { title, description = "barrett ruth's website" } = Astro.props; + +
+ diff --git a/src/pages/404.astro b/src/pages/404.astro index 1d9724d..a788736 100644 --- a/src/pages/404.astro +++ b/src/pages/404.astro @@ -2,8 +2,13 @@ import BaseLayout from "../layouts/BaseLayout.astro"; --- - -
-

404 - not found

+ + + + + + +
+

404

 diff --git a/src/pages/index.astro b/src/pages/index.astro index 890a316..a6f379f 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -4,58 +4,63 @@ import BaseLayout from "../layouts/BaseLayout.astro"; + -
-

barrett ruth

- Δ -
+
+
+

barrett ruth

+ Δ +
-
-
-

experience

- -
+
+
+

experience

+ +
-
-

contact

- -
-
+
+

contact

+ +
+
+