From 350b9316f6558232c09fbe416500d8f3f2b02f4c Mon Sep 17 00:00:00 2001
From: Jonathan Reinink <jonathan@reinink.ca>
Date: Fri, 25 Aug 2023 09:59:15 -0400
Subject: [PATCH] Formatting

---
 index.html | 172 ++++++-----------------------------------------------
 1 file changed, 18 insertions(+), 154 deletions(-)

diff --git a/index.html b/index.html
index 8d55064..ddbf671 100644
--- a/index.html
+++ b/index.html
@@ -72,15 +72,7 @@ <h2 class="text-2xl font-bold">Simple</h2>
                 <span class="text-gray-700">Full name</span>
                 <input
                   type="text"
-                  class="
-                    mt-1
-                    block
-                    w-full
-                    rounded-md
-                    border-gray-300
-                    shadow-sm
-                    focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50
-                  "
+                  class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50"
                   placeholder=""
                 />
               </label>
@@ -88,15 +80,7 @@ <h2 class="text-2xl font-bold">Simple</h2>
                 <span class="text-gray-700">Email address</span>
                 <input
                   type="email"
-                  class="
-                    mt-1
-                    block
-                    w-full
-                    rounded-md
-                    border-gray-300
-                    shadow-sm
-                    focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50
-                  "
+                  class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50"
                   placeholder="john@example.com"
                 />
               </label>
@@ -104,29 +88,13 @@ <h2 class="text-2xl font-bold">Simple</h2>
                 <span class="text-gray-700">When is your event?</span>
                 <input
                   type="date"
-                  class="
-                    mt-1
-                    block
-                    w-full
-                    rounded-md
-                    border-gray-300
-                    shadow-sm
-                    focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50
-                  "
+                  class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50"
                 />
               </label>
               <label class="block">
                 <span class="text-gray-700">What type of event is it?</span>
                 <select
-                  class="
-                    block
-                    w-full
-                    mt-1
-                    rounded-md
-                    border-gray-300
-                    shadow-sm
-                    focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50
-                  "
+                  class="block w-full mt-1 rounded-md border-gray-300 shadow-sm focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50"
                 >
                   <option>Corporate event</option>
                   <option>Wedding</option>
@@ -137,15 +105,7 @@ <h2 class="text-2xl font-bold">Simple</h2>
               <label class="block">
                 <span class="text-gray-700">Additional details</span>
                 <textarea
-                  class="
-                    mt-1
-                    block
-                    w-full
-                    rounded-md
-                    border-gray-300
-                    shadow-sm
-                    focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50
-                  "
+                  class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50"
                   rows="3"
                 ></textarea>
               </label>
@@ -155,17 +115,7 @@ <h2 class="text-2xl font-bold">Simple</h2>
                     <label class="inline-flex items-center">
                       <input
                         type="checkbox"
-                        class="
-                          rounded
-                          border-gray-300
-                          text-indigo-600
-                          shadow-sm
-                          focus:border-indigo-300
-                          focus:ring
-                          focus:ring-offset-0
-                          focus:ring-indigo-200
-                          focus:ring-opacity-50
-                        "
+                        class="rounded border-gray-300 text-indigo-600 shadow-sm focus:border-indigo-300 focus:ring focus:ring-offset-0 focus:ring-indigo-200 focus:ring-opacity-50"
                         checked
                       />
                       <span class="ml-2">Email me news and special offers</span>
@@ -184,14 +134,7 @@ <h2 class="text-2xl font-bold">Underline</h2>
                 <span class="text-gray-700">Full name</span>
                 <input
                   type="text"
-                  class="
-                    mt-0
-                    block
-                    w-full
-                    px-0.5
-                    border-0 border-b-2 border-gray-200
-                    focus:ring-0 focus:border-black
-                  "
+                  class="mt-0 block w-full px-0.5 border-0 border-b-2 border-gray-200 focus:ring-0 focus:border-black"
                   placeholder=""
                 />
               </label>
@@ -199,14 +142,7 @@ <h2 class="text-2xl font-bold">Underline</h2>
                 <span class="text-gray-700">Email address</span>
                 <input
                   type="email"
-                  class="
-                    mt-0
-                    block
-                    w-full
-                    px-0.5
-                    border-0 border-b-2 border-gray-200
-                    focus:ring-0 focus:border-black
-                  "
+                  class="mt-0 block w-full px-0.5 border-0 border-b-2 border-gray-200 focus:ring-0 focus:border-black"
                   placeholder="john@example.com"
                 />
               </label>
@@ -214,27 +150,13 @@ <h2 class="text-2xl font-bold">Underline</h2>
                 <span class="text-gray-700">When is your event?</span>
                 <input
                   type="date"
-                  class="
-                    mt-0
-                    block
-                    w-full
-                    px-0.5
-                    border-0 border-b-2 border-gray-200
-                    focus:ring-0 focus:border-black
-                  "
+                  class="mt-0 block w-full px-0.5 border-0 border-b-2 border-gray-200 focus:ring-0 focus:border-black"
                 />
               </label>
               <label class="block">
                 <span class="text-gray-700">What type of event is it?</span>
                 <select
