asdf

ui/public/index.html

@@ -48,8 +48,40 @@
     </span>
     <img class="main-image">
     <div class="links" style="z-index: 1; cursor: default; position: fixed; top: 5.5vh; right: 4.5vw">
+      <!-- <a href="about">about</a>
+      <span>|</span>
+      <a href="services">services</a>
+      <span>|</span>
+      <a href="events">events</a>
+      <span>|</span> -->
+      <a href="join">join</a>
+      <span>|</span>
+      <a href="signin">sign in</a>
     </div>
 
+  <div style="position: absolute; top: 110vh; left: 52vw; transform: translateX(-50%); display: flex; flex-direction: column; align-items: center;">
+
+    <!-- INTRO SECTION -->
+    <div style="display: flex; flex-direction: column; max-width: 50vw; align-items: center">
+      <h1 style="font-family: Canterbury; font-size: 3.5rem; ">A Classical Christian Society</h1>
+
+      <div style="font-size: 1.3em; margin-top: 1em; max-width: 42vw; text-align: justify">
+      <p>Hyperia is a private club. We exist to promote European and Christian tradition.</p>
+      <p>Inspired by the Classical Christian schooling movement that began in the 1990s, Hyperia is a similar space for adults.</p>
+      </div>
+
+      <div style="height: 3vh;"></div>
+    </div>
+
+    <!-- GOALS SECTION -->
+    <div style="display: flex; flex-direction: column; align-items: flex-start; width: 55vw; margin-top: 2vh;">
+
+
+      <div style="height: 10vh;"></div>
+    </div>
+
+  </div>
+