Came up with the pages/ directory that's templates which are rendered into public for the static pages.
This commit is contained in:
parent
facc691343
commit
f476605ecf
19 changed files with 795 additions and 61 deletions
57
pages/live/index.html
Normal file
57
pages/live/index.html
Normal file
|
@ -0,0 +1,57 @@
|
|||
<!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>
|
||||
</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>
|
||||
</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>
|
||||
|
||||
<footer>
|
||||
<h1>Footer</h1>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
Loading…
Add table
Add a link
Reference in a new issue