Can now generate a lot of the static content from templates in pages/ WARNING: I kept seeing page _templates_ getting corrupted on rendering, which is no bueno.
This commit is contained in:
Zed A. Shaw
parent
7e48768e36
commit
c64874cb51
12 changed files with 516 additions and 608 deletions
|
|
@ -5,91 +5,89 @@
|
|||
<link rel="stylesheet" href="/global.css">
|
||||
<link rel="stylesheet" href="/color.css">
|
||||
<link rel="stylesheet" href="/blockstart.css">
|
||||
<title>Hello</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!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>
|
||||
<title>ZedShaw.games</title>
|
||||
</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>
|
||||
<body data-testid="stream-1-index-page">
|
||||
<header>
|
||||
<blockstart style="background-color: var(--value0)">
|
||||
<block style="--value: 0; --text: 9" class="horizontal">
|
||||
<a href="/">🏡</a>
|
||||
<a href="/live/">Live</a>
|
||||
<a href="/stream/">Streams</a>
|
||||
<a href="/game/">Games</a>
|
||||
<a href="/register/">Register</a>
|
||||
<a href="/login/">Login</a>
|
||||
</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>
|
||||
</header>
|
||||
|
||||
<footer>
|
||||
<h1>Footer</h1>
|
||||
</footer>
|
||||
</body>
|
||||
<script>
|
||||
let req = new GetJson("/api/stream/1");
|
||||
let link_req = new GetJson("/api/stream/1/links");
|
||||
</script>
|
||||
|
||||
<div x-init="Stream = await req.theData()" x-data="{Stream: {}}">
|
||||
<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>
|
||||
|
||||
<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>
|
||||
<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>
|
||||
</blockstart>
|
||||
</div>
|
||||
|
||||
|
||||
<footer>
|
||||
<h1>Footer</h1>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -5,78 +5,51 @@
|
|||
<link rel="stylesheet" href="/global.css">
|
||||
<link rel="stylesheet" href="/color.css">
|
||||
<link rel="stylesheet" href="/blockstart.css">
|
||||
<title>Hello</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!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>
|
||||
<title>ZedShaw.games</title>
|
||||
</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>
|
||||
|
||||
<body data-testid="stream-index-page">
|
||||
<header>
|
||||
<blockstart style="background-color: var(--value0)">
|
||||
<block style="--value: 0; --text: 9" class="horizontal">
|
||||
<a href="/">🏡</a>
|
||||
<a href="/live/">Live</a>
|
||||
<a href="/stream/">Streams</a>
|
||||
<a href="/game/">Games</a>
|
||||
<a href="/register/">Register</a>
|
||||
<a href="/login/">Login</a>
|
||||
</block>
|
||||
</blockstart>
|
||||
</header>
|
||||
|
||||
<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>
|
||||
|
||||
<script>
|
||||
let Streams = new GetJson("/api/stream/");
|
||||
</script>
|
||||
|
||||
<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>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue