From e41974b3ee4b960124c4a6d9e3246099cea86ef8 Mon Sep 17 00:00:00 2001
From: HW Computer <derex1987@gmail.com>
Date: Sun, 23 Apr 2023 17:54:32 -0500
Subject: [PATCH] Added about page

---
 index.html | 20 +++++++++++++++-----
 main.css   | 28 +++++++++++++++++++++++++---
 main.js    |  2 +-
 3 files changed, 41 insertions(+), 9 deletions(-)
diff --git a/index.html b/index.html
index 48af147..6fc3a7a 100644
--- a/index.html
+++ b/index.html
@@ -26,8 +26,18 @@
 
 <body>
   <div class="bg"></div>
-  <div class="bg-text">
-    <p>Noticed other grade sites used outdated data, so I made my own. Enjoy!</p>
+  <div class="bg-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>
@@ -43,13 +53,13 @@
       <input type="text" id="courseNum" name="fname" required><br><br>
       <label for="courseName">Course Name (Optional, useful for precision Ex: "Jazz Appreciation"):</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>
+      <!-- <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 (work in progress):</label>
+        <label for="dropdown">Semester (under construction):</label>
         <select id="dropdown" name="dropdown">
           <option value="option1">Fall 2022</option>
           <option value="option2">Spring 2022</option>
diff --git a/main.css b/main.css
index b04c334..302202a 100644
--- a/main.css
+++ b/main.css
@@ -113,7 +113,6 @@ footer p {
   background-size: cover;
 }
 
-/* Position text in the middle of the page/image */
 .bg-text {
   background-color: rgb(0, 0, 0);
   /* Fallback color */
@@ -122,12 +121,35 @@ footer p {
   color: white;
   font-weight: bold;
   border: 3px solid #f1f1f1;
+  margin: 5px auto;
+
+  position: absolute;
+  top: 15%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  /* z-index: 2; */
+  width: 70%;
+  padding: 20px;
+  text-align: center;
+}
+
+/* Position text in the middle of the page/image */
+.bg-form {
+  background-color: rgb(0, 0, 0);
+  /* Fallback color */
+  background-color: rgba(0, 0, 0, 0.4);
+  /* opacity/see-through */
+  color: white;
+  font-weight: bold;
+  border: 3px solid #f1f1f1;
+  margin: 5px auto;
+
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
-  z-index: 2;
-  width: 80%;
+  /* z-index: 2; */
+  width: 70%;
   padding: 20px;
   text-align: center;
 }
diff --git a/main.js b/main.js
index 9b121d0..30f8416 100644
--- a/main.js
+++ b/main.js
@@ -33,7 +33,7 @@ function parseName() {
 async function PapaParse(department, num, name) {
     let cData = '';
     // await fetch('https://derec4.github.io/UT-Grade-Dist/2022prefixes.json');
-    await fetch('https://derec4.github.io/UT-Grade-Dist/2022%20Fall.json')
+    await fetch('https://derec4.github.io/ut-grade-data/2022%20Fall.json')
     .then(res => res.json())
     .then(data => { cData = data; });
 
