<!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");
console.log("Streams", Streams);
< / 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 >
