Merge pull request #4 from kacollins/main

Start combining top and bottom halves
techlahoma · Mar 11, 2024 · b976634 · b976634
2 parents a3dfae6 + ed61f9a
commit b976634
Showing 1 changed file with 72 additions and 14 deletions.
diff --git a/index.html b/index.html
@@ -4,12 +4,13 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>ThunderPlains</title>
-    <link rel="stylesheet" href="/styles.css" />
+    <link rel="stylesheet" href="styles.css" />
+    <link rel="stylesheet" href="thunderplains-lower.css">
   </head>
   <nav class="navbar">
     <div class="logo flex">
-      <img class="logo-bolt" src="/assets/tiny-bolt.png" alt="logo-bolt" />
-      <p>Thunderplains2024</p>
+      <img class="logo-bolt" src="assets/tiny-bolt.png" alt="logo-bolt" />
+      <p>#thunderplains2024</p>
     </div>
     <div class="link-container">
       <ul class="links">
@@ -21,16 +22,16 @@
       </ul>
     </div>
     <div class="socials">
-      <img class="social-link" src="/assets/x-twitter.svg" alt="X-Twitter" />
-      <img class="social-link" src="/assets/facebook.svg" alt="FaceBook" />
-      <img class="social-link" src="/assets/linked-in.svg" alt="LinkedIn" />
+      <img class="social-link" src="assets/x-twitter.svg" alt="X-Twitter" />
+      <img class="social-link" src="assets/facebook.svg" alt="FaceBook" />
+      <img class="social-link" src="assets/linked-in.svg" alt="LinkedIn" />
     </div>
   </nav>
   <body>
     <header class="tplains-header">
       <section class="flex flex-container">
         <div class="img-wrapper">
-          <img src="/assets/Logomark_Bolt.png" alt="" class="header-img" />
+          <img src="assets/Logomark_Bolt.png" alt="" class="header-img" />
         </div>
         <div class="text-wrapper">
             <span class="info">10.10.24 <span class="subhead-divider"> | </span>OKC, OK</span
@@ -42,11 +43,11 @@ <h1 class="comment">
             miss!
           </h1>
           <p class="intro">
-            Explore the latest trends, gain value insights, and connect whit
+            Explore the latest trends, gain valuable insights, and connect with
             like-minded individuals who share your passion for technology.
-            whether you're a seasoned developer or just staring out,
-            ThunderPlains has something for everyone.<strong
-              >Join us in 2024!</strong
+            whether you're a seasoned developer or just starting out,
+            ThunderPlains has something for everyone.
+            <strong>Join us in 2024!</strong
             >
           </p>
         </div>
@@ -61,7 +62,7 @@ <h1 class="comment">
               <img
               id="sponsor"
                 class="btn-img"
-                src="/assets/handshake.svg"
+                src="assets/handshake.svg"
                 alt="handshake"
               />
             </div>
@@ -74,7 +75,7 @@ <h1 class="comment">
             <img
             id="speak"
               class="btn-img"
-              src="/assets/microphone.svg"
+              src="assets/microphone.svg"
               alt="microphone"
             />
           </div>
@@ -83,11 +84,68 @@ <h1 class="comment">
               <a>Volunteer</a>
             </div>
             <div class="img-box">
-              <img id="volunteer" class="btn-img" src="/assets/people.svg" alt="Volunteer" />
+              <img id="volunteer" class="btn-img" src="assets/people.svg" alt="Volunteer" />
             </div>
           </div>
         </div>
       </div>
     </header>
+
+    <section class="center">
+      <div id="s1" class="center">
+        <h3 class="center">Event Details</h3>
+        <img src="triple-line.svg" alt="ThunderPlains" id="tp-logo">
+      </div>
+
+      <div id="s2" class="center">
+        <div id="s2-1" class="center div-third">
+          <!-- this div is empty for spacing -->
+        </div>
+
+        <div id="s2-2" class="center div-third">
+          <h5>Date:</h5>
+          <h6>October 10, 2024</h6>
+        </div>
+
+        <div id="s2-3" class="center div-third">
+          <h5>Venue:</h5>
+          <h6>OKC Convention Center</br>Downtown OKC</h6>
+          <p>Special Event - FREE Parking is Available.</p>
+        </div>
+      </div>
+
+      <div id="photo-wrapper" class="center">
+        <img src="okc-event-center.png" alt="OKC Convention Center" id="event-photo">
+      </div>  
+    </section>
+
+    <footer class="center">
+      <div id="f1" class="center">
+        <img src="assets/Logo_horizontal.png" alt="ThunderPlains" id="tp-logo" class="center">    
+      </div>
+
+      <div id="f2" class="center">
+        <p id="f2-p1">ThunderPlains is a Techlahoma event organized by Vance Lucas and many other volunteers</p>
+
+        <p id="f2-p2">
+          <a href="https://www.techlahoma.org/code-of-conduct" class="text-gray-200 no-underline hover:text-gray-400">Techlahoma Code of Conduct</a>
+        </p>
+
+        <ul class="center">
+          <li id="first-li">Previous Years:</li>
+          <li><a href="http://2023.thunderplainsconf.com">2023</a></li>
+          <li><a title="Sorry, no website is available" class="text-gray-200 no-underline cursor-not-allowed">2022</a></li>
+          <li><a href="http://2021.thunderplainsconf.com">2021</a></li>
+          <li><a href="http://2020.thunderplainsconf.com">2020</a></li>
+          <li><a href="http://2019.thunderplainsconf.com">2019</a></li>
+          <li><a href="http://2018.thunderplainsconf.com">2018</a></li>
+          <li><a href="http://2017.thunderplainsconf.com">2017</a></li>
+          <li><a href="http://2016.thunderplainsconf.com">2016</a></li>
+          <li><a href="http://2015.thunderplainsconf.com">2015</a></li>
+          <li><a href="http://2014.thunderplainsconf.com">2014</a></li>
+          <li id="last-li"><a href="http://2013.thunderplainsconf.com">2013</a></li>
+        </ul>
+      </div>
+    </footer>
   </body>
 </html>