diff --git a/api/controllers.go b/api/handlers.go
similarity index 67%
rename from api/controllers.go
rename to api/handlers.go
index 8a2197f..4d696d8 100644
--- a/api/controllers.go
+++ b/api/handlers.go
@@ -2,17 +2,12 @@ package api
 
 import (
   "log"
-  "strings"
   "time"
-  "io/fs"
-  "os"
-  "path/filepath"
 
   "github.com/gofiber/fiber/v2"
   _ "github.com/mattn/go-sqlite3"
   sq "github.com/Masterminds/squirrel"
   "github.com/gofiber/fiber/v2/middleware/session"
-  "github.com/gofiber/template/html/v2"
 
   "zedshaw.games/webapp/data"
 )
@@ -115,53 +110,10 @@ func PostApiLink(c *fiber.Ctx) error {
      return IfErrNil(err, c)
 }
 
-func RenderPages(pages_path string, target string) {
-
-  engine := html.New(pages_path, ".html")
-  engine.Load()
-
-  err := filepath.WalkDir(pages_path,
-    func(path string, d fs.DirEntry, err error) error  {
-      if !d.IsDir() {
-        if err != nil { log.Printf("ERROR: %v", err) }
-
-        dir := filepath.Dir(path)
-        err = os.MkdirAll(dir, 0750)
-        if err != nil { log.Fatalf("ERROR making dir %s, %v", dir, err) }
-
-        split_path := strings.Split(path, string(os.PathSeparator))[1:]
-        source_name := filepath.Join(split_path...)
-        ext := filepath.Ext(source_name)
-        name, found := strings.CutSuffix(source_name, ext)
-
-        if found {
-          log.Printf("name=%s, ext=%s, dir=%s, found=%v", name, ext, dir, found)
-
-          prefixed_path := append([]string{target}, split_path...)
-
-          target_path := filepath.Join(prefixed_path...)
-          log.Printf("target_path: %s", target_path)
-
-          out, err := os.OpenFile(target_path, os.O_RDWR|os.O_CREATE, 0644)
-          if err != nil { log.Fatalf("ERROR writing file %s", target_path) }
-
-          err = engine.Render(out, "game/1/turings-tarpit/index", fiber.Map{"Title": "Hello"})
-          if err != nil { log.Fatalf("failed to render %s, error=%v", path, err) }
-          out.Close()
-        }
-      }
-
-      return nil
-    })
-
-  if err != nil { log.Fatalf("can't walk content") }
-}
 
 func Setup(app *fiber.App) {
   STORE = session.New()
 
-  RenderPages("./pages", "./public")
-
   app.Static("/", "./public", fiber.Static{
     Compress: false,
     CacheDuration: 1 * time.Nanosecond,
diff --git a/main.go b/main.go
index 9eb52a8..be08d33 100644
--- a/main.go
+++ b/main.go
@@ -2,6 +2,10 @@ package main
 
 import (
   "log"
+  "strings"
+  "io/fs"
+  "fmt"
+  "path/filepath"
   "os"
   "os/signal"
   "syscall"
@@ -16,6 +20,56 @@ import (
   "zedshaw.games/webapp/data"
 )
 
+func Fail(err error, format string, v ...any) error {
+  err_format := fmt.Sprintf("ERROR: %v; %s", err, format)
+  log.Printf(err_format, v...)
+  return err
+}
+
+func RenderPages(pages_path string, target string) {
+  engine := html.New(pages_path, ".html")
+  engine.Load()
+
+  err := filepath.WalkDir(pages_path,
+    func(path string, d fs.DirEntry, err error) error  {
+      if !d.IsDir() {
+        if err != nil { return Fail(err, "path: %s", path); }
+
+        dir := filepath.Dir(path)
+        err = os.MkdirAll(dir, 0750)
+        if err != nil {
+          return Fail(err, "making dir %s", dir);
+        }
+
+        split_path := strings.Split(path, string(os.PathSeparator))[1:]
+        source_name := strings.Join(split_path, "/")  // Render wants / even on windows
+        ext := filepath.Ext(source_name)
+        template_name, found := strings.CutSuffix(source_name, ext)
+
+        if found && ext == ".html" {
+          prefixed_path := append([]string{target}, split_path...)
+
+          target_path := filepath.Join(prefixed_path...)
+
+          // compare time stamps and skip if not newer
+
+          out, err := os.OpenFile(target_path, os.O_RDWR|os.O_CREATE, 0644)
+          if err != nil { return Fail(err, "writing file %s", target_path) }
+
+          err = engine.Render(out, template_name, fiber.Map{"Title": "Hello"})
+          if err != nil { return Fail(err, "failed to render %s", path) }
+
+          log.Printf("RENDER: %s -> %s", template_name, target_path)
+          out.Close()
+        }
+      }
+
+      return nil
+    })
+
+  if err != nil { log.Fatalf("can't walk content") }
+}
+
 func main() {
   log.SetFlags(log.LstdFlags | log.Lshortfile)
 
@@ -28,6 +82,8 @@ func main() {
     StrictRouting: true,
   })
 
+  RenderPages("./pages", "./public")
+
   app.Use(logger.New())
   app.Use(recov.New())
 
diff --git a/pages/alpine_test.html b/pages/alpine_test.html
new file mode 100644
index 0000000..a6a81d8
--- /dev/null
+++ b/pages/alpine_test.html
@@ -0,0 +1,9 @@
+<html>
+<head>
+    <script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
+
+</head>
+<body>
+    <h1 x-data="{ message: 'I ❤️ Alpine' }" x-text="message"></h1>
+</body>
+</html>
diff --git a/pages/base.html b/pages/base.html
new file mode 100644
index 0000000..db8b9e6
--- /dev/null
+++ b/pages/base.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <link rel="stylesheet" href="/global.css">
+    <link rel="stylesheet" href="/color.css">
+    <link rel="stylesheet" href="/blockstart.css">
+    <title>ZedShaw's Game Thing</title>
+  </head>
+
+
+  <body>
+    <header>
+      <a href="/">🏡</a> <span>Zed's Game Dev Website Yay</span>
+    </header>
+
+    <blockstart>
+
+    </blockstart>
+
+    <footer>
+      <h1>Footer</h1>
+    </footer>
+  </body>
+</html>
diff --git a/pages/error/index.html b/pages/error/index.html
new file mode 100644
index 0000000..f828bf6
--- /dev/null
+++ b/pages/error/index.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <link rel="stylesheet" href="/global.css">
+    <link rel="stylesheet" href="/color.css">
+    <link rel="stylesheet" href="/blockstart.css">
+    <title>ZedShaw's Game Thing</title>
+  </head>
+
+
+  <body>
+    <header>
+      <a href="/">🏡</a> <span>Zed's Game Dev Website Yay</span>
+    </header>
+
+    <blockstart>
+    <h1>ERROR</h1>
+    <p>You have an error.</p>
+    </blockstart>
+
+    <footer>
+      <h1>Footer</h1>
+    </footer>
+  </body>
+</html>
diff --git a/pages/game/1/turings-tarpit/index.html b/pages/game/1/turings-tarpit/index.html
new file mode 100644
index 0000000..8c978be
--- /dev/null
+++ b/pages/game/1/turings-tarpit/index.html
@@ -0,0 +1,61 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <link rel="stylesheet" href="/global.css">
+    <link rel="stylesheet" href="/color.css">
+    <link rel="stylesheet" href="/blockstart.css">
+    <title>ZedShaw's Game Thing</title>
+    <script defer src="/js/alpine.js"></script>
+    <script src="/js/code.js"></script>
+    <script>
+      let req = new GetJson("/api/game/1/index.json");
+    </script>
+  </head>
+
+  <body x-init="Game = await req.theData()" x-data="{Game: {}}">
+    <header>
+      <a href="/">🏡</a> <span>Zed's Game Dev Website Yay</span>
+    </header>
+
+    <blockstart>
+    <shape style="--w: 100%; --h: 300px">Gameplay Demo Video</shape>
+
+    <block style="--value: 7">
+      <h1 x-text="Game.title">Title</h1>
+
+      <block class="horizontal">
+      <shape style="--w: 200px; --h: 200px;">Some Image</shape>
+
+      <p x-text="Game.description">Description</p>
+      </block>
+    </block>
+
+
+    <block>
+      <p>Polaroid retro pork belly yes plz bitters, viral chicharrones typewriter chartreuse vice Brooklyn. Adaptogen pour-over vibecession viral. Tote bag tonx DIY microdosing. Pickled selvage bespoke small batch, blue bottle twee tacos jean shorts before they sold out chicharrones solarpunk. Hoodie taiyaki poutine jianbing chambray.</p>
+    </block>
+
+    <block style="--value: 7;">
+      <h2>Current Status</h2>
+      <p>Polaroid retro pork belly yes plz bitters, viral chicharrones typewriter chartreuse vice Brooklyn. Adaptogen pour-over vibecession viral. Tote bag tonx DIY microdosing. Pickled selvage bespoke small batch, blue bottle twee tacos jean shorts before they sold out chicharrones solarpunk. Hoodie taiyaki poutine jianbing chambray.</p>
+    </block>
+
+    <block>
+      <h2>Planned Work</h2>
+      <p>Polaroid retro pork belly yes plz bitters, viral chicharrones typewriter chartreuse vice Brooklyn. Adaptogen pour-over vibecession viral. Tote bag tonx DIY microdosing. Pickled selvage bespoke small batch, blue bottle twee tacos jean shorts before they sold out chicharrones solarpunk. Hoodie taiyaki poutine jianbing chambray.</p>
+    </block>
+
+    <block style="--value: 2; --text: 9">
+      <h2>Read The Code</h2>
+      <p>Polaroid retro pork belly yes plz bitters, viral chicharrones typewriter chartreuse vice Brooklyn. Adaptogen pour-over vibecession viral. Tote bag tonx DIY microdosing. Pickled selvage bespoke small batch, blue bottle twee tacos jean shorts before they sold out chicharrones solarpunk. Hoodie taiyaki poutine jianbing chambray.</p>
+      <button><a href="https://git.learnjsthehardway.com/learn-code-the-hard-way/turings-tarpit">View the Git</a></button>
+    </block>
+
+    </blockstart>
+
+    <footer>
+      <h1>Footer</h1>
+    </footer>
+  </body>
+</html>
diff --git a/pages/game/index.html b/pages/game/index.html
new file mode 100644
index 0000000..6f3e316
--- /dev/null
+++ b/pages/game/index.html
@@ -0,0 +1,76 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <link rel="stylesheet" href="/global.css">
+    <link rel="stylesheet" href="/color.css">
+    <link rel="stylesheet" href="/blockstart.css">
+    <title>ZedShaw's Game Thing</title>
+    <script defer src="/js/alpine.js"></script>
+    <script src="/js/code.js"></script>
+    <script>
+      let Games = new GetJson("/api/game/index.json");
+    </script>
+  </head>
+
+  <body>
+    <header>
+      <a href="/">🏡</a> <span>Zed's Game Dev Website Yay</span>
+    </header>
+
+    <blockstart>
+    <block style="--w: 100%; --value: 7">
+      <h1>Zed's Trash Ass Games</h1>
+
+      <p>More fun than a barrel full of monkeys with syphilus.
+      </p>
+    </block>
+
+    <hr/>
+    <grid x-data="Games" style="--cols: 2">
+      <template x-for="item in theData">
+        <shape style="--h: 200px"><a x-text="item.title" x-bind:href="item.url"></a></shape>
+      </template>
+    </grid>
+
+    <block style="--value: 7">
+    <grid style="--cols: 2">
+    <shape>Left Image</shape>
+    <div>
+    <h2>Checkout my Git</h2>
+    <p>I put al of my code online for people to read and study.  If you're curious about the code behind my games or anything else I make then take a look at my git. It's like a buffet of half-finished genius.</p>
+
+    <a href="https://git.learnjsthehardway.com"><button style="--value: 2; --text: 9">View my Git</button></a>
+    </div>
+    </grid>
+    </block>
+
+
+    </blockstart>
+
+    <footer>
+      <h1>Footer</h1>
+    </footer>
+  </body>
+</html>
+x DIY microdosing. Pickled selvage bespoke small batch, blue bottle twee tacos jean shorts before they sold out chicharrones solarpunk. Hoodie taiyaki poutine jianbing chambray.</p>
+    </block>
+
+    <block>
+      <h2>Planned Work</h2>
+      <p>Polaroid retro pork belly yes plz bitters, viral chicharrones typewriter chartreuse vice Brooklyn. Adaptogen pour-over vibecession viral. Tote bag tonx DIY microdosing. Pickled selvage bespoke small batch, blue bottle twee tacos jean shorts before they sold out chicharrones solarpunk. Hoodie taiyaki poutine jianbing chambray.</p>
+    </block>
+
+    <block style="--value: 2; --text: 9">
+      <h2>Read The Code</h2>
+      <p>Polaroid retro pork belly yes plz bitters, viral chicharrones typewriter chartreuse vice Brooklyn. Adaptogen pour-over vibecession viral. Tote bag tonx DIY microdosing. Pickled selvage bespoke small batch, blue bottle twee tacos jean shorts before they sold out chicharrones solarpunk. Hoodie taiyaki poutine jianbing chambray.</p>
+      <button><a href="https://git.learnjsthehardway.com/learn-code-the-hard-way/turings-tarpit">View the Git</a></button>
+    </block>
+
+    </blockstart>
+
+    <footer>
+      <h1>Footer</h1>
+    </footer>
+  </body>
+</html>
diff --git a/pages/index.html b/pages/index.html
new file mode 100644
index 0000000..572d2fc
--- /dev/null
+++ b/pages/index.html
@@ -0,0 +1,87 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <link rel="stylesheet" href="/global.css">
+    <link rel="stylesheet" href="/color.css">
+    <link rel="stylesheet" href="/blockstart.css">
+    <title>ZedShaw's Game Thing</title>
+  </head>
+
+  <body data-testid="home-page">
+    <header>
+      <a href="/">🏡</a> <span>Zed's Game Dev Website Yay</span>
+    </header>
+
+    <blockstart>
+    <h1>Zed's Game Dev Website</h1>
+
+    <shape style="--w: 100%; --h: 300px">
+    <button><a id="streams" href="/stream/">View Past Streams</a></button>
+    <button><a href="/live/">Watch Today's Livestream</a></button>
+    </shape>
+
+    <block data-testid="clickblock">
+    <p>Zombie ipsum reversus ab viral inferno, nam rick grimes malum cerebro. De carne lumbering animata corpora quaeritis. Summus brains sit​​, morbo vel maleficia? De apocalypsi gorger omero undead survivor dictum mauris. Hi mindless mortuis soulless creaturas, imo evil stalking monstra adventus resi dentevil vultus comedat cerebella viventium. Qui animated corpse, cricket bat max brucks terribilem incessu zomby.
+    </p>
+    </block>
+
+    <block style="--value: 7; --border: 1px;" class="horizontal">
+    <grid style="--cols: 2">
+    <shape>Left Image</shape>
+    <div>
+      <h3>I stream on Twitch.</h3>
+
+      <p>I stream every day at 10AM/10PM EST time.  60% of the time it's a chill laid back stream with only programming and a bit of talking about programming.  30% of the time it's art for games I'm making. 10% of the time it's games I'm playing.</p>
+
+      <a href="https://twitch.tv/zedashaw"><button style="--value: 2; --text: 9">Watch me on Twitch</button></a>
+    </div>
+    </grid>
+    </block>
+
+    <block>
+    <p>Zombie ipsum reversus ab viral inferno, nam rick grimes malum cerebro. De carne lumbering animata corpora quaeritis. Summus brains sit​​, morbo vel maleficia? De apocalypsi gorger omero undead survivor dictum mauris. Hi mindless mortuis soulless creaturas, imo evil stalking monstra adventus resi dentevil vultus comedat cerebella viventium. Qui animated corpse, cricket bat max brucks terribilem incessu zomby.
+    </p>
+    </block>
+
+    <block style="--value: 7">
+    <grid style="--cols: 2">
+    <div>
+    <h2>Zed's Trash Ass Games</h2>
+    <p>Are you a fan of retro styled half-assed but fun games?  Me too, so here's my games I've made with that theme.  Think "it's the late 80s and nobody knows how to make a game" when you play these and you'll enjoy every minute of it.</p>
+
+    <a href="/game/"><button style="--value: 2; --text: 9">Play my Games</button></a>
+    </div>
+    <shape>Right Image</shape>
+    </grid>
+    </block>
+
+    <block>
+    <p>Zombie ipsum reversus ab viral inferno, nam rick grimes malum cerebro. De carne lumbering animata corpora quaeritis. Summus brains sit​​, morbo vel maleficia? De apocalypsi gorger omero undead survivor dictum mauris. Hi mindless mortuis soulless creaturas, imo evil stalking monstra adventus resi dentevil vultus comedat cerebella viventium. Qui animated corpse, cricket bat max brucks terribilem incessu zomby.
+    </p>
+    </block>
+
+    <block style="--value: 7">
+    <grid style="--cols: 2">
+    <shape>Left Image</shape>
+    <div>
+    <h2>Checkout my Git</h2>
+    <p>I put al of my code online for people to read and study.  If you're curious about the code behind my games or anything else I make then take a look at my git. It's like a buffet of half-finished genius.</p>
+
+    <a href="https://git.learnjsthehardway.com"><button style="--value: 2; --text: 9">View my Git</button></a>
+    </div>
+    </grid>
+    </block>
+
+    <block>
+    <p>Zombie ipsum reversus ab viral inferno, nam rick grimes malum cerebro. De carne lumbering animata corpora quaeritis. Summus brains sit​​, morbo vel maleficia? De apocalypsi gorger omero undead survivor dictum mauris. Hi mindless mortuis soulless creaturas, imo evil stalking monstra adventus resi dentevil vultus comedat cerebella viventium. Qui animated corpse, cricket bat max brucks terribilem incessu zomby.
+    </p>
+    </block>
+
+    </blockstart>
+
+    <footer>
+      <h1>Footer</h1>
+    </footer>
+  </body>
+</html>
diff --git a/pages/live/index.html b/pages/live/index.html
new file mode 100644
index 0000000..235a9f3
--- /dev/null
+++ b/pages/live/index.html
@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <link rel="stylesheet" href="/global.css">
+    <link rel="stylesheet" href="/color.css">
+    <link rel="stylesheet" href="/blockstart.css">
+    <title>ZedShaw's Game Thing</title>
+    <script defer src="/js/alpine.js"></script>
+    <script src="/js/code.js"></script>
+    <script>
+      let req = new GetJson("/api/stream/1");
+      let link_req = new GetJson("/api/stream/1/links");
+    </script>
+  </head>
+
+  <body x-init="Stream = await req.theData()" x-data="{Stream: {}}">
+    <header>
+      <a href="/">🏡</a> <span>Zed's Game Dev Website Yay</span>
+    </header>
+
+    <blockstart>
+
+    <shape style="--w: 100%; --h: 350px">
+    Stream Viewer
+    </shape>
+
+    <block>
+      <h2>Links Found in Chat</h2>
+      <ul x-init="links = await link_req.theData()" x-data="{links: {}}">
+        <template x-for="item in links">
+          <li><a x-text="item.description" x-bind:href="item.url"></a></li>
+        </template>
+      </ul>
+    </block>
+
+    <form action="/api/link" method="POST">
+      <card>
+        <top>Submit a Link</top>
+        <middle>
+          <input name="stream_id" type="hidden" value="1">
+          <input name="url" type="text" placeholder="Link Url">
+          <input name="description" type="text" placeholder="Description">
+        </middle>
+      </card>
+      <buttons>
+        <button type="submit">Send It</button>
+      </buttons>
+    </form>
+
+    </blockstart>
+
+    <footer>
+      <h1>Footer</h1>
+    </footer>
+  </body>
+</html>
diff --git a/pages/login/index.html b/pages/login/index.html
new file mode 100644
index 0000000..c04a523
--- /dev/null
+++ b/pages/login/index.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <link rel="stylesheet" href="/global.css">
+    <link rel="stylesheet" href="/color.css">
+    <link rel="stylesheet" href="/blockstart.css">
+    <title>ZedShaw's Game Thing</title>
+  </head>
+
+  <body data-testid="login-page">
+    <header>
+      <a href="/">🏡</a> <span>Zed's Game Dev Website Yay</span>
+    </header>
+
+    <blockstart style="min-height: 90vw">
+    <h1>Login</h1>
+    <block class="center-self" style="--w: 500px; --h: 500px;">
+      <form action="/api/login" method="POST">
+        <card>
+          <top><h2 style="color: white">Login</h2></top>
+          <middle>
+            <label for="username">Username</label>
+            <input id="username" name="username" placeholder="Username" type="text">
+            <label for="password">Password</label>
+            <input id="password" name="password" placeholder="Password" type="password">
+          </middle>
+          <bottom>
+            <button-group>
+              <button type="button">Cancel</button>
+              <button id="login-submit" type="submit">Login</button>
+            </button-group>
+          </bottom>
+        </card>
+      </form>
+      <div class="center"><a href="/register/">Need an account? Click to Register.</a></div>
+    </block>
+    </blockstart>
+
+    <footer>
+      <h1>Footer</h1>
+    </footer>
+  </body>
+</html>
diff --git a/pages/register/index.html b/pages/register/index.html
new file mode 100644
index 0000000..fda03b8
--- /dev/null
+++ b/pages/register/index.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <link rel="stylesheet" href="/global.css">
+    <link rel="stylesheet" href="/color.css">
+    <link rel="stylesheet" href="/blockstart.css">
+    <title>ZedShaw's Game Thing</title>
+  </head>
+
+  <body data-testid="register-page">
+    <header>
+      <a href="/">🏡</a> <span>Zed's Game Dev Website Yay</span>
+    </header>
+
+    <blockstart style="min-height: 90vw">
+    <h1>Login</h1>
+    <block class="center-self" style="--w: 500px; --h: 500px;">
+      <form action="/api/register" method="POST">
+        <card>
+          <top><h2 style="color: white">Register</h2></top>
+          <middle>
+            <label for="username">Username</label>
+            <input id="username" name="username" placeholder="Username" type="text">
+            <label for="email">Email</label>
+            <input id="email" name="email" placeholder="Email" type="text">
+            <label for="password">Password</label>
+            <input id="password" name="password" placeholder="Password" type="password">
+          </middle>
+          <bottom>
+            <button-group>
+              <button type="button">Cancel</button>
+              <button id="register-submit" type="submit">Register</button>
+            </button-group>
+          </bottom>
+        </card>
+      </form>
+      <div class="center"><a href="/login/">Have an account? Click to Login.</a></div>
+    </block>
+    </blockstart>
+
+    <footer>
+      <h1>Footer</h1>
+    </footer>
+  </body>
+</html>
diff --git a/pages/stream/1/index.html b/pages/stream/1/index.html
new file mode 100644
index 0000000..78c6ba1
--- /dev/null
+++ b/pages/stream/1/index.html
@@ -0,0 +1,81 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <link rel="stylesheet" href="/global.css">
+    <link rel="stylesheet" href="/color.css">
+    <link rel="stylesheet" href="/blockstart.css">
+    <title>ZedShaw's Game Thing</title>
+    <script defer src="/js/alpine.js"></script>
+    <script src="/js/code.js"></script>
+    <script>
+      let req = new GetJson("/api/stream/1");
+      let link_req = new GetJson("/api/stream/1/links");
+    </script>
+  </head>
+
+  <body x-init="Stream = await req.theData()" x-data="{Stream: {}}">
+    <header>
+      <a href="/">🏡</a> <span>Zed's Game Dev Website Yay</span>
+    </header>
+
+    <blockstart>
+
+    <block style="--value: 7">
+    <h1 x-text="Stream.title"></h1>
+
+      <div>
+        <p x-text="Stream.description"></p>
+      </div>
+    </block>
+
+    <block>
+      <p>Qui animated corpse, cricket bat max brucks terribilem incessu zomby. The voodoo sacerdos flesh eater, suscitat mortuos comedere carnem virus. Zonbi tattered for solum oculi eorum defunctis go lum cerebro. Nescio brains an Undead zombies. Sicut malus putrid voodoo horror.</p>
+    </block>
+
+    <block>
+      <h2>Links Posted</h2>
+
+      <ul x-init="links = await link_req.theData()" x-data="{links: {}}">
+        <template x-for="item in links">
+          <li><a x-text="item.description" x-bind:href="item.url"></a></li>
+        </template>
+      </ul>
+    </block>
+
+    <block style="--value: 7; --border: 1px;" class="horizontal">
+    <grid style="--cols: 2">
+    <shape>Left Image</shape>
+    <div>
+      <h3>I stream on Twitch.</h3>
+
+      <p>I stream every day at 10AM/10PM EST time.  60% of the time it's a chill laid back stream with only programming and a bit of talking about programming.  30% of the time it's art for games I'm making. 10% of the time it's games I'm playing.</p>
+
+      <a href="https://twitch.tv/zedashaw"><button style="--value: 2; --text: 9">Watch me on Twitch</button></a>
+    </div>
+    </grid>
+    </block>
+
+    </blockstart>
+
+    <footer>
+      <h1>Footer</h1>
+    </footer>
+  </body>
+</html>
+i poutine jianbing chambray.</p>
+    </block>
+
+    <block style="--value: 2; --text: 9">
+      <h2>Read The Code</h2>
+      <p>Polaroid retro pork belly yes plz bitters, viral chicharrones typewriter chartreuse vice Brooklyn. Adaptogen pour-over vibecession viral. Tote bag tonx DIY microdosing. Pickled selvage bespoke small batch, blue bottle twee tacos jean shorts before they sold out chicharrones solarpunk. Hoodie taiyaki poutine jianbing chambray.</p>
+      <button><a href="https://git.learnjsthehardway.com/learn-code-the-hard-way/turings-tarpit">View the Git</a></button>
+    </block>
+
+    </blockstart>
+
+    <footer>
+      <h1>Footer</h1>
+    </footer>
+  </body>
+</html>
diff --git a/pages/stream/index.html b/pages/stream/index.html
new file mode 100644
index 0000000..e2e025c
--- /dev/null
+++ b/pages/stream/index.html
@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <link rel="stylesheet" href="/global.css">
+    <link rel="stylesheet" href="/color.css">
+    <link rel="stylesheet" href="/blockstart.css">
+    <title>ZedShaw's Game Thing</title>
+    <script defer src="/js/alpine.js"></script>
+    <script src="/js/code.js"></script>
+    <script>
+      let Streams = new GetJson("/api/stream/");
+    </script>
+  </head>
+
+
+  <body>
+    <header>
+      <a href="/">🏡</a> <span>Zed's Game Dev Website Yay</span>
+    </header>
+
+    <blockstart>
+      <block style="--value: 7">
+        <h1 id="streams-title">Past Streams</h1>
+        <p>This is where you can checkout information we dropped in a past stream. Did I post a link and you need to remember it? Did someone in chat mention something?  Here's where you find it.</p>
+      </block>
+
+      <block x-data="Streams">
+        <template x-for="item in theData">
+          <stream class="horizontal">
+            <shape style="--w: 100px; --h: 100px">Stream Thumbnail</shape>
+            <info>
+              <date x-text="item.date"></date>
+              <p x-text="item.description"></p>
+              <a style="text-align: right" x-bind:href="'/stream/' + item.id + '/'">View This Stream</a>
+            </info>
+          </stream>
+        </template>
+      </block>
+
+    </blockstart>
+
+    <footer>
+      <h1>Footer</h1>
+    </footer>
+  </body>
+</html>
+ral chicharrones typewriter chartreuse vice Brooklyn. Adaptogen pour-over vibecession viral. Tote bag tonx DIY microdosing. Pickled selvage bespoke small batch, blue bottle twee tacos jean shorts before they sold out chicharrones solarpunk. Hoodie taiyaki poutine jianbing chambray.</p>
+    </block>
+
+    <block>
+      <h2>Planned Work</h2>
+      <p>Polaroid retro pork belly yes plz bitters, viral chicharrones typewriter chartreuse vice Brooklyn. Adaptogen pour-over vibecession viral. Tote bag tonx DIY microdosing. Pickled selvage bespoke small batch, blue bottle twee tacos jean shorts before they sold out chicharrones solarpunk. Hoodie taiyaki poutine jianbing chambray.</p>
+    </block>
+
+    <block style="--value: 2; --text: 9">
+      <h2>Read The Code</h2>
+      <p>Polaroid retro pork belly yes plz bitters, viral chicharrones typewriter chartreuse vice Brooklyn. Adaptogen pour-over vibecession viral. Tote bag tonx DIY microdosing. Pickled selvage bespoke small batch, blue bottle twee tacos jean shorts before they sold out chicharrones solarpunk. Hoodie taiyaki poutine jianbing chambray.</p>
+      <button><a href="https://git.learnjsthehardway.com/learn-code-the-hard-way/turings-tarpit">View the Git</a></button>
+    </block>
+
+    </blockstart>
+
+    <footer>
+      <h1>Footer</h1>
+    </footer>
+  </body>
+</html>
diff --git a/public/alpine_test.html b/public/alpine_test.html
index a6a81d8..007810f 100644
--- a/public/alpine_test.html
+++ b/public/alpine_test.html
@@ -7,3 +7,58 @@
     <h1 x-data="{ message: 'I ❤️ Alpine' }" x-text="message"></h1>
 </body>
 </html>
+s">
+    <title>ZedShaw's Game Thing</title>
+    <script defer src="/js/alpine.js"></script>
+    <script src="/js/code.js"></script>
+    <script>
+      let req = new GetJson("/api/game/1/index.json");
+    </script>
+  </head>
+
+  <body x-init="Game = await req.theData()" x-data="{Game: {}}">
+    <header>
+      <a href="/">🏡</a> <span>Zed's Game Dev Website Yay</span>
+    </header>
+
+    <blockstart>
+    <shape style="--w: 100%; --h: 300px">Gameplay Demo Video</shape>
+
+    <block style="--value: 7">
+      <h1 x-text="Game.title">Title</h1>
+
+      <block class="horizontal">
+      <shape style="--w: 200px; --h: 200px;">Some Image</shape>
+
+      <p x-text="Game.description">Description</p>
+      </block>
+    </block>
+
+
+    <block>
+      <p>Polaroid retro pork belly yes plz bitters, viral chicharrones typewriter chartreuse vice Brooklyn. Adaptogen pour-over vibecession viral. Tote bag tonx DIY microdosing. Pickled selvage bespoke small batch, blue bottle twee tacos jean shorts before they sold out chicharrones solarpunk. Hoodie taiyaki poutine jianbing chambray.</p>
+    </block>
+
+    <block style="--value: 7;">
+      <h2>Current Status</h2>
+      <p>Polaroid retro pork belly yes plz bitters, viral chicharrones typewriter chartreuse vice Brooklyn. Adaptogen pour-over vibecession viral. Tote bag tonx DIY microdosing. Pickled selvage bespoke small batch, blue bottle twee tacos jean shorts before they sold out chicharrones solarpunk. Hoodie taiyaki poutine jianbing chambray.</p>
+    </block>
+
+    <block>
+      <h2>Planned Work</h2>
+      <p>Polaroid retro pork belly yes plz bitters, viral chicharrones typewriter chartreuse vice Brooklyn. Adaptogen pour-over vibecession viral. Tote bag tonx DIY microdosing. Pickled selvage bespoke small batch, blue bottle twee tacos jean shorts before they sold out chicharrones solarpunk. Hoodie taiyaki poutine jianbing chambray.</p>
+    </block>
+
+    <block style="--value: 2; --text: 9">
+      <h2>Read The Code</h2>
+      <p>Polaroid retro pork belly yes plz bitters, viral chicharrones typewriter chartreuse vice Brooklyn. Adaptogen pour-over vibecession viral. Tote bag tonx DIY microdosing. Pickled selvage bespoke small batch, blue bottle twee tacos jean shorts before they sold out chicharrones solarpunk. Hoodie taiyaki poutine jianbing chambray.</p>
+      <button><a href="https://git.learnjsthehardway.com/learn-code-the-hard-way/turings-tarpit">View the Git</a></button>
+    </block>
+
+    </blockstart>
+
+    <footer>
+      <h1>Footer</h1>
+    </footer>
+  </body>
+</html>
diff --git a/public/base.html b/public/base.html
index db8b9e6..123e0a3 100644
--- a/public/base.html
+++ b/public/base.html
@@ -23,3 +23,49 @@
     </footer>
   </body>
 </html>
+a()" x-data="{Game: {}}">
+    <header>
+      <a href="/">🏡</a> <span>Zed's Game Dev Website Yay</span>
+    </header>
+
+    <blockstart>
+    <shape style="--w: 100%; --h: 300px">Gameplay Demo Video</shape>
+
+    <block style="--value: 7">
+      <h1 x-text="Game.title">Title</h1>
+
+      <block class="horizontal">
+      <shape style="--w: 200px; --h: 200px;">Some Image</shape>
+
+      <p x-text="Game.description">Description</p>
+      </block>
+    </block>
+
+
+    <block>
+      <p>Polaroid retro pork belly yes plz bitters, viral chicharrones typewriter chartreuse vice Brooklyn. Adaptogen pour-over vibecession viral. Tote bag tonx DIY microdosing. Pickled selvage bespoke small batch, blue bottle twee tacos jean shorts before they sold out chicharrones solarpunk. Hoodie taiyaki poutine jianbing chambray.</p>
+    </block>
+
+    <block style="--value: 7;">
+      <h2>Current Status</h2>
+      <p>Polaroid retro pork belly yes plz bitters, viral chicharrones typewriter chartreuse vice Brooklyn. Adaptogen pour-over vibecession viral. Tote bag tonx DIY microdosing. Pickled selvage bespoke small batch, blue bottle twee tacos jean shorts before they sold out chicharrones solarpunk. Hoodie taiyaki poutine jianbing chambray.</p>
+    </block>
+
+    <block>
+      <h2>Planned Work</h2>
+      <p>Polaroid retro pork belly yes plz bitters, viral chicharrones typewriter chartreuse vice Brooklyn. Adaptogen pour-over vibecession viral. Tote bag tonx DIY microdosing. Pickled selvage bespoke small batch, blue bottle twee tacos jean shorts before they sold out chicharrones solarpunk. Hoodie taiyaki poutine jianbing chambray.</p>
+    </block>
+
+    <block style="--value: 2; --text: 9">
+      <h2>Read The Code</h2>
+      <p>Polaroid retro pork belly yes plz bitters, viral chicharrones typewriter chartreuse vice Brooklyn. Adaptogen pour-over vibecession viral. Tote bag tonx DIY microdosing. Pickled selvage bespoke small batch, blue bottle twee tacos jean shorts before they sold out chicharrones solarpunk. Hoodie taiyaki poutine jianbing chambray.</p>
+      <button><a href="https://git.learnjsthehardway.com/learn-code-the-hard-way/turings-tarpit">View the Git</a></button>
+    </block>
+
+    </blockstart>
+
+    <footer>
+      <h1>Footer</h1>
+    </footer>
+  </body>
+</html>
diff --git a/public/game/index.html b/public/game/index.html
index fbd073b..6f3e316 100644
--- a/public/game/index.html
+++ b/public/game/index.html
@@ -46,6 +46,27 @@
     </block>
 
 
+    </blockstart>
+
+    <footer>
+      <h1>Footer</h1>
+    </footer>
+  </body>
+</html>
+x DIY microdosing. Pickled selvage bespoke small batch, blue bottle twee tacos jean shorts before they sold out chicharrones solarpunk. Hoodie taiyaki poutine jianbing chambray.</p>
+    </block>
+
+    <block>
+      <h2>Planned Work</h2>
+      <p>Polaroid retro pork belly yes plz bitters, viral chicharrones typewriter chartreuse vice Brooklyn. Adaptogen pour-over vibecession viral. Tote bag tonx DIY microdosing. Pickled selvage bespoke small batch, blue bottle twee tacos jean shorts before they sold out chicharrones solarpunk. Hoodie taiyaki poutine jianbing chambray.</p>
+    </block>
+
+    <block style="--value: 2; --text: 9">
+      <h2>Read The Code</h2>
+      <p>Polaroid retro pork belly yes plz bitters, viral chicharrones typewriter chartreuse vice Brooklyn. Adaptogen pour-over vibecession viral. Tote bag tonx DIY microdosing. Pickled selvage bespoke small batch, blue bottle twee tacos jean shorts before they sold out chicharrones solarpunk. Hoodie taiyaki poutine jianbing chambray.</p>
+      <button><a href="https://git.learnjsthehardway.com/learn-code-the-hard-way/turings-tarpit">View the Git</a></button>
+    </block>
+
     </blockstart>
 
     <footer>
diff --git a/public/stream/1/index.html b/public/stream/1/index.html
index f037341..78c6ba1 100644
--- a/public/stream/1/index.html
+++ b/public/stream/1/index.html
@@ -63,3 +63,19 @@
     </footer>
   </body>
 </html>
+i poutine jianbing chambray.</p>
+    </block>
+
+    <block style="--value: 2; --text: 9">
+      <h2>Read The Code</h2>
+      <p>Polaroid retro pork belly yes plz bitters, viral chicharrones typewriter chartreuse vice Brooklyn. Adaptogen pour-over vibecession viral. Tote bag tonx DIY microdosing. Pickled selvage bespoke small batch, blue bottle twee tacos jean shorts before they sold out chicharrones solarpunk. Hoodie taiyaki poutine jianbing chambray.</p>
+      <button><a href="https://git.learnjsthehardway.com/learn-code-the-hard-way/turings-tarpit">View the Git</a></button>
+    </block>
+
+    </blockstart>
+
+    <footer>
+      <h1>Footer</h1>
+    </footer>
+  </body>
+</html>
diff --git a/public/stream/index.html b/public/stream/index.html
index ec64d86..e2e025c 100644
--- a/public/stream/index.html
+++ b/public/stream/index.html
@@ -45,3 +45,24 @@
     </footer>
   </body>
 </html>
+ral chicharrones typewriter chartreuse vice Brooklyn. Adaptogen pour-over vibecession viral. Tote bag tonx DIY microdosing. Pickled selvage bespoke small batch, blue bottle twee tacos jean shorts before they sold out chicharrones solarpunk. Hoodie taiyaki poutine jianbing chambray.</p>
+    </block>
+
+    <block>
+      <h2>Planned Work</h2>
+      <p>Polaroid retro pork belly yes plz bitters, viral chicharrones typewriter chartreuse vice Brooklyn. Adaptogen pour-over vibecession viral. Tote bag tonx DIY microdosing. Pickled selvage bespoke small batch, blue bottle twee tacos jean shorts before they sold out chicharrones solarpunk. Hoodie taiyaki poutine jianbing chambray.</p>
+    </block>
+
+    <block style="--value: 2; --text: 9">
+      <h2>Read The Code</h2>
+      <p>Polaroid retro pork belly yes plz bitters, viral chicharrones typewriter chartreuse vice Brooklyn. Adaptogen pour-over vibecession viral. Tote bag tonx DIY microdosing. Pickled selvage bespoke small batch, blue bottle twee tacos jean shorts before they sold out chicharrones solarpunk. Hoodie taiyaki poutine jianbing chambray.</p>
+      <button><a href="https://git.learnjsthehardway.com/learn-code-the-hard-way/turings-tarpit">View the Git</a></button>
+    </block>
+
+    </blockstart>
+
+    <footer>
+      <h1>Footer</h1>
+    </footer>
+  </body>
+</html>
diff --git a/util/util.go b/util/util.go
deleted file mode 100644
index 245747b..0000000
--- a/util/util.go
+++ /dev/null
@@ -1,13 +0,0 @@
-package util
-
-import (
-  "log"
-)
-
-func HandlePanic(message string) func() {
-  return func() {
-    if r := recover(); r != nil {
-      log.Println(message, r)
-    }
-  }
-}