From 0cb7e4cd325ed45a8c0fe61bae73dc41a3921b8f Mon Sep 17 00:00:00 2001
From: Scott McKendry <39483124+scottmckendry@users.noreply.github.com>
Date: Sun, 5 Nov 2023 14:46:01 +1300
Subject: [PATCH] remove tailwind :poop:

---
 views/dogs.html     | 69 ++++++++++++++--------------------
 views/index.html    |  3 +-
 views/row-add.html  | 92 ++++++++++-----------------------------------
 views/row-edit.html | 38 ++++++-------------
 views/row.html      | 25 ++++++------
 5 files changed, 71 insertions(+), 156 deletions(-)

diff --git a/views/dogs.html b/views/dogs.html
index 46637d4..aae11af 100644
--- a/views/dogs.html
+++ b/views/dogs.html
@@ -1,45 +1,32 @@
 <div id="dogs">
     <div id="processing" class="htmx-indicator">Processing...</div>
-    <div class="flex flex-col">
-        <div class="overflow-x-auto sm:-mx-6 lg:-mx-8">
-            <div class="inline-block min-w-full py-2 sm:px-6 lg:px-8">
-                <div class="overflow-hidden">
-                    <div class="flex justify-end">
-                        <button
-                            hx-get="/dogs/add"
-                            hx-target="#table-body"
-                            hx-swap="outerHTML"
-                            hx-indicator="#processing"
-                            class="inline-flex items-center h-8 px-4 m-2 text-sm text-blue-100 transition-colors duration-150 bg-blue-700 rounded-lg focus:shadow-outline hover:bg-blue-800"
-                            href=""
-                        >
-                            Add
-                        </button>
-                    </div>
-                    <table class="table-auto">
-                        <thead
-                            class="border-b font-medium dark:border-neutral-500"
-                        >
-                            <tr>
-                                <th scope="col" class="px-6 py-4 hidden">#</th>
-                                <th scope="col" class="px-6 py-4">Name</th>
-                                <th scope="col" class="px-6 py-4">
-                                    Owner Name
-                                </th>
-                                <th scope="col" class="px-6 py-4">Address</th>
-                                <th scope="col" class="px-6 py-4">City</th>
-                                <th scope="col" class="px-6 py-4">Email</th>
-                                <th scope="col" class="px-6 py-4">Service</th>
-                                <th scope="col" class="px-6 py-4">Quantity</th>
-                                <th scope="col" class="px-6 py-4">Price</th>
-                                <th scope="col" class="px-6 py-4">Actions</th>
-                            </tr>
-                        </thead>
-                        <tbody id="table-body"></tbody>
-                        {{ range .dogs }} {{ template "row" . }} {{ end }}
-                    </table>
-                </div>
-            </div>
-        </div>
+    <div>
+        <button
+            hx-get="/dogs/add"
+            hx-target="#table-body"
+            hx-swap="outerHTML"
+            hx-indicator="#processing"
+            href=""
+        >
+            Add
+        </button>
     </div>
+    <table>
+        <thead>
+            <tr>
+                <th>#</th>
+                <th>Name</th>
+                <th>Owner Name</th>
+                <th>Address</th>
+                <th>City</th>
+                <th>Email</th>
+                <th>Service</th>
+                <th>Quantity</th>
+                <th>Price</th>
+                <th>Actions</th>
+            </tr>
+        </thead>
+        <tbody id="table-body"></tbody>
+        {{ range .dogs }} {{ template "row" . }} {{ end }}
+    </table>
 </div>
diff --git a/views/index.html b/views/index.html
index 914639f..b904db4 100644
--- a/views/index.html
+++ b/views/index.html
@@ -13,11 +13,10 @@
             integrity="sha384-FhXw7b6AlE/jyjlZH5iHa/tTe9EpJ1Y55RjcgPbjeWMskSxZt1v9qkxLJWNJaGni"
             crossorigin="anonymous"
         ></script>
