site/zedshaw.games
1
0
Fork 0
Code Issues 7 Pull requests Projects Releases Packages Wiki Activity Actions

Fully converted to tailwind now.

Browse source
This commit is contained in:
Zed A. Shaw 2025-08-11 13:56:06 -04:00
parent 8906322b6d
commit 5da8697759
18 changed files with 386 additions and 122 deletions
Download patch file Download diff file Expand all files Collapse all files

3
pages/base.html
View file

@ -1,3 +0,0 @@
<blockstart>
</blockstart>

19
pages/game/index.html
View file

@ -2,31 +2,26 @@
let Games = new PaginateTable("/api/game");
</script>
<blockstart>
<block style="--w: 100%; --value: 7">
<block class="bg-gray-800">
<h1 id="page-title">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">
<hr class="h-10"/>
<grid x-data="Games" class="grid-cols-2">
<template x-for="item in contents">
<shape style="--h: 200px" class="vertical">
<a data-testid="game-link" x-text="item.title" x-bind:href="`/game/${item.id}/${item.slug}/`"></a>
<p x-text="item.description"></p>
<shape class="xs">
<a data-testid="game-link" x-text="item.title" x-bind:href="`/game/${item.id}/${item.slug}/`"></a>
<p x-text="item.description"></p>
</shape>
</template>
</grid>
<block>
<h2>Description</h2>
</block>
<block style="--value: 2; --text: 9">
<block class="bg-gray-800">
<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>

55
pages/index.html
View file

@ -1,36 +1,36 @@
<blockstart>
<h1>Zed's Game Dev Website</h1>
<div class="flex flex-col flex-start">
<shape class="video">
<button><a id="streams" href="/stream/">View Past Streams</a></button>
<button><a id="live" href="/live/">Watch Today's Livestream</a></button>
</shape>
</div>
<shape style="--w: 100%; --h: 300px">
<button><a id="streams" href="/stream/">View Past Streams</a></button>
<button><a id="live" href="/live/">Watch Today's Livestream</a></button>
</shape>
<block data-testid="clickblock">
<block class="bg-gray-800" 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>
<grid class="grid-cols-2">
<shape class="xs">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 class="bg-gray-800">
<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">
<block>
<grid class="grid-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>
@ -41,14 +41,14 @@
</grid>
</block>
<block>
<block class="bg-gray-800">
<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>
<block>
<grid class="grid-cols-2">
<shape class="shape-xs hover:bg-gray-950 bg-gray-400">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>
@ -58,8 +58,7 @@
</grid>
</block>
<block>
<block class="bg-gray-800">
<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>

4
pages/layouts/main.html
View file

@ -29,9 +29,7 @@
<footer>
<div class="flex-1">
<shape>
<img class="size-12 shrink-0" src="/logo.png" />
</shape>
<img class="size-12 shrink-0" src="/logo.png" />
<div>
<p>Blah blah about me.</p>
</div>

4
pages/login/index.html
View file

@ -9,8 +9,8 @@
<input id="password" name="password" placeholder="Password" type="password">
</middle>
<bottom>
<button type="button">Cancel</button>
<button id="login-submit" type="submit">Login</button>
<button class="hover:btn-alert" type="button">Cancel</button>
<button class="hover:btn-hover" id="login-submit" type="submit">Login</button>
</bottom>
</card>
</form>

4
pages/register/index.html
View file

@ -11,8 +11,8 @@
<input id="password" name="password" placeholder="Password" type="password">
</middle>
<bottom>
<button type="button">Cancel</button>
<button id="register-submit" type="submit">Register</button>
<button class="hover:btn-alert" type="button">Cancel</button>
<button class="hover:btn-hover" id="register-submit" type="submit">Register</button>
</bottom>
</card>
</form>

11
pages/stream/index.html
View file

@ -1,16 +1,16 @@
<script>
let Streams = new PaginateTable("/api/stream");
</script>
<blockstart>
<block style="--value: 7">
<block>
<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">
<block x-data="Streams" class="gap-4">
<template x-for="item in contents">
<stream class="horizontal">
<shape style="--w: 100px; --h: 100px">Stream Thumbnail</shape>
<stream class="flex p-3 gap-4 bg-gray-800">
<shape class="xxs">Stream Thumbnail</shape>
<info>
<date x-text="item.date"></date>
<p x-text="item.description"></p>
@ -19,4 +19,3 @@
</stream>
</template>
</block>
</blockstart>