Finally embedded my twitch stream into the site, now just need to get links posting to work.

static/input_style.css

@@ -117,7 +117,6 @@ shape.video {
   @apply w-full aspect-video;
 }
 
-
 block {
   @apply flex flex-col pl-4 pr-4 pb-10 pt-4 gap-4;
 }

static/style.css

@@ -49,6 +49,7 @@
     --font-weight-bold: 700;
     --radius-sm: 0.25rem;
     --radius-md: 0.375rem;
+    --radius-lg: 0.5rem;
     --radius-xl: 0.75rem;
     --aspect-video: 16 / 9;
     --default-transition-duration: 150ms;
@@ -212,12 +213,42 @@
   .static {
     position: static;
   }
+  .end-0 {
+    inset-inline-end: calc(var(--spacing) * 0);
+  }
   .top-3 {
     top: calc(var(--spacing) * 3);
   }
+  .top-20 {
+    top: calc(var(--spacing) * 20);
+  }
+  .right-0 {
+    right: calc(var(--spacing) * 0);
+  }
+  .right-4 {
+    right: calc(var(--spacing) * 4);
+  }
+  .bottom-4 {
+    bottom: calc(var(--spacing) * 4);
+  }
+  .bottom-6 {
+    bottom: calc(var(--spacing) * 6);
+  }
+  .bottom-8 {
+    bottom: calc(var(--spacing) * 8);
+  }
   .left-3 {
     left: calc(var(--spacing) * 3);
   }
+  .left-4 {
+    left: calc(var(--spacing) * 4);
+  }
+  .left-30 {
+    left: calc(var(--spacing) * 30);
+  }
+  .left-40 {
+    left: calc(var(--spacing) * 40);
+  }
   .block {
     display: block;
   }
@@ -239,6 +270,21 @@
   .table-row {
     display: table-row;
   }
+  .aspect-\[9\/12\]\! {
+    aspect-ratio: 9/12 !important;
+  }
+  .aspect-\[9\/16\] {
+    aspect-ratio: 9/16;
+  }
+  .aspect-\[9\/16\]\! {
+    aspect-ratio: 9/16 !important;
+  }
+  .aspect-\[10\/16\]\! {
+    aspect-ratio: 10/16 !important;
+  }
+  .aspect-square\! {
+    aspect-ratio: 1 / 1 !important;
+  }
   .aspect-video {
     aspect-ratio: var(--aspect-video);
   }
@@ -255,9 +301,18 @@
   .max-h-10 {
     max-height: calc(var(--spacing) * 10);
   }
+  .max-h-15 {
+    max-height: calc(var(--spacing) * 15);
+  }
   .max-h-15\! {
     max-height: calc(var(--spacing) * 15) !important;
   }
+  .max-h-20 {
+    max-height: calc(var(--spacing) * 20);
+  }
+  .max-h-30 {
+    max-height: calc(var(--spacing) * 30);
+  }
   .min-h-screen {
     min-height: 100vh;
   }
@@ -267,6 +322,15 @@
   .w-full {
     width: 100%;
   }
+  .max-w-15 {
+    max-width: calc(var(--spacing) * 15);
+  }
+  .max-w-20 {
+    max-width: calc(var(--spacing) * 20);
+  }
+  .max-w-30 {
+    max-width: calc(var(--spacing) * 30);
+  }
   .min-w-md {
     min-width: var(--container-md);
   }
@@ -285,6 +349,9 @@
   .grid-cols-3 {
     grid-template-columns: repeat(3, minmax(0, 1fr));
   }
+  .grid-cols-4 {
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
   .flex-col {
     flex-direction: column;
   }
@@ -306,6 +373,15 @@
   .gap-0\! {
     gap: calc(var(--spacing) * 0) !important;
   }
+  .gap-1 {
+    gap: calc(var(--spacing) * 1);
+  }
+  .gap-2 {
+    gap: calc(var(--spacing) * 2);
+  }
+  .gap-3 {
+    gap: calc(var(--spacing) * 3);
+  }
   .gap-4 {
     gap: calc(var(--spacing) * 4);
   }
@@ -321,6 +397,9 @@
   .rounded-full {
     border-radius: calc(infinity * 1px);
   }
+  .rounded-lg {
+    border-radius: var(--radius-lg);
+  }
   .rounded-md {
     border-radius: var(--radius-md);
   }
@@ -349,6 +428,10 @@
       }
     }
   }
+  .border {
+    border-style: var(--tw-border-style);
+    border-width: 1px;
+  }
   .border-1 {
     border-style: var(--tw-border-style);
     border-width: 1px;
@@ -378,6 +461,9 @@
   .border-gray-500 {
     border-color: var(--color-gray-500);
   }
+  .border-gray-700 {
+    border-color: var(--color-gray-700);
+  }
   .btn-alert {
     background-color: var(--color-red-800) !important;
     color: var(--color-gray-50) !important;
@@ -410,6 +496,9 @@
   .bg-gray-600 {
     background-color: var(--color-gray-600);
   }
+  .bg-gray-700 {
+    background-color: var(--color-gray-700);
+  }
   .bg-gray-800 {
     background-color: var(--color-gray-800);
   }
@@ -419,21 +508,18 @@
   .bg-green-400\! {
     background-color: var(--color-green-400) !important;
   }
-  .fill-gray-50 {
-    fill: var(--color-gray-50);
-  }
-  .stroke-gray-50 {
-    stroke: var(--color-gray-50);
-  }
-  .stroke-gray-50\! {
-    stroke: var(--color-gray-50) !important;
-  }
   .p-0 {
     padding: calc(var(--spacing) * 0);
   }
   .p-0\! {
     padding: calc(var(--spacing) * 0) !important;
   }
+  .p-1 {
+    padding: calc(var(--spacing) * 1);
+  }
+  .p-2 {
+    padding: calc(var(--spacing) * 2);
+  }
   .p-2\! {
     padding: calc(var(--spacing) * 2) !important;
   }
@@ -467,6 +553,12 @@
   .text-center {
     text-align: center;
   }
+  .text-left {
+    text-align: left;
+  }
+  .align-top {
+    vertical-align: top;
+  }
   .text-2xl {
     font-size: var(--text-2xl);
     line-height: var(--tw-leading, var(--text-2xl--line-height));
@@ -479,6 +571,10 @@
     font-size: var(--text-sm);
     line-height: var(--tw-leading, var(--text-sm--line-height));
   }
+  .text-xl {
+    font-size: var(--text-xl);
+    line-height: var(--tw-leading, var(--text-xl--line-height));
+  }
   .text-xl\! {
     font-size: var(--text-xl) !important;
     line-height: var(--tw-leading, var(--text-xl--line-height)) !important;
@@ -494,6 +590,9 @@
   .text-gray-50 {
     color: var(--color-gray-50);
   }
+  .text-gray-300 {
+    color: var(--color-gray-300);
+  }
   .text-gray-950 {
     color: var(--color-gray-950);
   }
@@ -506,11 +605,6 @@
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
-  .\*\:stroke-gray-50 {
-    :is(& > *) {
-      stroke: var(--color-gray-50);
-    }
-  }
   .\*\:text-nowrap {
     :is(& > *) {
       text-wrap: nowrap;