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

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.

Browse source
This commit is contained in:
Zed A. Shaw 2025-07-04 23:59:25 -04:00
parent 7e48768e36
commit c64874cb51
12 changed files with 516 additions and 608 deletions
Download patch file Download diff file Expand all files Collapse all files

110
public/live/index.html
View file

@ -5,67 +5,65 @@
<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>
<shape style="--w: 100%; --h: 350px">
Stream Viewer
</shape>
<block>
<h2>Links Found in Chat</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>
<body data-testid="live-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>
<form action="/api/link" method="POST">
<card>
<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>
</header>
<footer>
<h1>Footer</h1>
</footer>
</body>
</html>
<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>
<shape style="--w: 100%; --h: 350px">
Stream Viewer
</shape>
<block>
<h2>Links Found in Chat</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>
<form action="/api/link" method="POST">
<card>
<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>
</div>
<footer>
<h1>Footer</h1>
</footer>
</body>
</html>