index completeHEADmaster

4 files changed, 216 insertions, 44 deletions

diff --git a/dwalker.xyz/Pages/Index.cshtml b/dwalker.xyz/Pages/Index.cshtml
index 0283f0d..d8fce58 100644
--- a/dwalker.xyz/Pages/Index.cshtml
+++ b/dwalker.xyz/Pages/Index.cshtml
@@ -5,7 +5,68 @@
 }
 
 <section class="hero">
-    <p class="eyebrow">.NET 10 Razor Pages</p>
-    <h1>Blank, modern, and ready.</h1>
-    <p class="lede">A minimal starting point for building dwalker.xyz without demo content or extra scaffolding.</p>
+    <div class="hero-header">
+        <img class="site-badge" src="~/images/HPR.png" alt="HPR site badge" />
+        <div>
+            <h1>Dustin Walker's Webpage</h1>
+            <h3>York County, Pennsylvania</h3>
+        </div>
+    </div>
+    <hr />
+    <p>The source for this website can be found at <a href="https://git.dwalker.xyz/sovereign-demesne.git">git.dwalker.xyz</a>. Licensed under <a href="https://git.dwalker.xyz/sovereign-demesne.git/tree/LICENSE">GPLv3</a>.</p>
+    <p><b>Council Members:</b> A mumble server is up in case of emergency meetings. We also have <a href="https://rss.dwalker.xyz">RSS management</a> and an <a href="https://bridge.dwalker.xyz">RSS bridge</a> to populate it.</p>
+    <hr />
+    <div class="link-groups">
+        <section class="link-group">
+            <h4>Content</h4>
+            <hr />
+            <ul>
+                <li><a href="https://git.dwalker.xyz">Code</a></li>
+                <li><a href="https://rss.dwalker.xyz">Web Feed</a></li>
+                <li><a href="/books/">Reading List</a></li>
+                <li><a href="/production/">Production</a></li>
+                <li><a href="/reference/">Reference</a></li>
+                <li><a href="/wargaming/">Wargaming</a></li>
+                <li><a href="https://bridge.dwalker.xyz">RSS Bridge</a></li>
+                <li><a href="https://budget.dwalker.xyz">Budget</a></li>
+                <li><a href="https://foundry.dwalker.xyz">FoundryVTT</a></li>
+            </ul>
+        </section>
+        <section class="link-group">
+            <h4>External Links</h4>
+            <hr />
+            <ul>
+                <li><a href="https://landchad.net">Build your own Website</a></li>
+                <li><a href="https://www.sumo.or.jp/En/">Grand Sumo</a></li>
+                <li><a href="https://suckless.org">Suckless Software</a></li>
+                <li><a href="https://wttr.in">Weather</a></li>
+                <li><a href="https://1mb.club">1MB Club</a></li>
+                <li><a href="https://simplytranslate.org">Translations</a></li>
+                <li><a href="https://incompetech.com/">Incompetech - Royalty-free Music</a></li>
+                <li><a href="https://thehomesteaderschronicle.com/">Homesteader's Chronicle</a></li>
+                <li><a href="https://lukesmith.xyz">Luke Smith</a></li>
+            </ul>
+        </section>
+        <section class="link-group">
+            <hr />
+            <h4>Local Goods and Services</h4>
+            <hr />
+            <ul>
+                <li><a href="https://brownsorchards.com">Brown's Orchard</a></li>
+                <li><a href="https://godfreymeats.com">Godfrey Brothers Meats</a></li>
+                <li><a href="https://hiwwe-wie-driwwe.com/">Hiwwe wie Driwwe</a></li>
+                <li><a href="https://maplelawnfarms.com/">Maple Lawn Farms</a></li>
+                <li><a href="https://millerplantfarm.com">Miller Plant Farm</a></li>
+                <li><a href="https://christmastimeinloganville.com">Christmastime in Loganville</a></li>
+                <li><a href="https://www.thecomicscloset.com/">Comics Closet</a></li>
+                <li><a href="https://perrydellfarm.com">Perrydell Dairy Farm</a></li>
+                <li><a href="https://roburritos.com">Roburritos</a></li>
+                <li><a href="http://shaworchards.com">Shaw Orchards</a></li>
+                <li><a href="https://sonnewald.org">Sonnewald Natural Goods</a></li>
+                <li><a href="https://jeffssubs.com">Jeff's Subs</a></li>
+                <li><a href="https://flinchbaughsorchard.com">Flinchbaugh's Orchard and Farm Market</a></li>
+                <li><a href="https://theadventurersacademy.com/">Adventurer's Academy</a></li>
+            </ul>
+        </section>
+    </div>
 </section>
