Fully converted to tailwind now.

pages/stream/index.html

@@ -1,16 +1,16 @@
 <script>
   let Streams = new PaginateTable("/api/stream");
 </script>
-<blockstart>
-<block style="--value: 7">
+
+<block>
   <h1 id="page-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">
+<block x-data="Streams" class="gap-4">
   <template x-for="item in contents">
-    <stream class="horizontal">
-      <shape style="--w: 100px; --h: 100px">Stream Thumbnail</shape>
+    <stream class="flex p-3 gap-4 bg-gray-800">
+      <shape class="xxs">Stream Thumbnail</shape>
       <info>
         <date x-text="item.date"></date>
         <p x-text="item.description"></p>
@@ -19,4 +19,3 @@
     </stream>
   </template>
 </block>
-</blockstart>