-        <script src="https://cdn.tailwindcss.com"></script>
     </head>
     <body>
         <main>
-            <div class="md:container md:mx-auto">
+            <div>
                 <br />
                 <h1 class="text-3xl">Invoices</h1>
                 <div>{{ template "dogs" . }}</div>
diff --git a/views/row-add.html b/views/row-add.html
index 1ec1e75..eec7be8 100644
--- a/views/row-add.html
+++ b/views/row-add.html
@@ -1,76 +1,28 @@
-<tr id="datarow-add" class="border-b dark:border-neutral-500">
-    <td class="px-6 py-4 hidden"></td>
-    <td class="px-6 py-4">
-        <input
-            type="text"
-            class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"
-            data-include-add=""
-            name="name"
-            value=""
-        />
+<tr id="datarow-add">
+    <td></td>
+    <td>
+        <input type="text" data-include-add="" name="name" value="" />
     </td>
-    <td class="px-6 py-4">
-        <input
-            type="text"
-            class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"
-            data-include-add=""
-            name="ownerName"
-            value=""
-        />
+    <td>
+        <input type="text" data-include-add="" name="ownerName" value="" />
     </td>
-    <td class="px-6 py-4">
-        <input
-            type="text"
-            class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"
-            data-include-add=""
-            name="address"
-            value=""
-        />
+    <td>
+        <input type="text" data-include-add="" name="address" value="" />
     </td>
-    <td class="px-6 py-4">
-        <input
-            type="text"
-            class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"
-            data-include-add=""
-            name="city"
-            value=""
-        />
+    <td>
+        <input type="text" data-include-add="" name="city" value="" />
     </td>
-    <td class="px-6 py-4">
-        <input
-            type="text"
-            class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"
-            data-include-add=""
-            name="email"
-            value=""
-        />
+    <td>
+        <input type="text" data-include-add="" name="email" value="" />
     </td>
-    <td class="px-6 py-4">
-        <input
-            type="text"
-            class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"
-            data-include-add=""
-            name="service"
-            value=""
-        />
+    <td>
+        <input type="text" data-include-add="" name="service" value="" />
     </td>
-    <td class="px-6 py-4">
-        <input
-            type="text"
-            class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"
-            data-include-add=""
-            name="quantity"
-            value=""
-        />
+    <td>
+        <input type="text" data-include-add="" name="quantity" value="" />
     </td>
-    <td class="px-6 py-4">
-        <input
-            type="text"
-            class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"
-            data-include-add=""
-            name="price"
-            value=""
-        />
+    <td>
+        <input type="text" data-include-add="" name="price" value="" />
     </td>
     <td class="px-1 py-1">
         <a
@@ -78,16 +30,10 @@
             hx-target="#dogs"
             hx-indicator="#processing"
             hx-include="input[data-include-add]"
-            class="hover:underline text-blue-700"
             href=""
             >Save</a
         >
-        <a
-            hx-get="/dogs/"
-            hx-target="#dogs"
-            hx-indicator="#processing"
-            class="hover:underline text-blue-700"
-            href=""
+        <a hx-get="/dogs/" hx-target="#dogs" hx-indicator="#processing" href=""
             >Cancel</a
         >
     </td>
diff --git a/views/row-edit.html b/views/row-edit.html
index 4175997..5d83f71 100644
--- a/views/row-edit.html
+++ b/views/row-edit.html
@@ -1,93 +1,79 @@
-<tr id="datarow-{{.ID}}" class="border-b dark:border-neutral-500">
-    <td class="px-6 py-4 hidden">{{.ID}}</td>
-    <td class="px-6 py-4">
+<tr id="datarow-{{.ID}}">
+    <td>{{.ID}}</td>
+    <td>
         <input
             type="text"
-            class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"
             data-include-edit="{{.ID}}"
             name="name"
             value="{{.Name}}"
         />
     </td>
-    <td class="px-6 py-4">
+    <td>
         <input
             type="text"
-            class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"
             data-include-edit="{{.ID}}"
             name="ownerName"
             value="{{.OwnerName}}"
         />
     </td>