diff --git a/dwalker.xyz/Pages/Shared/_Layout.cshtml b/dwalker.xyz/Pages/Shared/_Layout.cshtml
index 52b617a..66b9533 100644
--- a/dwalker.xyz/Pages/Shared/_Layout.cshtml
+++ b/dwalker.xyz/Pages/Shared/_Layout.cshtml
@@ -10,6 +10,9 @@
     <main class="app-shell">
         @RenderBody()
     </main>
+    <footer class="site-footer">
+        <p><a href="https://dwalker.xyz">dwalker.xyz</a> © 2025 Anno Domini</p>
+    </footer>
 
     @await RenderSectionAsync("Scripts", required: false)
 </body>
diff --git a/dwalker.xyz/wwwroot/css/site.css b/dwalker.xyz/wwwroot/css/site.css
index 93b6fd5..8885449 100644
--- a/dwalker.xyz/wwwroot/css/site.css
+++ b/dwalker.xyz/wwwroot/css/site.css
@@ -1,12 +1,12 @@
 :root {
-  color-scheme: light;
-  --bg: #f4f1ea;
-  --bg-accent: #e8dfd1;
-  --surface: rgba(255, 255, 255, 0.72);
-  --surface-border: rgba(34, 34, 34, 0.08);
-  --text: #171513;
-  --muted: #61584d;
-  --accent: #0e776d;
+  color-scheme: dark;
+  --bg: #101010;
+  --panel: #151515;
+  --text: #f3f3f3;
+  --muted: #c9c9c9;
+  --accent: #f0f0f0;
+  --link: #9fcfff;
+  --link-hover: #d5e8ff;
 }
 
 * {
@@ -20,65 +20,173 @@ html {
 body {
   margin: 0;
   min-height: 100vh;
+  display: flex;
+  flex-direction: column;
   color: var(--text);
-  background:
-    radial-gradient(circle at top left, rgba(14, 119, 109, 0.18), transparent 32%),
-    radial-gradient(circle at bottom right, rgba(184, 129, 74, 0.18), transparent 28%),
-    linear-gradient(180deg, var(--bg) 0%, #fbfaf7 100%);
-  font-family: "Space Grotesk", "Segoe UI", sans-serif;
+  background: var(--bg);
+  font-family: Verdana, Tahoma, "Trebuchet MS", sans-serif;
 }
 
 a {
-  color: inherit;
+  color: var(--link);
+}
+
+a:hover,
+a:focus-visible {
+  color: var(--link-hover);
 }
 
 .app-shell {
-  min-height: 100vh;
-  display: grid;
-  place-items: center;
-  padding: 2rem;
+  flex: 1;
+  display: flex;
+  justify-content: center;
+  padding: 1.25rem 1.5rem;
+}
+
+.site-footer {
+  padding: 0 1.5rem 1.5rem;
+}
+
+.site-footer p {
+  margin: 0 auto;
+  width: min(100%, 72rem);
+  padding-top: 0.85rem;
+  border-top: 1px solid #2f2f2f;
+  color: var(--muted);
+  font-size: 0.95rem;
+  text-align: center;
 }
 
 .hero {
-  width: min(100%, 48rem);
-  padding: clamp(2rem, 5vw, 4rem);
-  border: 1px solid var(--surface-border);
-  border-radius: 2rem;
-  background: var(--surface);
-  backdrop-filter: blur(18px);
-  box-shadow: 0 30px 80px rgba(34, 21, 9, 0.08);
+  width: min(100%, 72rem);
+  margin: auto 0;
+  padding: 0.85rem 1rem;
+  background: transparent;
+}
+
+.hero-header {
+  display: flex;
+  align-items: center;
+  gap: 0.85rem;
 }
 
-.eyebrow {
-  margin: 0 0 1rem;
+.site-badge {
+  display: inline-block;
+  width: min(8rem, 30vw);
+  height: auto;
+}
+
+.hero h1 {
+  margin: 0;
   color: var(--accent);
-  font-size: 0.9rem;
+  font-family: Georgia, "Times New Roman", serif;
+  font-size: clamp(2.2rem, 7vw, 4rem);
+  line-height: 1.05;
+  letter-spacing: 0.01em;
+  text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.45);
+}
+
+.hero h3 {
+  margin: 0.45rem 0 0;
+  color: var(--muted);
+  font-size: clamp(1rem, 2.4vw, 1.3rem);
+  font-weight: 700;
+}
+
+.hero p {
+  margin: 0.8rem 0 0;
+  color: var(--muted);
+  font-size: 1rem;
+  line-height: 1.55;
+  max-width: 62rem;
+}
+
+.hero a {
   font-weight: 700;
-  letter-spacing: 0.12em;
+  text-decoration-thickness: 1px;
+  text-underline-offset: 0.16em;
+}
+
+.hero b {
+  color: var(--text);
+}
+
+.hero hr {
+  margin: 0.9rem 0;
+  border: 0;
+  border-top: 1px solid #2f2f2f;
+}
+
+.link-groups {
+  display: grid;
+  gap: 0.75rem;
+}
+
+.link-group {
+  padding: 0;
+}
+
+.link-group h4 {
+  margin: 0 0 0.5rem;
+  color: var(--text);
+  font-size: 1rem;
+  text-align: center;
   text-transform: uppercase;
+  letter-spacing: 0.05em;
 }
 
-.hero h1 {
+.link-group ul {
   margin: 0;
-  font-size: clamp(3rem, 8vw, 5.75rem);
-  line-height: 0.95;
-  letter-spacing: -0.05em;
+  padding-left: 1.25rem;
 }
 
-.lede {
-  max-width: 34rem;
-  margin: 1.5rem 0 0;
-  color: var(--muted);
-  font-size: clamp(1rem, 2vw, 1.15rem);
-  line-height: 1.7;
+.link-group li + li {
+  margin-top: 0.3rem;
+}
+
+@media (min-width: 900px) {
+  .hero {
+    padding: 1rem 1.2rem 1.1rem;
+  }
+
+  .hero-header {
+    gap: 1.2rem;
+  }
+
+  .link-groups {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    align-items: start;
+  }
+
+  .link-group:last-child {
+    grid-column: 1 / -1;
+  }
+
+  .link-group:last-child ul {
+    columns: 2;
+    column-gap: 2rem;
+  }
+
+  .link-group:last-child li {
+    break-inside: avoid;
+  }
 }
 
 @media (max-width: 640px) {
   .app-shell {
-    padding: 1rem;
+    padding: 0.9rem 1rem;
+  }
+
+  .site-footer {
+    padding: 0 1rem 1rem;
   }
 
   .hero {
-    border-radius: 1.5rem;
+    margin: 0;
+  }
+
+  .hero-header {
+    flex-direction: column;
+    align-items: flex-start;
   }
 }
diff --git a/dwalker.xyz/wwwroot/images/HPR.png b/dwalker.xyz/wwwroot/images/HPR.png
new file mode 100644
index 0000000..a3ca05c
--- /dev/null
+++ b/dwalker.xyz/wwwroot/images/HPR.png