Add location and time info to top, embed map, add links

Author: challah

index.html

@@ -7,7 +7,12 @@
     <div id="hero">
       <div class="content">
       <h1>TerribleHack 2025:<br/>AI (Artificial Ignorance)</h1>
-      <h3>An event for making bad ideas a reality. April 26, 2025.</h3>
+      <h3>An event for making bad ideas a reality.</h3>
+      <div class="info">
+      <h4>🗓️ April 26, 2025</h4>
+      <h4>🕚 11:00 AM – 6:00 PM EDT</h4>
+        <h4>📍 InterAccess, 32 Lisgar Street, Toronto, ON</h4>
+      </div>
       <p align="center">
         Made possible by <a href="https://interaccess.org/"><img alt="Inter/Access" src="interaccess.png" height="40" style="margin-bottom: -10px" /></a> and <a href="https://creativecodetoronto.github.io/">Creative Code Toronto</a>
       </p>
@@ -26,11 +31,13 @@ <h2>What is TerribleHack?</h2>
       <p>We have a long history of TerribleHack shenanigans, both in person and virtual!</p>
       <p align="center"><a class="button" href="history.html">Read about TerribleHack's history</a></p>
 
+      <h2>How it's going to work</h2>
+      <p>InterAccess opens at 11 AM. From then until the evening, the space will be open for you to work on a project! Feel free to show up with teammates if you have them, or just on your own. In the late afternoon and evening, take a turn at the projector to demo your work!</p>
+
       <h2>Where is it?</h2>
-      <p>This year, <strong>InterAccess</strong> will be hosting TerribleHack! It will be on <b>Saturday April 26</b> from 11am to 6pm. InterAccess is a gallery and studio that also graciously hosts Creative Code Toronto events. TerribleHack will happen at their space on 32 Lisgar Street, Units 4 &amp; 5, Toronto. Check out their gallery while you're at the event!</p>
+      <p>This year, <a href="https://interaccess.org/"><strong>InterAccess</strong></a> will be hosting TerribleHack! It will be on <b>Saturday April 26</b> from <b>11 AM to 6 PM</b>. InterAccess is a gallery and studio that also graciously hosts Creative Code Toronto events. TerribleHack will happen at their space on <a href="https://maps.app.goo.gl/ZBdSeNJmDBza16ep6">32 Lisgar Street, Units 4 &amp; 5, Toronto</a>. Check out their gallery while you're at the event!</p>
 
-      <h2>How it's going to work</h2>
-      <p>InterAccess opens at 11am. From then until the evening, the space will be open for you to work on a project! Feel free to show up with teammates if you have them, or just on your own. In the late afternoon and evening, take a turn at the projector to demo your work!</p>
+      <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2887.2918684598435!2d-79.42596932392622!3d43.64209555314912!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x882b34fde9cca6d3%3A0x990108f10a428531!2sInterAccess!5e0!3m2!1sen!2sca!4v1744670186198!5m2!1sen!2sca" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
 
       <h2>Who are we?</h2>
       <p>TerribleHack started in 2015 by students at the University of Waterloo, eager to temporarily break away from the pressure and professionalism of traditional hackathons.</p>

style.css

@@ -14,6 +14,16 @@ body {
   padding: 20px;
 }
 
+.info {
+  display: flex;
+  flex-direction: column; 
+  align-items: center;
+  justify-content: center;
+  margin: 0 auto;
+  text-align: center; 
+  width: 60%; 
+}
+
 #hero {
   display: flex;
   justify-content: center;
@@ -52,9 +62,13 @@ h3 {
 }
 
 h4 {
-  font-size: 26px;
+  font-size: 15px;
   font-weight: normal;
-  margin-bottom: 15px;
+  margin-top: 0px;
+  margin-bottom: 0px;
+  text-align: left;
+  width: 100%; 
+
 }
 
 h5 {