From db369639786eaea2f32d0f1c9d4ffac6b342b875 Mon Sep 17 00:00:00 2001
From: Pk11 <pk11@outlook.jp>
Date: Sun, 4 May 2025 23:22:10 -0500
Subject: [PATCH] Fixes

---
 index.html | 197 ++++++++++++++++++++++++++++-------------------------
 1 file changed, 104 insertions(+), 93 deletions(-)
diff --git a/index.html b/index.html
index f98a1a1..f71f9e7 100644
--- a/index.html
+++ b/index.html
@@ -1,6 +1,5 @@
 <!DOCTYPE html>
-<html>
-<center>
+<html lang="en">
   <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -9,101 +8,113 @@
          If you include the next line in all your web pages, they will all share the same look.
          This makes it easier to make new pages for your site. -->
     <link href='style.css' rel='stylesheet' type="text/css" media="all">
+    <style>
+      * { cursor: url(https://cur.cursors-4u.net/holidays/hol-1/hol62.cur), auto !important; }
+      img { max-width: 100% }
+      table { border: 2px outset white }
+      td { border: 1px solid white }
+      .table-container { overflow: scroll }
+    </style>
   </head>
-  <body style="background-color:black;color:white;"White text>
-  <a href="./index.html">Home</a>
-    <h1>Goths Tonight Minneapolis</h1>
-    <nav>
-    <ul>
-    <li><a href="#introduction">Home</a></li>
-    <li><a href="#calendar">Calendar</a></li>
-    <li><a href="#blog">Blog</a></li>
-    <li><a href="#social media">Social Media</a></li>
-    <li><a href="#helpful links">Helpful links</a></li>
-    </ul>  
-    </nav>
-   <div id="introduction">
+  <body style="background-color:black;color:white;"> <!-- White text -->
+    <center>
+      <a href="./index.html">Home</a>
+      <h1>Goths Tonight Minneapolis</h1>
+      <nav>
+        <ul>
+          <li><a href="#introduction">Home</a></li>
+          <li><a href="#blog">Blog</a></li>
+          <li><a href="#social-media">Social Media</a></li>
+          <li><a href="#helpful-links">Helpful links</a></li>
+          <li><a href="#calendar">Calendar</a></li>
+        </ul>
+      </nav>
 
-    <p>Welcome to the <strong>Goths Tonight </strong> website, <br>home to our <em> digital calendar and zine </em> <br> 
-    <a href="https://www.instagram.com/goths_tonight.mpls/?ref=clublink.to" target="_blank">Instagram</a> </p>
-  </div>
-  <div>
-    <p>For the Goths, Gays, and Spookily Inclined.</p>
-  </div>
-    <img src="/GothTonight_Stacked.jpg" width="320" height="240" control alt="Goths Tonight Logo">
- <div id="calendar">
-</div>
+      <div id="introduction">
+        <p>Welcome to the <strong>Goths Tonight</strong> website, <br>home to our <em>digital calendar and zine</em></p>
+        <p>For the Goths, Gays, and Spookily Inclined.</p>
+      </div>
 
- <div id="blog">
- </div>
+      <img src="GothTonight_Stacked.jpg" width="320" height="240" alt="Goths Tonight Logo">
 
- <div id="social media">
- <!--to add later -->
- </div>
+      <div id="blog">
+      </div>
 
- <div id="helpful links">
-    <p>Featuring regular events like:</p>
-    <table border="2">
-    <thead>
-    <tr>
-      <th scope="col">Event or Place</th>
-      <th scope="col">Description</th>
-      <th scope="col">Location</th>
-    </tr>
-    </thead>
-    <tbody>
-      <tr>
-        <td> <a href="https://groundzeromn.com/">Ground Zero</a> </td>
-        <td>Goth Night Club</td>
-        <td>Northeast Mpls</td>
-      </tr>
-      <tr>
-        <td> <a href="https://www.instagram.com/gothessmpls/">Gothess </a> </td>
-        <td>Monthly Goth Event</td>
-        <td>Mortimer's and other venues </td>
-      </tr>
-      <tr>
-        <td> <a href="https://www.instagram.com/goths_tonight.mpls/?ref=clublink.to/">Goths Tonight Pinball </a> </td>
-        <td>Monthly Goth Pinball Night</td>
-        <td>LITT Pinball Bar</td>
-      </tr>
-      <tr>
-        <td>Industrial Strength</td>
-        <td>Weekly industrial goth event</td>
-        <td>Terminal Bar</td>
-        </tr>
-      <tr>
-        <td>Transmission</td>
-        <td>Weekly alternative event</td>
-        <td>Uptown VFW</td>
-      </tr>
-      <tr>
-        <td>Dead Star Nation</td>
-        <td>Monthly Trad Goth/Post Punk event</td>
-        <td>Mortimer's</td>
-      </tr>
-      <tr>
-        <td>Cinema of the Macabre</td>
-        <td>Weekly horror screening</td>
-        <td>Emagine Willow Creek</td>
-      </tr>
-      </tbody>
-    </table>
- </div>
-<iframe height=1000 width=3000 src="https://docs.google.com/spreadsheets/d/e/2PACX-1vQ5G5kI-E6VIliq8KAPhXxR1OVeN2PjnHiFpHPBD1VrJQTkJNcyKVAwK6siWPuP8BKcgxyN3zk1yIMd/pubhtml?gid=1160599980&amp;single=true&amp;widget=true&amp;headers=false"></iframe>
-    </p>
-  <section>
-    <form action="/practice.html" method="POST">
-    <label for="event">Submit an event here!</label>
-    <br>
-    <input type="text" name="event">
-    <h1>Submit Events</h1>
-    <p>Use form to submit goth or goth adjacent events for me to consider</p>
-    <a href="https://forms.gle/Rs1N8GEW4o29UrCy7">Link to Google Form </a>
-    </form>
-  </section>
-  <center><a href="http://www.zwani.com/graphics/gothic/"><img src="http://images.zwani.com/graphics/gothic/images/gh543.gif"  alt="zwani.com myspace graphic comments" border=0></a><br><a href="http://www.zwani.com/graphics/gothic/" target="_blank">Gothic comments</a></center>
-  <style type="text/css">* {cursor: url(https://cur.cursors-4u.net/holidays/hol-1/hol62.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2005/10/31/hol62.html" target="_blank" title="Black Bat"><img src="https://cur.cursors-4u.net/cursor.png" border="0" alt="Black Bat" style="position:absolute; top: 0px; right: 0px;" /></a>
+      <div id="social-media">
+        <a href="https://www.instagram.com/goths_tonight.mpls/?ref=clublink.to" target="_blank">Instagram</a>
+      </div>
+
+      <div id="helpful-links">
+        <p>Featuring regular events like:</p>
+        <div class="table-container">
+          <table>
+          <thead>
+            <tr>
+              <th scope="col">Event or Place</th>
+              <th scope="col">Description</th>
+              <th scope="col">Location</th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr>
+              <td> <a href="https://groundzeromn.com/">Ground Zero</a> </td>
+              <td>Goth Night Club</td>
+              <td>Northeast Mpls</td>
+            </tr>
+            <tr>
+              <td> <a href="https://www.instagram.com/gothessmpls/">Gothess </a> </td>
+              <td>Monthly Goth Event</td>
+              <td>Mortimer's and other venues </td>
+            </tr>
+            <tr>
+              <td> <a href="https://www.instagram.com/goths_tonight.mpls/?ref=clublink.to/">Goths Tonight Pinball </a> </td>
+              <td>Monthly Goth Pinball Night</td>
+              <td>LITT Pinball Bar</td>
+            </tr>
+            <tr>
+              <td>Industrial Strength</td>
+              <td>Weekly industrial goth event</td>
+              <td>Terminal Bar</td>
+              </tr>
+            <tr>
+              <td>Transmission</td>
+              <td>Weekly alternative event</td>
+              <td>Uptown VFW</td>
+            </tr>
+            <tr>
+              <td>Dead Star Nation</td>
+              <td>Monthly Trad Goth/Post Punk event</td>
+              <td>Mortimer's</td>
+            </tr>
+            <tr>
+              <td>Cinema of the Macabre</td>
+              <td>Weekly horror screening</td>
+              <td>Emagine Willow Creek</td>
+            </tr>
+            </tbody>
+          </table>
+        </div>
+      </div>
+
+      <div id="calendar" class="table-container">
+        <iframe height="1000" width="1200" src="https://docs.google.com/spreadsheets/d/e/2PACX-1vQ5G5kI-E6VIliq8KAPhXxR1OVeN2PjnHiFpHPBD1VrJQTkJNcyKVAwK6siWPuP8BKcgxyN3zk1yIMd/pubhtml?gid=1160599980&amp;single=true&amp;widget=true&amp;headers=false"></iframe>
+      </div>
+
+      <section>
+        <h1>Submit Events</h1>
+        <p>Use form to submit goth or goth adjacent events for me to consider</p>
+        <form action="/practice.html" method="POST">
+          <label for="event">Submit an event here!</label>
+          <br>
+          <input type="text" name="event" id="event">
+        </form>
+        <p><a href="https://forms.gle/Rs1N8GEW4o29UrCy7">Link to Google Form </a></p>
+      </section>
+
+      <a href="http://www.zwani.com/graphics/gothic/"><img src="http://images.zwani.com/graphics/gothic/images/gh543.gif" alt="zwani.com myspace graphic comments"></a>
+      <br>
+      <a href="http://www.zwani.com/graphics/gothic/" target="_blank">Gothic comments</a>
+      <a href="https://www.cursors-4u.com/cursor/2005/10/31/hol62.html" target="_blank" title="Black Bat">Cursor</a>
+    </center>
   </body>
-  </center>
 </html>

Event or Place	Description	Location
Ground Zero	Goth Night Club	Northeast Mpls
Gothess	Monthly Goth Event	Mortimer's and other venues
Goths Tonight Pinball	Monthly Goth Pinball Night	LITT Pinball Bar
Industrial Strength	Weekly industrial goth event	Terminal Bar
Transmission	Weekly alternative event	Uptown VFW
Dead Star Nation	Monthly Trad Goth/Post Punk event	Mortimer's
Cinema of the Macabre	Weekly horror screening	Emagine Willow Creek