From bf1426261d703b3d74117a0744d1b43471ae0509 Mon Sep 17 00:00:00 2001
From: "Zed A. Shaw" <zed.shaw@gmail.com>
Date: Tue, 12 Aug 2025 12:55:27 -0400
Subject: [PATCH] You have to change the ssgod.toml to see these, but here's
 the copies I did this morning.

---
 pages/copy/gitea.html   | 137 +++++++++++++++++++++++++++++++++++
 pages/copy/starter.html |   3 +
 pages/copy/stride.html  | 155 ++++++++++++++++++++++++++++++++++++++++
 pages/layouts/copy.html |  18 +++++
 4 files changed, 313 insertions(+)
 create mode 100644 pages/copy/gitea.html
 create mode 100644 pages/copy/starter.html
 create mode 100644 pages/copy/stride.html
 create mode 100644 pages/layouts/copy.html

diff --git a/pages/copy/gitea.html b/pages/copy/gitea.html
new file mode 100644
index 0000000..ac7f823
--- /dev/null
+++ b/pages/copy/gitea.html
@@ -0,0 +1,137 @@
+<div class="text-gray-950">
+
+  <block class="horizontal justify-between">
+    <img src="/icons/cup-soda.svg" alt="Home" />
+    <img src="/icons/bell.svg" alt="Home" />
+    <img src="/icons/menu.svg" alt="Home" />
+  </block>
+
+  <block class="gap-10">
+    <div class="flex text-2xl gap-4">
+      <img src="/icons/baby.svg" />
+      <a href="#">learn-code-the-hard-way</a> / <a href="#">ssgod</a>
+    </div>
+
+    <div class="flex gap-4">
+      <button>Unwatch</button>
+      <button>Start</button>
+      <button>Fork</button>
+    </div>
+
+  </block>
+
+  <block>
+    <div class="flex gap-4 border-b-1 border-gray-500 pb-3 *:text-nowrap">
+      <button>Code</button>
+      <button>Issues</button>
+      <button>Pull Requests</button>
+      <button>Packages</button>
+      <button>Projects</button>
+      <button>Releases</button>
+      <button>Wiki</button>
+    </div>
+    <div class="flex flex-col gap-4">
+      <p class="text-2xl">SSG is a Static Site Generator that is only a Static Site Generator. No resumes here! Just a piece of code that generates static files from templates for websites, and can do it live while you develop said templates.</p>
+
+      <h3 class="text-xl!">Manage Topics</h3>
+      <toolbar class="flex justify-between">
+        <span><img class="inline" src="/icons/timer.svg" /> 21 Commits</span>
+        <span><img class="inline" src="/icons/git-branch.svg" /> 1 Branch</span>
+        <span><img class="inline" src="/icons/tag.svg" /> 0 Tags</span>
+        <span><img class="inline" src="/icons/database.svg" /> 589 KiB</span>
+      </toolbar>
+    </div>
+
+    <hr class="pb-6"/>
+
+    <div class="flex flex-col rounded-md border-1 border-gray-300">
+      <div class="flex p-2 w-full justify-between border-b-1 border-gray-300">
+        <span><img class="inline" src="/icons/baby.svg"> Name</span>
+        <span>Time</span>
+      </div>
+      <div class="flex p-2 w-full justify-between border-b-1 border-gray-300">
+        <span><img class="inline" src="/icons/baby.svg"> Name</span>
+        <span>Time</span>
+      </div>
+      <div class="flex p-2 w-full justify-between border-b-1 border-gray-300">
+        <span><img class="inline" src="/icons/baby.svg"> Name</span>
+        <span>Time</span>
+      </div>
+      <div class="flex p-2 w-full justify-between border-b-1 border-gray-300">
+        <span><img class="inline" src="/icons/baby.svg"> Name</span>
+        <span>Time</span>
+      </div>
+      <div class="flex p-2 w-full justify-between border-b-1 border-gray-300">
+        <span><img class="inline" src="/icons/baby.svg"> Name</span>
+        <span>Time</span>
+      </div>
+      <div class="flex p-2 w-full justify-between border-b-1 border-gray-300">
+        <span><img class="inline" src="/icons/baby.svg"> Name</span>
+        <span>Time</span>
+      </div>
+      <div class="flex p-2 w-full justify-between border-b-1 border-gray-300">
+        <span><img class="inline" src="/icons/baby.svg"> Name</span>
+        <span>Time</span>
+      </div>
+      <div class="flex p-2 w-full justify-between border-b-1 border-gray-300">
+        <span><img class="inline" src="/icons/baby.svg"> Name</span>
+        <span>Time</span>
+      </div>
+      <div class="flex p-2 w-full justify-between border-b-1 border-gray-300">
+        <span><img class="inline" src="/icons/baby.svg"> Name</span>
+        <span>Time</span>
+      </div>
+      <div class="flex p-2 w-full justify-between border-b-1 border-gray-300">
+        <span><img class="inline" src="/icons/baby.svg"> Name</span>
+        <span>Time</span>
+      </div>
+      <div class="flex p-2 w-full justify-between border-b-1 border-gray-300">
+        <span><img class="inline" src="/icons/baby.svg"> Name</span>
+        <span>Time</span>
+      </div>
+      <div class="flex p-2 w-full justify-between border-b-1 border-gray-300">
+        <span><img class="inline" src="/icons/baby.svg"> Name</span>
+        <span>Time</span>
+      </div>
+      <div class="flex p-2 w-full justify-between border-b-1 border-gray-300">
+        <span><img class="inline" src="/icons/baby.svg"> Name</span>
+        <span>Time</span>
+      </div>
+      <div class="flex p-2 w-full justify-between border-b-1 border-gray-300">
+        <span><img class="inline" src="/icons/baby.svg"> Name</span>
+        <span>Time</span>
+      </div>
+      <div class="flex p-2 w-full justify-between border-b-1 border-gray-300">
+        <span><img class="inline" src="/icons/baby.svg"> Name</span>
+        <span>Time</span>
+      </div>
+      <div class="flex p-2 w-full justify-between border-b-1 border-gray-300">
+        <span><img class="inline" src="/icons/baby.svg"> Name</span>
+        <span>Time</span>
+      </div>
+      <div class="flex p-2 w-full justify-between border-b-1 border-gray-300">
+        <span><img class="inline" src="/icons/baby.svg"> Name</span>
+        <span>Time</span>
+      </div>
+      <div class="flex p-2 w-full justify-between border-b-1 border-gray-300">
+        <span><img class="inline" src="/icons/baby.svg"> Name</span>
+        <span>Time</span>
+      </div>
+      <div class="flex p-2 w-full justify-between border-b-1 border-gray-300">
+        <span><img class="inline" src="/icons/baby.svg"> Name</span>
+        <span>Time</span>
+      </div>
+      <div class="flex p-2 w-full justify-between border-b-1 border-gray-300">
+        <span><img class="inline" src="/icons/baby.svg"> Name</span>
+        <span>Time</span>
+      </div>
+      <div class="flex p-2 w-full justify-between border-b-1 border-gray-300">
+        <span><img class="inline" src="/icons/baby.svg"> Name</span>
+        <span>Time</span>
+      </div>
+      <div class="flex p-2 w-full justify-between border-b-1 border-gray-300">
+        <span><img class="inline" src="/icons/baby.svg"> Name</span>
+        <span>Time</span>
+      </div>
+  </block>
+</div>
diff --git a/pages/copy/starter.html b/pages/copy/starter.html
new file mode 100644
index 0000000..46abfc4
--- /dev/null
+++ b/pages/copy/starter.html
@@ -0,0 +1,3 @@
+<div class="text-gray-950">
+<h1>Hello</h1>
+</div>
diff --git a/pages/copy/stride.html b/pages/copy/stride.html
new file mode 100644
index 0000000..c02c138
--- /dev/null
+++ b/pages/copy/stride.html
@@ -0,0 +1,155 @@
+<div class="text-gray-950">
+  <block class="horizontal justify-between">
+    <logo><img class="inline" src="/icons/box.svg"/> STRIDE</logo>
+    <menu>
+      <img src="/icons/menu.svg"/>
+    </menu>
+  </block>
+
+  <stack>
+    <shape class="xxl"></shape>
+
+    <block class="justify-end gap-4">
+      <h2>Stride Game Engine</h2>
+
+      <p>Stride is a free and open-source cross-platform C# game engine.</p>
+
+      <p>It is fit for both 2D and 3D games, as well as any other interactive content running on desktop and VR.</p>
+
+      <div class="flex gap-4">
+        <button class="btn-alert"><img class="inline" src="/icons/download.svg"/> Download 4.2</button>
+        <button class="btn-primary"><img class="inline" src="/icons/alert-circle.svg" />Donate</button>
+      </div>
+    </block>
+  </stack>
+
+  <block>
+    <panel class="gap-5 flex flex-col border-2 shadow-lg border-gray-300">
+      <shape class="video"></shape>
+
+      <block class="w-fit">
+        <h3>Bet on the future</h3>
+        <ul class="pb-5">
+          <li>Blah blah blah</li>
+          <li>Blah blah blah</li>
+          <li>Blah blah blah</li>
+          <li>Blah blah blah</li>
+          <li>Blah blah blah</li>
+        </ul>
+
+        <button class="btn-alert">Discover more</button>
+      </block>
+
+    </panel>
+
+    <hr class="pb-6"/>
+
+    <panel class="gap-5 flex flex-col border-2 shadow-lg border-gray-300">
+      <shape class="video"></shape>
+
+      <block class="w-fit">
+        <h3>Bet on the future</h3>
+        <ul class="pb-5">
+          <li>Blah blah blah</li>
+          <li>Blah blah blah</li>
+          <li>Blah blah blah</li>
+          <li>Blah blah blah</li>
+          <li>Blah blah blah</li>
+        </ul>
+
+        <button class="btn-alert">Discover more</button>
+      </block>
+
+    </panel>
+
+    <hr class="pb-6" />
+
+    <block class="bg-gray-300 shadow-lg">
+      <h3>Recent blog posts</h3>
+
+      <grid class="grid-cols-3">
+        <block class="border-1 border-gray-500">
+          <h5>A look inside</h5>
+          <date class="text-sm"><img class="inline" src="/icons/calendar.svg"> April 09, 2025</date>
+
+          <p class="pb-4 pt-4">Distant Worlds 2, the sequel to the acclaimed 4X strategy game Distant Worlds: Universe, was developed by Code Force and published by Slitherine. In this blog post, the developers answer key questions from the Stride community, offering insights into their experience using the Stride engine to bring their ambitious galaxy-spanning strategy game to life.</p>
+
+          <button class="btn-alert">Read More</button>
+        </block>
+
+        <block class="border-1 border-gray-500">
+          <h5>A look inside</h5>
+          <date class="text-sm"><img class="inline" src="/icons/calendar.svg"> April 09, 2025</date>
+
+          <p class="pb-4 pt-4">Distant Worlds 2, the sequel to the acclaimed 4X strategy game Distant Worlds: Universe, was developed by Code Force and published by Slitherine. In this blog post, the developers answer key questions from the Stride community, offering insights into their experience using the Stride engine to bring their ambitious galaxy-spanning strategy game to life.</p>
+
+          <button class="btn-alert">Read More</button>
+        </block>
+        <block class="border-1 border-gray-500">
+          <h5>A look inside</h5>
+          <date class="text-sm"><img class="inline" src="/icons/calendar.svg"> April 09, 2025</date>
+
+          <p class="pb-4 pt-4">Distant Worlds 2, the sequel to the acclaimed 4X strategy game Distant Worlds: Universe, was developed by Code Force and published by Slitherine. In this blog post, the developers answer key questions from the Stride community, offering insights into their experience using the Stride engine to bring their ambitious galaxy-spanning strategy game to life.</p>
+
+          <button class="btn-alert">Read More</button>
+        </block>
+
+      </grid>
+    </block>
+
+    <hr class="pb-6"/>
+
+    <block class="gap-4 bg-gray-300 shadow-lg">
+      <h4>Featured Sponsors</h4>
+
+      <p>Thanks to our featured sponsors for supporting Stride and empowering creators with the resources they need to bring their visions to life.</p>
+
+      <grid class="grid-cols-2">
+        <panel class="flex flex-col border-1 border-gray-500">
+          <div class="w-full aspect-video bg-gray-50">&nbsp;</div>
+
+          <block>
+          <p class="text-center">
+            A visual live-programming environment that takes you from rapid prototyping to final production.
+          </p>
+          </block>
+        </panel>
+        <panel class="flex flex-col border-1 border-gray-500">
+          <div class="w-full aspect-video bg-gray-50">&nbsp;</div>
+
+          <block>
+          <p class="text-center">
+            A visual live-programming environment that takes you from rapid prototyping to final production.
+          </p>
+          </block>
+        </panel>
+      </grid>
+    </block>
+  </block>
+
+  <block class="bg-gray-600 text-gray-50 gap-4">
+    <grid class="grid-cols-2">
+      <shape class="xxs">Content1</shape>
+      <shape class="xxs">Content2</shape>
+      <shape class="xxs">Content3</shape>
+      <shape class="xxs">Content4</shape>
+    </grid>
+
+    <div class="flex justify-center">
+      <img src="/icons/baby.svg" />
+      <img src="/icons/baby.svg" />
+      <img src="/icons/baby.svg" />
+      <img src="/icons/baby.svg" />
+      <img src="/icons/baby.svg" />
+      <img src="/icons/baby.svg" />
+      <img src="/icons/baby.svg" />
+      <img src="/icons/baby.svg" />
+    </div>
+
+    <div class="flex justify-evenly">
+      <span>Supported by the .NET Foundation</span>
+      <span>Website v.2.0.0.31</span>
+      <span>© .NET Foundation and Contributors</span>
+    </div>
+  </block>
+</div>
diff --git a/pages/layouts/copy.html b/pages/layouts/copy.html
new file mode 100644
index 0000000..caf7e16
--- /dev/null
+++ b/pages/layouts/copy.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width" />
+    <meta name="viewport" content="initial-scale=1.0" />
+    <meta name="author" content="Zed A. Shaw" />
+    <meta name="description" content="My Go learning project, which is a Twitch support thing." />
+    <link rel="icon" href="/favicon.ico" type="image/x-icon" />
+    <link rel="stylesheet" href="/style.css">
+    <script defer src="/js/alpine.js"></script>
+    <script src="/js/code.js"></script>
+    <title>ZedShaw.games</title>
+  </head>
+  <body data-testid="{{.PageId}}">
+    {{embed}}
+  </body>
+</html>