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.
67 lines
1.9 KiB
67 lines
1.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-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 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>
|
|
<blockstart style="--value: 0; --text: 9">
|
|
<block class="horizontal">
|
|
<shape style="--w: 200px; --h: 250px">Zed Pic</shape>
|
|
<div>
|
|
<h3>About Me</h3>
|
|
<p>Blah blah about me.</p>
|
|
</div>
|
|
<div>
|
|
<h3>Other Projects</h3>
|
|
<p>Some other links to stuff.</p>
|
|
</div>
|
|
</block>
|
|
</blockstart>
|
|
</footer>
|
|
</body>
|
|
</html>
|
|
|