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

This commit is contained in:
Zed A. Shaw 2025-08-04 23:34:24 -04:00
parent d856784823
commit d98325564f
16 changed files with 26 additions and 53 deletions

5
pages/about.md Normal file
View file

@ -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.

View file

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

View file

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

View file

@ -1,4 +1,3 @@
<blockstart>
<h1>Zed's Game Dev Website</h1>
<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>
</block>
</blockstart>

View file

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

View file

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

View file

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

View file

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

View file

@ -2,22 +2,20 @@
let Streams = new PaginateTable("/api/stream");
</script>
<blockstart>
<block style="--value: 7">
<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>
</block>
<block style="--value: 7">
<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>
</block>
<block x-data="Streams">
<template x-for="item in contents">
<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>
<block x-data="Streams">
<template x-for="item in contents">
<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>

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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