learn-code-the-hard-way
/
zedshaw-games
1
0
Fork 0
Code Issues 3 Pull Requests Packages Projects Releases Wiki Activity

Just confirming that pages are not getting mangles.

Browse Source
main
Zed A. Shaw 2 weeks ago
parent 9961915c8c
commit 7e48768e36
12 changed files with 313 additions and 559 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 9
      pages/alpine_test.html
  2. 26
      pages/base.html
  3. 30
      pages/error/index.html
  4. 100
      pages/game/1/turings-tarpit/index.html
  5. 106
      pages/game/index.html
  6. 153
      pages/index.html
  7. 23
      pages/layouts/main.html
  8. 84
      pages/live/index.html
  9. 67
      pages/login/index.html
  10. 71
      pages/register/index.html
  11. 112
      pages/stream/1/index.html
  12. 91
      pages/stream/index.html

9
pages/alpine_test.html
Unescape View File

@ -1,9 +0,0 @@
<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>

26
pages/base.html
Unescape View File

@ -1,25 +1,3 @@
<!DOCTYPE html> <blockstart>
<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>
</blockstart>
<body>
<header>
<a href="/">🏡</a> <span>Zed's Game Dev Website Yay</span>
</header>
<blockstart>
</blockstart>
<footer>
<h1>Footer</h1>
</footer>
</body>
</html>

30
pages/error/index.html
Unescape View File

@ -1,26 +1,4 @@
<!DOCTYPE html> <blockstart>
<html lang="en"> <h1>ERROR</h1>
<head> <p>You have an error.</p>
<meta charset="utf-8" /> </blockstart>
<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>

100
pages/game/1/turings-tarpit/index.html
Unescape View File

@ -1,61 +1,39 @@
<!DOCTYPE html> <script>
<html lang="en"> let req = new GetJson("/api/game/1/index.json");
<head> </script>
<meta charset="utf-8" />
<link rel="stylesheet" href="/global.css"> <blockstart>
<link rel="stylesheet" href="/color.css"> <shape style="--w: 100%; --h: 300px">Gameplay Demo Video</shape>
<link rel="stylesheet" href="/blockstart.css">
<title>ZedShaw's Game Thing</title> <block style="--value: 7">
<script defer src="/js/alpine.js"></script> <h1 x-text="Game.title">Title</h1>
<script src="/js/code.js"></script>
<script> <block class="horizontal">
let req = new GetJson("/api/game/1/index.json"); <shape style="--w: 200px; --h: 200px;">Some Image</shape>
</script>
</head> <p x-text="Game.description">Description</p>
</block>
<body x-init="Game = await req.theData()" x-data="{Game: {}}"> </block>
<header>
<a href="/">🏡</a> <span>Zed's Game Dev Website Yay</span>
</header> <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>
<blockstart> </block>
<shape style="--w: 100%; --h: 300px">Gameplay Demo Video</shape>
<block style="--value: 7;">
<block style="--value: 7"> <h2>Current Status</h2>
<h1 x-text="Game.title">Title</h1> <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 class="horizontal">
<shape style="--w: 200px; --h: 200px;">Some Image</shape> <block>
<h2>Planned Work</h2>
<p x-text="Game.description">Description</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>
</block> </block>
</block>
<block style="--value: 2; --text: 9">
<h2>Read The Code</h2>
<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>
<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> </block>
<block style="--value: 7;"> </blockstart>
<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>

106
pages/game/index.html
Unescape View File

