Updated the layout to have a blockstart for every page so that markdown works.

main
Zed A. Shaw 4 days ago
parent d856784823
commit d98325564f
  1. 5
      pages/about.md
  2. 2
      pages/error/index.html
  3. 4
      pages/game/index.html
  4. 3
      pages/index.html
  5. 2
      pages/layouts/main.html
  6. 4
      pages/live/index.html
  7. 2
      pages/login/index.html
  8. 2
      pages/register/index.html
  9. 34
      pages/stream/index.html
  10. 3
      views/admin/table/contents.html
  11. 3
      views/admin/table/index.html
  12. 3
      views/admin/table/new.html
  13. 3
      views/admin/table/view.html
  14. 3
      views/game.html
  15. 2
      views/layouts/main.html
  16. 4
      views/stream.html

@ -0,0 +1,5 @@
# About Me
My name is Zed A. Shaw. I'm the author of Learn Python the Hardway, and many other books. I started
making games in 2025 using a variety of languages. What you're seeing here is the result of this
year's work.

@ -1,4 +1,2 @@
<blockstart>
<h1>ERROR</h1> <h1>ERROR</h1>
<p>You have an error.</p> <p>You have an error.</p>
</blockstart>

@ -1,7 +1,7 @@
<script> <script>
let Games = new PaginateTable("/api/game"); let Games = new PaginateTable("/api/game");
</script> </script>
<blockstart>
<block style="--w: 100%; --value: 7"> <block style="--w: 100%; --value: 7">
<h1 id="page-title">Zed's Trash Ass Games</h1> <h1 id="page-title">Zed's Trash Ass Games</h1>
@ -28,5 +28,3 @@
<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> <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> <button><a href="https://git.learnjsthehardway.com/learn-code-the-hard-way/turings-tarpit">View the Git</a></button>
</block> </block>
</blockstart>

@ -1,4 +1,3 @@
<blockstart>
<h1>Zed's Game Dev Website</h1> <h1>Zed's Game Dev Website</h1>
<shape style="--w: 100%; --h: 300px"> <shape style="--w: 100%; --h: 300px">
@ -62,5 +61,3 @@
<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>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> </p>
</block> </block>
</blockstart>

@ -28,7 +28,9 @@
</blockstart> </blockstart>
</header> </header>
<blockstart>
{{embed}} {{embed}}
</blockstart>
<footer> <footer>
<blockstart style="--value: 0; --text: 9"> <blockstart style="--value: 0; --text: 9">

@ -4,8 +4,6 @@
</script> </script>
<div x-init="Stream = await req.theData()" x-data="{Stream: {}}"> <div x-init="Stream = await req.theData()" x-data="{Stream: {}}">
<blockstart>
<shape style="--w: 100%; --h: 350px"> <shape style="--w: 100%; --h: 350px">
Stream Viewer Stream Viewer
</shape> </shape>
@ -32,6 +30,4 @@
<button id="submit" type="submit">Send It</button> <button id="submit" type="submit">Send It</button>
</buttons> </buttons>
</form> </form>
</blockstart>
</div> </div>

@ -1,4 +1,3 @@
<blockstart style="min-height: 90vw">
<h1>Login</h1> <h1>Login</h1>
<block class="center-self" style="--w: 500px; --h: 500px;"> <block class="center-self" style="--w: 500px; --h: 500px;">
<form action="/api/login" method="POST"> <form action="/api/login" method="POST">
@ -20,4 +19,3 @@
</form> </form>
<div class="center"><a href="/register/">Need an account? Click to Register.</a></div> <div class="center"><a href="/register/">Need an account? Click to Register.</a></div>
</block> </block>
</blockstart>

@ -1,4 +1,3 @@
<blockstart style="min-height: 90vw">
<h1>Login</h1> <h1>Login</h1>
<block class="center-self" style="--w: 500px; --h: 500px;"> <block class="center-self" style="--w: 500px; --h: 500px;">
<form action="/api/register" method="POST"> <form action="/api/register" method="POST">
@ -22,4 +21,3 @@
</form> </form>
<div class="center"><a href="/login/">Have an account? Click to Login.</a></div> <div class="center"><a href="/login/">Have an account? Click to Login.</a></div>
</block> </block>
</blockstart>