-                  class="
-                    block
-                    w-full
-                    mt-0
-                    px-0.5
-                    border-0 border-b-2 border-gray-200
-                    focus:ring-0 focus:border-black
-                  "
+                  class="block w-full mt-0 px-0.5 border-0 border-b-2 border-gray-200 focus:ring-0 focus:border-black"
                 >
                   <option>Corporate event</option>
                   <option>Wedding</option>
@@ -245,14 +167,7 @@ <h2 class="text-2xl font-bold">Underline</h2>
               <label class="block">
                 <span class="text-gray-700">Additional details</span>
                 <textarea
-                  class="
-                    mt-0
-                    block
-                    w-full
-                    px-0.5
-                    border-0 border-b-2 border-gray-200
-                    focus:ring-0 focus:border-black
-                  "
+                  class="mt-0 block w-full px-0.5 border-0 border-b-2 border-gray-200 focus:ring-0 focus:border-black"
                   rows="2"
                 ></textarea>
               </label>
@@ -262,11 +177,7 @@ <h2 class="text-2xl font-bold">Underline</h2>
                     <label class="inline-flex items-center">
                       <input
                         type="checkbox"
-                        class="
-                          border-gray-300 border-2
-                          text-black
-                          focus:border-gray-300 focus:ring-black
-                        "
+                        class="border-gray-300 border-2 text-black focus:border-gray-300 focus:ring-black"
                       />
                       <span class="ml-2">Email me news and special offers</span>
                     </label>
@@ -284,15 +195,7 @@ <h2 class="text-2xl font-bold">Solid</h2>
                 <span class="text-gray-700">Full name</span>
                 <input
                   type="text"
-                  class="
-                    mt-1
-                    block
-                    w-full
-                    rounded-md
-                    bg-gray-100
-                    border-transparent
-                    focus:border-gray-500 focus:bg-white focus:ring-0
-                  "
+                  class="mt-1 block w-full rounded-md bg-gray-100 border-transparent focus:border-gray-500 focus:bg-white focus:ring-0"
                   placeholder=""
                 />
               </label>
@@ -300,15 +203,7 @@ <h2 class="text-2xl font-bold">Solid</h2>
                 <span class="text-gray-700">Email address</span>
                 <input
                   type="email"
-                  class="
-                    mt-1
-                    block
-                    w-full
-                    rounded-md
-                    bg-gray-100
-                    border-transparent
-                    focus:border-gray-500 focus:bg-white focus:ring-0
-                  "
+                  class="mt-1 block w-full rounded-md bg-gray-100 border-transparent focus:border-gray-500 focus:bg-white focus:ring-0"
                   placeholder="john@example.com"
                 />
               </label>
@@ -316,29 +211,13 @@ <h2 class="text-2xl font-bold">Solid</h2>
                 <span class="text-gray-700">When is your event?</span>
                 <input
                   type="date"
-                  class="
-                    mt-1
-                    block
-                    w-full
-                    rounded-md
-                    bg-gray-100
-                    border-transparent
-                    focus:border-gray-500 focus:bg-white focus:ring-0
-                  "
+                  class="mt-1 block w-full rounded-md bg-gray-100 border-transparent focus:border-gray-500 focus:bg-white focus:ring-0"
                 />
               </label>
               <label class="block">
                 <span class="text-gray-700">What type of event is it?</span>
                 <select
-                  class="
-                    block
-                    w-full
-                    mt-1
-                    rounded-md
-                    bg-gray-100
-                    border-transparent
-                    focus:border-gray-500 focus:bg-white focus:ring-0
-                  "
+                  class="block w-full mt-1 rounded-md bg-gray-100 border-transparent focus:border-gray-500 focus:bg-white focus:ring-0"
                 >
                   <option>Corporate event</option>
                   <option>Wedding</option>
@@ -349,15 +228,7 @@ <h2 class="text-2xl font-bold">Solid</h2>
               <label class="block">
                 <span class="text-gray-700">Additional details</span>
                 <textarea
-                  class="
-                    mt-1
-                    block
-                    w-full
-                    rounded-md
-                    bg-gray-100
-                    border-transparent
-                    focus:border-gray-500 focus:bg-white focus:ring-0
-                  "
+                  class="mt-1 block w-full rounded-md bg-gray-100 border-transparent focus:border-gray-500 focus:bg-white focus:ring-0"
                   rows="3"
                 ></textarea>
               </label>
@@ -367,14 +238,7 @@ <h2 class="text-2xl font-bold">Solid</h2>
                     <label class="inline-flex items-center">
                       <input
                         type="checkbox"
-                        class="
-                          rounded
-                          bg-gray-200
-                          border-transparent
-                          focus:border-transparent focus:bg-gray-200
-                          text-gray-700
-                          focus:ring-1 focus:ring-offset-2 focus:ring-gray-500
-                        "
+                        class="rounded bg-gray-200 border-transparent focus:border-transparent focus:bg-gray-200 text-gray-700 focus:ring-1 focus:ring-offset-2 focus:ring-gray-500"
                       />
                       <span class="ml-2">Email me news and special offers</span>
                     </label>