Removed blockstart and replicated it in tailwind's thing.

admin/handlers.go

@@ -169,5 +169,4 @@ func Setup(app *fiber.App) {
   app.Post("/api/admin/new/table/:table", PostApiInsert)
   app.Get("/api/admin/table/:table/:id", GetApiSelectOne)
   app.Post("/api/admin/table/:table/:id", PostApiUpdate)
-  app.Delete("/api/admin/table/:table/:id", DeleteApi)
 }

pages/index.html

@@ -1,8 +1,8 @@
 <h1>Zed's Game Dev Website</h1>
 <div class="flex flex-col flex-start">
-  <shape class="video">
-    <button><a id="streams" href="/stream/">View Past Streams</a></button>
-    <button><a id="live" href="/live/">Watch Today's Livestream</a></button>
+  <shape class="video bg-gray-950! font-bold gap-8">
+    <button class="hover:btn-hover bg-gray-200"><a id="streams" href="/stream/">View Past Streams</a></button>
+    <button class="hover:btn-hover bg-gray-200"><a id="live" href="/live/">Watch Today's Livestream</a></button>
   </shape>
 </div>
 
@@ -13,7 +13,7 @@
 
 <block>
 <grid class="grid-cols-2">
-  <shape class="xs">Left Image</shape>
+  <shape class="xxs">Left Image</shape>
   <div>
     <h3>I stream on Twitch.</h3>
 

pages/layouts/main.html

@@ -7,7 +7,6 @@
     <meta name="author" content="Zed A. Shaw" />
     <meta name="description" content="My Go learning project, which is a Twitch support thing." />
     <link rel="icon" href="/favicon.ico" type="image/x-icon" />
-    <link rel="stylesheet" href="/blockstart.css">
     <link rel="stylesheet" href="/style.css">
     <script defer src="/js/alpine.js"></script>
     <script src="/js/code.js"></script>

static/style.css

@@ -256,6 +256,9 @@
   .grid-cols-2 {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
+  .grid-cols-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
   .flex-col {
     flex-direction: column;
   }
@@ -268,21 +271,33 @@
   .gap-4 {
     gap: calc(var(--spacing) * 4);
   }
+  .gap-8 {
+    gap: calc(var(--spacing) * 8);
+  }
   .rounded-sm {
     border-radius: var(--radius-sm);
   }
+  .bg-gray-200 {
+    background-color: var(--color-gray-200);
+  }
   .bg-gray-300 {
     background-color: var(--color-gray-300);
   }
   .bg-gray-400 {
     background-color: var(--color-gray-400);
   }
+  .bg-gray-700 {
+    background-color: var(--color-gray-700);
+  }
   .bg-gray-800 {
     background-color: var(--color-gray-800);
   }
   .bg-gray-950 {
     background-color: var(--color-gray-950);
   }
+  .bg-gray-950\! {
+    background-color: var(--color-gray-950) !important;
+  }
   .p-0 {
     padding: calc(var(--spacing) * 0);
   }
@@ -302,6 +317,10 @@
     font-size: var(--text-3xl);
     line-height: var(--tw-leading, var(--text-3xl--line-height));
   }
+  .font-bold {
+    --tw-font-weight: var(--font-weight-bold);
+    font-weight: var(--font-weight-bold);
+  }
   .text-gray-950 {
     color: var(--color-gray-950);
   }
@@ -359,20 +378,6 @@
       }
     }
   }
-  .hover\:bg-gray-300 {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--color-gray-300);
-      }
-    }
-  }
-  .hover\:bg-gray-800 {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--color-gray-800);
-      }
-    }
-  }
   .hover\:bg-gray-950 {
     &:hover {
       @media (hover: hover) {
@@ -625,6 +630,10 @@ hr {
   syntax: "*";
   inherits: false;
 }
+@property --tw-font-weight {
+  syntax: "*";
+  inherits: false;
+}
 @property --tw-shadow {
   syntax: "*";
   inherits: false;
@@ -700,10 +709,6 @@ hr {
   inherits: false;
   initial-value: solid;
 }
-@property --tw-font-weight {
-  syntax: "*";
-  inherits: false;
-}
 @layer properties {
   @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
     *, ::before, ::after, ::backdrop {
@@ -712,6 +717,7 @@ hr {
       --tw-rotate-z: initial;
       --tw-skew-x: initial;
       --tw-skew-y: initial;
+      --tw-font-weight: initial;
       --tw-shadow: 0 0 #0000;
       --tw-shadow-color: initial;
       --tw-shadow-alpha: 100%;
@@ -728,7 +734,6 @@ hr {
       --tw-ring-offset-shadow: 0 0 #0000;
       --tw-border-style: solid;
       --tw-outline-style: solid;
-      --tw-font-weight: initial;
     }
   }
 }

views/admin/table/view.html

@@ -5,7 +5,7 @@
 <h1><a href="/admin/table/{{ .Table }}/">&laquo;</a>Admin {{ .Table }}</h1>
 
 <block x-data="Data">
-  <form method="POST" action="/api/admin/table/{{ .Table }}/{{ .Id }}/">
+  <form method="POST" action="/api/admin/table/{{ .Table }}/{{ .Id }}">
     <card>
     <top><h1>{{ .Table }} : {{ .Id }}</h1></top>
     <middle>

views/layouts/main.html

@@ -7,7 +7,6 @@
     <meta name="author" content="Zed A. Shaw" />
     <meta name="description" content="My Go learning project, which is a Twitch support thing." />
     <link rel="icon" href="/favicon.ico" type="image/x-icon" />
-    <link rel="stylesheet" href="/blockstart.css">
     <link rel="stylesheet" href="/style.css">
     <script defer src="/js/alpine.js"></script>
     <script src="/js/code.js"></script>