You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
93 lines
2.9 KiB
93 lines
2.9 KiB
<!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="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>
|
|
</blockstart>
|
|
</header>
|
|
|
|
<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 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>
|
|
</div>
|
|
|
|
|
|
<footer>
|
|
<h1>Footer</h1>
|
|
</footer>
|
|
</body>
|
|
</html>
|
|
|