@ -1,76 +1,30 @@
<!DOCTYPE html> <script>
<html lang="en"> let Games = new GetJson("/api/game/index.json");
<head> </script>
<meta charset="utf-8" /> <blockstart>
<link rel="stylesheet" href="/global.css"> <block style="--w: 100%; --value: 7">
<link rel="stylesheet" href="/color.css"> <h1>Zed's Trash Ass Games</h1>
<link rel="stylesheet" href="/blockstart.css">
<title>ZedShaw's Game Thing</title> <p>More fun than a barrel full of monkeys with syphilus.
<script defer src="/js/alpine.js"></script> </p>
<script src="/js/code.js"></script> </block>
<script>
let Games = new GetJson("/api/game/index.json"); <hr/>
</script> <grid x-data="Games" style="--cols: 2">
</head> <template x-for="item in theData">
<shape style="--h: 200px"><a x-text="item.title" x-bind:href="item.url"></a></shape>
<body> </template>
<header> </grid>
<a href="/">🏡</a> <span>Zed's Game Dev Website Yay</span>
</header> <block>
<h2>Planned Work</h2>
<blockstart> <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 style="--w: 100%; --value: 7"> </block>
<h1>Zed's Trash Ass Games</h1>
<block style="--value: 2; --text: 9">
<p>More fun than a barrel full of monkeys with syphilus. <h2>Read The Code</h2>
</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>
</block> <button><a href="https://git.learnjsthehardway.com/learn-code-the-hard-way/turings-tarpit">View the Git</a></button>
</block>
<hr/>
<grid x-data="Games" style="--cols: 2"> </blockstart>
<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>

153
pages/index.html
Unescape View File

@ -1,87 +1,66 @@
<!DOCTYPE html> <blockstart>
<html lang="en"> <h1>Zed's Game Dev Website</h1>
<head>
<meta charset="utf-8" /> <shape style="--w: 100%; --h: 300px">
<link rel="stylesheet" href="/global.css"> <button><a id="streams" href="/stream/">View Past Streams</a></button>
<link rel="stylesheet" href="/color.css"> <button><a href="/live/">Watch Today's Livestream</a></button>
<link rel="stylesheet" href="/blockstart.css"> </shape>
<title>ZedShaw's Game Thing</title>
</head> <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.
<body data-testid="home-page"> </p>
<header> </block>
<a href="/">🏡</a> <span>Zed's Game Dev Website Yay</span>
</header> <block style="--value: 7; --border: 1px;" class="horizontal">
<grid style="--cols: 2">
<blockstart> <shape>Left Image</shape>
<h1>Zed's Game Dev Website</h1> <div>
<h3>I stream on Twitch.</h3>
<shape style="--w: 100%; --h: 300px">
<button><a id="streams" href="/stream/">View Past Streams</a></button> <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>
<button><a href="/live/">Watch Today's Livestream</a></button>
</shape> <a href="https://twitch.tv/zedashaw"><button style="--value: 2; --text: 9">Watch me on Twitch</button></a>
</div>
<block data-testid="clickblock"> </grid>
<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. </block>
</p>
</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.
<block style="--value: 7; --border: 1px;" class="horizontal"> </p>
<grid style="--cols: 2"> </block>
<shape>Left Image</shape>
<div> <block style="--value: 7">
<h3>I stream on Twitch.</h3> <grid style="--cols: 2">
<div>
<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> <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="https://twitch.tv/zedashaw"><button style="--value: 2; --text: 9">Watch me on Twitch</button></a>
</div> <a href="/game/"><button style="--value: 2; --text: 9">Play my Games</button></a>
</grid> </div>
</block> <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> <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 style="--value: 7"> </block>
<grid style="--cols: 2">
<div> <block style="--value: 7">
<h2>Zed's Trash Ass Games</h2> <grid style="--cols: 2">
<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> <shape>Left Image</shape>
<div>
<a href="/game/"><button style="--value: 2; --text: 9">Play my Games</button></a> <h2>Checkout my Git</h2>
</div> <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>
<shape>Right Image</shape>
</grid> <a href="https://git.learnjsthehardway.com"><button style="--value: 2; --text: 9">View my Git</button></a>
</block> </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> <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 style="--value: 7"> </block>
<grid style="--cols: 2">
<shape>Left Image</shape> </blockstart>
<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>

23
pages/layouts/main.html
Unescape View File

@ -0,0 +1,23 @@
<!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">
<script defer src="/js/alpine.js"></script>
<script src="/js/code.js"></script>
<title>ZedShaw.games</title>
</head>
<body data-testid="{{.PageId}}">
<header>
<a href="/">🏡</a> <span>Zed's Game Dev Website Yay</span>
</header>
{{embed}}
<footer>
<h1>Footer</h1>
</footer>
</body>
</html>

84
pages/live/index.html
Unescape View File

@ -1,57 +1,37 @@
<!DOCTYPE html> <script>
<html lang="en"> let req = new GetJson("/api/stream/1");
<head> let link_req = new GetJson("/api/stream/1/links");
<meta charset="utf-8" /> </script>
<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: {}}"> <div x-init="Stream = await req.theData()" x-data="{Stream: {}}">
<header> <blockstart>
<a href="/">🏡</a> <span>Zed's Game Dev Website Yay</span>
</header>
<blockstart> <shape style="--w: 100%; --h: 350px">
Stream Viewer
</shape>
<shape style="--w: 100%; --h: 350px"> <block>
Stream Viewer <h2>Links Found in Chat</h2>
</shape> <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> <form action="/api/link" method="POST">
<h2>Links Found in Chat</h2> <card>
<ul x-init="links = await link_req.theData()" x-data="{links: {}}"> <top>Submit a Link</top>
<template x-for="item in links"> <middle>
<li><a x-text="item.description" x-bind:href="item.url"></a></li> <input name="stream_id" type="hidden" value="1">
</template> <input name="url" type="text" placeholder="Link Url">
</ul> <input name="description" type="text" placeholder="Description">
</block> </middle>
</card>
<buttons>
<button type="submit">Send It</button>
</buttons>
</form>
<form action="/api/link" method="POST"> </blockstart>
<card> </div>
<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>

67
pages/login/index.html
Unescape View File

@ -1,44 +1,23 @@
<!DOCTYPE html> <blockstart style="min-height: 90vw">
<html lang="en"> <h1>Login</h1>
<head> <block class="center-self" style="--w: 500px; --h: 500px;">
<meta charset="utf-8" /> <form action="/api/login" method="POST">
<link rel="stylesheet" href="/global.css"> <card>
<link rel="stylesheet" href="/color.css"> <top><h2 style="color: white">Login</h2></top>
<link rel="stylesheet" href="/blockstart.css"> <middle>
<title>ZedShaw's Game Thing</title> <label for="username">Username</label>
</head> <input id="username" name="username" placeholder="Username" type="text">
<label for="password">Password</label>
<body data-testid="login-page"> <input id="password" name="password" placeholder="Password" type="password">
<header> </middle>
<a href="/">🏡</a> <span>Zed's Game Dev Website Yay</span> <bottom>
</header> <button-group>
<button type="button">Cancel</button>
<blockstart style="min-height: 90vw"> <button id="login-submit" type="submit">Login</button>
<h1>Login</h1> </button-group>
<block class="center-self" style="--w: 500px; --h: 500px;"> </bottom>
<form action="/api/login" method="POST"> </card>
<card> </form>
<top><h2 style="color: white">Login</h2></top> <div class="center"><a href="/register/">Need an account? Click to Register.</a></div>
<middle> </block>
<label for="username">Username</label> </blockstart>
<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>

71
pages/register/index.html
Unescape View File

@ -1,46 +1,25 @@
<!DOCTYPE html> <blockstart style="min-height: 90vw">
<html lang="en"> <h1>Login</h1>
<head> <block class="center-self" style="--w: 500px; --h: 500px;">
<meta charset="utf-8" /> <form action="/api/register" method="POST">
<link rel="stylesheet" href="/global.css"> <card>
<link rel="stylesheet" href="/color.css"> <top><h2 style="color: white">Register</h2></top>
<link rel="stylesheet" href="/blockstart.css"> <middle>
<title>ZedShaw's Game Thing</title> <label for="username">Username</label>
</head> <input id="username" name="username" placeholder="Username" type="text">
<label for="email">Email</label>
<body data-testid="register-page"> <input id="email" name="email" placeholder="Email" type="text">
<header> <label for="password">Password</label>
<a href="/">🏡</a> <span>Zed's Game Dev Website Yay</span> <input id="password" name="password" placeholder="Password" type="password">
</header> </middle>
<bottom>
<blockstart style="min-height: 90vw"> <button-group>
<h1>Login</h1> <button type="button">Cancel</button>
<block class="center-self" style="--w: 500px; --h: 500px;"> <button id="register-submit" type="submit">Register</button>
<form action="/api/register" method="POST"> </button-group>
<card> </bottom>
<top><h2 style="color: white">Register</h2></top> </card>
<middle> </form>
<label for="username">Username</label> <div class="center"><a href="/login/">Have an account? Click to Login.</a></div>
<input id="username" name="username" placeholder="Username" type="text"> </block>
<label for="email">Email</label> </blockstart>
<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>

