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 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>
      <h1>Footer</h1>
    </footer>
  </body>
</html>
ral chicharrones typewriter chartreuse vice Brooklyn. Adaptogen pour-over vibecession viral. Tote bag tonx DIY microdosing. Pickled selvage bespoke small batch, blue bottle twee tacos jean shorts before they sold out chicharrones solarpunk. Hoodie taiyaki poutine jianbing chambray.</p>
    </block>

    <block>
      <h2>Planned Work</h2>
      <p>Polaroid retro pork belly yes plz bitters, viral chicharrones typewriter chartreuse vice Brooklyn. Adaptogen pour-over vibecession viral. Tote bag tonx DIY microdosing. Pickled selvage bespoke small batch, blue bottle twee tacos jean shorts before they sold out chicharrones solarpunk. Hoodie taiyaki poutine jianbing chambray.</p>
    </block>

    <block style="--value: 2; --text: 9">
      <h2>Read The Code</h2>
      <p>Polaroid retro pork belly yes plz bitters, viral chicharrones typewriter chartreuse vice Brooklyn. Adaptogen pour-over vibecession viral. Tote bag tonx DIY microdosing. Pickled selvage bespoke small batch, blue bottle twee tacos jean shorts before they sold out chicharrones solarpunk. Hoodie taiyaki poutine jianbing chambray.</p>
      <button><a href="https://git.learnjsthehardway.com/learn-code-the-hard-way/turings-tarpit">View the Git</a></button>
    </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">`
Changed to pkgsite for docs browsing and then refined the chromedp test some to be nicer to write. 3 months ago			`<h1 id="streams-title">Past Streams</h1>`
First commit of most of the pages laid out for the next phase. 3 months ago			`<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>`
Have a mostly working API server in go that's talking to streams/index.html and related pages. 3 months ago			`<a style="text-align: right" x-bind:href="'/stream/' + item.id + '/'">View This Stream</a>`
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			`</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>`
Came up with the pages/ directory that's templates which are rendered into public for the static pages. 2 months ago			`ral chicharrones typewriter chartreuse vice Brooklyn. Adaptogen pour-over vibecession viral. Tote bag tonx DIY microdosing. Pickled selvage bespoke small batch, blue bottle twee tacos jean shorts before they sold out chicharrones solarpunk. Hoodie taiyaki poutine jianbing chambray.</p>`
			`</block>`

			`<block>`
			`<h2>Planned Work</h2>`
			`<p>Polaroid retro pork belly yes plz bitters, viral chicharrones typewriter chartreuse vice Brooklyn. Adaptogen pour-over vibecession viral. Tote bag tonx DIY microdosing. Pickled selvage bespoke small batch, blue bottle twee tacos jean shorts before they sold out chicharrones solarpunk. Hoodie taiyaki poutine jianbing chambray.</p>`
			`</block>`

			`<block style="--value: 2; --text: 9">`
			`<h2>Read The Code</h2>`
			`<p>Polaroid retro pork belly yes plz bitters, viral chicharrones typewriter chartreuse vice Brooklyn. Adaptogen pour-over vibecession viral. Tote bag tonx DIY microdosing. Pickled selvage bespoke small batch, blue bottle twee tacos jean shorts before they sold out chicharrones solarpunk. Hoodie taiyaki poutine jianbing chambray.</p>`
			`<button><a href="https://git.learnjsthehardway.com/learn-code-the-hard-way/turings-tarpit">View the Git</a></button>`
			`</block>`

			`</blockstart>`

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