zedshaw-games/public/stream/index.html

<!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 Streams = new GetJson("/api/stream/");
    </script>
  </head>


  <body>
    <header>
      <a href="/">🏡</a> <span>Zed's Game Dev Website Yay</span>
    </header>

    <blockstart>
      <block style="--value: 7">
        <h1>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="item.url">View This Stream</a>
            </info>
          </stream>
        </template>
      </block>

    </blockstart>

    <footer>
      <h1>Footer</h1>
    </footer>
  </body>
</html>
First commit of most of the pages laid out for the next phase. 3 months ago			`<!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>`
Now have a basic alpine.js page going and it's talking to the server to get json in a fake API. 3 months ago			`<script defer src="/js/alpine.js"></script>`
Basic API kind of worked out and solved a bunch of things with alpine.js 3 months ago			`<script src="/js/code.js"></script>`
Now have a basic alpine.js page going and it's talking to the server to get json in a fake API. 3 months ago			`<script>`
More testing of the sqlx and squirrel database system, then added in goose for migrations. Pretty close to making a first version api. 3 months ago			`let Streams = new GetJson("/api/stream/");`
Now have a basic alpine.js page going and it's talking to the server to get json in a fake API. 3 months ago			`</script>`
First commit of most of the pages laid out for the next phase. 3 months ago			`</head>`


			`<body>`
			`<header>`
			`<a href="/">🏡</a> <span>Zed's Game Dev Website Yay</span>`
			`</header>`

			`<blockstart>`
			`<block style="--value: 7">`
			`<h1>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>`

Now have a basic alpine.js page going and it's talking to the server to get json in a fake API. 3 months ago			`<block x-data="Streams">`
Basic API kind of worked out and solved a bunch of things with alpine.js 3 months ago			`<template x-for="item in theData">`
Now have a basic alpine.js page going and it's talking to the server to get json in a fake API. 3 months ago			`<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="item.url">View This Stream</a>`
			`</info>`
			`</stream>`
			`</template>`
First commit of most of the pages laid out for the next phase. 3 months ago			`</block>`
Now have a basic alpine.js page going and it's talking to the server to get json in a fake API. 3 months ago
First commit of most of the pages laid out for the next phase. 3 months ago			`</blockstart>`

			`<footer>`
			`<h1>Footer</h1>`
			`</footer>`
			`</body>`
			`</html>`