-    <td class="px-6 py-4">
+    <td>
         <input
             type="text"
-            class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"
             data-include-edit="{{.ID}}"
             name="address"
             value="{{.Address}}"
         />
     </td>
-    <td class="px-6 py-4">
+    <td>
         <input
             type="text"
-            class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"
             data-include-edit="{{.ID}}"
             name="city"
             value="{{.City}}"
         />
     </td>
-    <td class="px-6 py-4">
+    <td>
         <input
             type="text"
-            class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"
             data-include-edit="{{.ID}}"
             name="email"
             value="{{.Email}}"
         />
     </td>
-    <td class="px-6 py-4">
+    <td>
         <input
             type="text"
-            class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"
             data-include-edit="{{.ID}}"
             name="service"
             value="{{.Service}}"
         />
     </td>
-    <td class="px-6 py-4">
+    <td>
         <input
             type="text"
-            class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"
             data-include-edit="{{.ID}}"
             name="quantity"
             value="{{.Quantity}}"
         />
     </td>
-    <td class="px-6 py-4">
+    <td>
         <input
             type="text"
-            class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"
             data-include-edit="{{.ID}}"
             name="price"
             value="{{.Price}}"
         />
     </td>
-    <td class="px-1 py-1">
+    <td>
         <a
             hx-put="/dogs/{{.ID}}"
             hx-target="#dogs"
             hx-indicator="#processing"
             hx-include="input[data-include-edit]"
-            class="hover:underline text-blue-700"
             href=""
             >Save</a
         >
-        <a
-            hx-get="/dogs/"
-            hx-target="#dogs"
-            hx-indicator="#processing"
-            href=""
-            class="hover:underline text-blue-700"
+        <a hx-get="/dogs/" hx-target="#dogs" hx-indicator="#processing" href=""
             >Cancel</a
         >
     </td>
diff --git a/views/row.html b/views/row.html
index 2bed918..2ee0909 100644
--- a/views/row.html
+++ b/views/row.html
@@ -1,20 +1,19 @@
-<tr id="datarow-{{.ID}}" class="border-b dark:border-neutral-500">
-    <td class="px-6 py-4 hidden">{{.ID}}</td>
-    <td class="px-6 py-4">{{.Name}}</td>
-    <td class="px-6 py-4">{{.OwnerName}}</td>
-    <td class="px-6 py-4">{{.Address}}</td>
-    <td class="px-6 py-4">{{.City}}</td>
-    <td class="px-6 py-4">{{.Email}}</td>
-    <td class="px-6 py-4">{{.Service}}</td>
-    <td class="px-6 py-4">{{.Quantity}}</td>
-    <td class="px-6 py-4">{{.Price}}</td>
-    <td class="px-1 py-1">
+<tr id="datarow-{{.ID}}">
+    <td>{{.ID}}</td>
+    <td>{{.Name}}</td>
+    <td>{{.OwnerName}}</td>
+    <td>{{.Address}}</td>
+    <td>{{.City}}</td>
+    <td>{{.Email}}</td>
+    <td>{{.Service}}</td>
+    <td>{{.Quantity}}</td>
+    <td>{{.Price}}</td>
+    <td>
         <a
             hx-get="/dogs/edit/{{.ID}}"
             hx-target="#datarow-{{.ID}}"
             hx-swap="outerHTML"
             hx-indicator="#processing"
-            class="hover:underline text-blue-700"
             href=""
         >
             Edit
@@ -24,7 +23,6 @@
             hx-target="#dogs"
             hx-confirm="Are you sure you want to delete {{.Name}}?"
             hx-indicator="#processing"
-            class="hover:underline text-blue-700"
             href=""
             >Delete</a
         >
@@ -39,7 +37,6 @@
             hx-post="/invoice/{{.ID}}"
             hx-target="#dogs"
             hx-indicator="#processing"
-            class="hover:underline text-blue-700"
             href=""
             >Send</a
         >