@ -2,22 +2,20 @@
let Streams = new PaginateTable("/api/stream"); let Streams = new PaginateTable("/api/stream");
</script> </script>
<blockstart> <block style="--value: 7">
<block style="--value: 7"> <h1 id="page-title">Past Streams</h1>
<h1 id="page-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>
<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>
<block x-data="Streams"> <block x-data="Streams">
<template x-for="item in contents"> <template x-for="item in contents">
<stream class="horizontal"> <stream class="horizontal">
<shape style="--w: 100px; --h: 100px">Stream Thumbnail</shape> <shape style="--w: 100px; --h: 100px">Stream Thumbnail</shape>
<info> <info>
<date x-text="item.date"></date> <date x-text="item.date"></date>
<p x-text="item.description"></p> <p x-text="item.description"></p>
<a style="text-align: right" x-bind:href="'/stream/' + item.id + '/'">View This Stream</a> <a style="text-align: right" x-bind:href="'/stream/' + item.id + '/'">View This Stream</a>
</info> </info>
</stream> </stream>
</template> </template>
</block> </block>
</blockstart>

@ -2,7 +2,6 @@
let thePage = new PaginateTable("/api/admin/table/{{ .Table }}"); let thePage = new PaginateTable("/api/admin/table/{{ .Table }}");
</script> </script>
<blockstart>
<h1><a href="/admin/table/">&laquo;</a> Admin {{ .Table }}</h1> <h1><a href="/admin/table/">&laquo;</a> Admin {{ .Table }}</h1>
<block x-data="thePage"> <block x-data="thePage">
@ -33,5 +32,3 @@
</template> </template>
</table> </table>
</block> </block>
</blockstart>

@ -2,7 +2,6 @@
let Data = new PaginateTable("/api/admin/table") let Data = new PaginateTable("/api/admin/table")
</script> </script>
<blockstart>
<h1>Admin Rows</h1> <h1>Admin Rows</h1>
<block x-data="Data"> <block x-data="Data">
@ -16,5 +15,3 @@
</template> </template>
</ul> </ul>
</block> </block>
</blockstart>

@ -2,7 +2,6 @@
let Data = new GetJson("/api/admin/new/table/{{ .Table }}"); let Data = new GetJson("/api/admin/new/table/{{ .Table }}");
</script> </script>
<blockstart>
<h1><a href="/admin/table/{{ .Table }}/">&laquo;</a>Admin {{ .Table }}</h1> <h1><a href="/admin/table/{{ .Table }}/">&laquo;</a>Admin {{ .Table }}</h1>
<block x-data="Data"> <block x-data="Data">
@ -27,5 +26,3 @@
</card> </card>
</form> </form>
</block> </block>
</blockstart>

@ -2,7 +2,6 @@
let Data = new GetJson("/api/admin/table/{{ .Table }}/{{ .Id }}"); let Data = new GetJson("/api/admin/table/{{ .Table }}/{{ .Id }}");
</script> </script>
<blockstart>
<h1><a href="/admin/table/{{ .Table }}/">&laquo;</a>Admin {{ .Table }}</h1> <h1><a href="/admin/table/{{ .Table }}/">&laquo;</a>Admin {{ .Table }}</h1>
<block x-data="Data"> <block x-data="Data">
@ -27,5 +26,3 @@
</card> </card>
</form> </form>
</block> </block>
</blockstart>

@ -2,7 +2,6 @@
let Game = new GetJson("/api/game/1"); let Game = new GetJson("/api/game/1");
</script> </script>
<blockstart>
<shape style="--w: 100%; --h: 300px">Gameplay Demo Video</shape> <shape style="--w: 100%; --h: 300px">Gameplay Demo Video</shape>
<block style="--value: 7" <block style="--value: 7"
@ -37,5 +36,3 @@
<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> <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> <button><a href="https://git.learnjsthehardway.com/learn-code-the-hard-way/turings-tarpit">View the Git</a></button>
</block> </block>
</blockstart>

@ -28,7 +28,9 @@
</blockstart> </blockstart>
</header> </header>
<blockstart>
{{embed}} {{embed}}
</blockstart>
<footer> <footer>
<blockstart style="--value: 0; --text: 9"> <blockstart style="--value: 0; --text: 9">

@ -4,8 +4,6 @@
</script> </script>
<div x-init="item = await Stream.item()" x-data="{item: {}}"> <div x-init="item = await Stream.item()" x-data="{item: {}}">
<blockstart>
<block style="--value: 7"> <block style="--value: 7">
<h1 x-text="item.title"></h1> <h1 x-text="item.title"></h1>
@ -40,6 +38,4 @@
</div> </div>
</grid> </grid>
</block> </block>
</blockstart>
</div> </div>

Loading…
Cancel
Save