Maybe thisll not break plz

2023-05-01 00:09:31 -05:00
parent e980ccf7fa
commit 6c8cd20b06
4 changed files with 0 additions and 0 deletions
--- a/docs/index.html
+++ b/docs/index.html
@@ -0,0 +1,89 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+  <!-- Google tag (gtag.js) -->
+  <script async src="https://www.googletagmanager.com/gtag/js?id=G-Z5B0S1WMC4"></script>
+  <script>
+    window.dataLayer = window.dataLayer || [];
+    function gtag() { dataLayer.push(arguments); }
+    gtag('js', new Date());
+
+    gtag('config', 'G-Z5B0S1WMC4');
+  </script>
+  <meta charset='utf-8'>
+  <meta http-equiv='X-UA-Compatible' content='IE=edge'>
+  <title>UT Grade Viewer</title>
+  <link rel="icon" href="https://derec4.github.io/ut-grade-distribution-viewer/data/icon.png">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <link rel='stylesheet' type='text/css' media='screen' href='main.css'>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.4/Chart.js">
+  </script>
+</head>
+
+<body>
+  <div class="wrapper">
+    <div class="about-text" value="">
+      <h1>About</h1>
+      <p>
+        This is a database tool to assist students of the University of Texas - Austin in the biannual race for
+        Jazz Appr- I mean course registration process.
+      </p>
+      <p>
+        I noticed other grade sites used outdated data, so I made
+        my own. Enjoy!
+      </p>
+    </div>
+    <div class="bg-form">
+      <p>
+        Keep course names as close to the
+        <a href="https://registrar.utexas.edu/schedules">official course name</a>
+        as possible
+      </p>
+      <br>
+      <form action="">
+  
+        <!-- Data is separated into course number, course prefi;x, and course name-->
+        <label for="courseField">Department (Ex: "MUS"):</label>
+        <input type="text" id="courseField" name="fname" required><br><br>
+        <label for="courseNum">Course Number (Ex: "307"):</label>
+        <input type="text" id="courseNum" name="fname" required><br><br>
+        <label for="courseName">Course Name (Optional, useful if classes have the same number like UGS 303):</label>
+        <input type="text" id="courseName" name="fname"><br><br>
+        <!-- <label for="courseInstructor">Instructor (Optional):</label>
+        <input type="text" id="courseInstructor" name="fname"><br><br> -->
+        <button type="button" id="subBut">Submit</button><br><br>
+  
+        <!-- Dropdown menu for semester selection -->
+        <form>
+          <label for="dropdown">Semester (experimental feature):</label>
+          <select id="semester" name="dropdown">
+            <option value="f2022">Fall 2022</option>
+            <option value="s2022">Summer 2022</option>
+            <option value="sp2022">Spring 2022</option>
+            <option value="f2021">Fall 2021</option>
+          </select>
+          <br><br>
+        </form>
+      </form>
+      <div class="chart-container" id="grades" value="invisible" style="position: relative; height:40vh; width:80vw">
+        <!--Bar graph stuff-->
+        <canvas id="gradeBar" style="width:100%;height:100%;"></canvas>
+      </div>
+    </div>
+  </div>
+  <footer>Created by Derek Chen
+    <!-- because VAPA lecture was a bit boring that day -->
+    <iframe
+      src="https://ghbtns.com/github-btn.html?user=Derec4&repo=ut-grade-distribution-viewer&type=star&count=true&size=large"
+      frameborder="0" scrolling="0" width="170" height="30" title="GitHub">
+    </iframe>
+    <!-- <iframe src="https://ghbtns.com/github-btn.html?user=DereC4&type=follow&count=true&size=large" frameborder="0"
+      scrolling="0" width="170" height="30" title="GitHub">
+    </iframe> -->
+  </footer>
+
+  <script src='main.js'></script>
+</body>
+
+</html>