Add hackStoga schedule viewer

stogacs · Feb 27, 2024 · 1ee8475 · 1ee8475
1 parent 441a93b
commit 1ee8475
Show file tree

Hide file tree

Showing 5 changed files with 196 additions and 652 deletions.
diff --git a/hackstoga/embedables/schedule/index.html b/hackstoga/embedables/schedule/index.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
+    <title>Embeddable Component | Conestoga Computer Science Club</title>
+    <meta name="description" content="This page is intended to be embed in another page." />
+    <meta name="theme-color" content="#eaaded" />
+
+    <!--CSS re-used across stogacs.club -->
+    <link rel="stylesheet" href="/style/theme.css" />
+    <link rel="stylesheet" href="/style/main.css" />
+
+    <!-- Load in page specific CSS -->
+    <link rel="stylesheet" href="/style/hackstoga/schedule.css" />
+    <link rel="stylesheet" href="/style/tooltips.css" />
+
+    <!-- Load in page specific scripts -->
+    <script src="/scripts/utils.js"></script>
+    <script src="/scripts/hackstoga/schedule.js"></script>
+
+    <!-- Load in external CSS Libraries -->
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/purecss@3.0.0/build/pure-min.css" />
+    <link
+      rel="stylesheet"
+      href="https://cdn.jsdelivr.net/npm/purecss@3.0.0/build/grids-responsive-min.css"
+    />
+    <link
+      rel="stylesheet"
+      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"
+    />
+  </head>
+
+  <body>
+    <ul id="schedule-list">
+      <noscript>
+        <p class="center-text"> Please enable JavaScript to view the schedule. </p>
+      </noscript>
+    </ul>
+  </body>
+</html>
diff --git a/hackstoga/index.html b/hackstoga/index.html
@@ -379,7 +379,7 @@ <h2 style="text-align: center">Teams & Projects</h2>
       </div>
       <div class="pure-u-1-12"><!-- formatting div POST--></div>
     </section>
-    <section id="schedule" class="screen pure-g" style="height: 400px">
+    <section id="schedule" class="screen pure-g" style="height: 1150px">
       <div class="waves-divider" style="transform: none">
         <svg
           data-name="Layer 1"
@@ -404,13 +404,13 @@ <h2 style="text-align: center">Teams & Projects</h2>
         </svg>
       </div>
       <div class="pure-u-1-12"><!-- formatting div PRE--></div>
-      <div class="pure-u-5-6 pure-g">
+      <div class="pure-u-5-6">
         <div class="pure-u-1-1 formatting-separator"></div>
         <h1 class="header">Schedule</h1>
-        <p>
-          Check back here closer to the event date for a detailed schedule.
-          <br /><br /> </p
-        ><p> </p>
+        <iframe
+          src="./embedables/schedule"
+          style="width: 100%; height: 1000px; border-radius: 1em; border: none; overflow: scroll"
+        ></iframe>
         <div class="pure-u-1-1 formatting-separator"></div>
       </div>
       <div class="pure-u-1-12"><!-- formatting div POST--></div>