112
pages/stream/1/index.html
Unescape View File

@ -1,81 +1,61 @@
<!DOCTYPE html> <script>
<html lang="en"> let req = new GetJson("/api/stream/1");
<head> let link_req = new GetJson("/api/stream/1/links");
<meta charset="utf-8" /> </script>
<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: {}}"> <div x-init="Stream = await req.theData()" x-data="{Stream: {}}">
<header> <blockstart>
<a href="/">🏡</a> <span>Zed's Game Dev Website Yay</span>
</header>
<blockstart> <block style="--value: 7">
<h1 x-text="Stream.title"></h1>
<block style="--value: 7"> <div>
<h1 x-text="Stream.title"></h1> <p x-text="Stream.description"></p>
</div>
</block>
<div> <block>
<p x-text="Stream.description"></p> <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>
</div> </block>
</block>
<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> <h2>Links Posted</h2>
</block>
<block> <ul x-init="links = await link_req.theData()" x-data="{links: {}}">
<h2>Links Posted</h2> <template x-for="item in links">
<li><a x-text="item.description" x-bind:href="item.url"></a></li>
</template>
</ul>
</block>
<ul x-init="links = await link_req.theData()" x-data="{links: {}}"> <block style="--value: 7; --border: 1px;" class="horizontal">
<template x-for="item in links"> <grid style="--cols: 2">
<li><a x-text="item.description" x-bind:href="item.url"></a></li> <shape>Left Image</shape>
</template> <div>
</ul> <h3>I stream on Twitch.</h3>
</block>
<block style="--value: 7; --border: 1px;" class="horizontal"> <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>
<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>
<a href="https://twitch.tv/zedashaw"><button style="--value: 2; --text: 9">Watch me on Twitch</button></a> </blockstart>
</div>
</grid>
</block>
</blockstart> <footer>
<h1>Footer</h1>
<footer> </footer>
<h1>Footer</h1> </body>
</footer>
</body>
</html> </html>
i poutine jianbing chambray.</p> i poutine jianbing chambray.</p>
</block> </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> <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>
<footer> </blockstart>
<h1>Footer</h1> </div>
</footer>
</body>
</html>

91
pages/stream/index.html
Unescape View File

@ -1,68 +1,23 @@
<!DOCTYPE html> <script>
<html lang="en"> let Streams = new GetJson("/api/stream/");
<head> </script>
<meta charset="utf-8" />
<link rel="stylesheet" href="/global.css"> <blockstart>
<link rel="stylesheet" href="/color.css"> <block style="--value: 7">
<link rel="stylesheet" href="/blockstart.css"> <h1 id="streams-title">Past Streams</h1>
<title>ZedShaw's Game Thing</title> <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>
<script defer src="/js/alpine.js"></script> </block>
<script src="/js/code.js"></script>
<script> <block x-data="Streams">
let Streams = new GetJson("/api/stream/"); <template x-for="item in theData">
</script> <stream class="horizontal">
</head> <shape style="--w: 100px; --h: 100px">Stream Thumbnail</shape>
<info>
<date x-text="item.date"></date>
<body> <p x-text="item.description"></p>
<header> <a style="text-align: right" x-bind:href="'/stream/' + item.id + '/'">View This Stream</a>
<a href="/">🏡</a> <span>Zed's Game Dev Website Yay</span> </info>
</header> </stream>
</template>
<blockstart> </block>
<block style="--value: 7"> </blockstart>
<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>

Write Preview
Loading…
Cancel
Save