DerexXD/ut-grade-distribution-viewer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

New CSS to make it look better, fetch filters way better now

Browse Source
This commit is contained in:
HW Computer
2023-04-18 18:54:59 -05:00
parent d96f0aef12
commit c0e8935104
3 changed files with 37 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
index.html
View File

@@ -1,36 +1,46 @@
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<title>UT Grade Viewer</title>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<link rel='stylesheet' type='text/css' media='screen' href='main.css'>
<script src="https://cdnjs.cloudflare.com/ajax/libs/PapaParse/5.4.1/papaparse.min.js"
integrity="sha512-dfX5uYVXzyU8+KHqj8bjo7UkOdg18PaOtpa48djpNbZHwExddghZ+ZmzWT06R5v6NSk3ZUfsH6FNEDepLx9hPQ=="
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<meta charset='utf-8'>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<title>UT Grade Viewer</title>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<link rel='stylesheet' type='text/css' media='screen' href='main.css'>
<script src="https://cdnjs.cloudflare.com/ajax/libs/PapaParse/5.4.1/papaparse.min.js"
integrity="sha512-dfX5uYVXzyU8+KHqj8bjo7UkOdg18PaOtpa48djpNbZHwExddghZ+ZmzWT06R5v6NSk3ZUfsH6FNEDepLx9hPQ=="
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
</head>
<body>
<div class="bg"></div>
<div class="bg-text">
<div class="bg"></div>
<div class="bg-text">
<p>
Keep course names as close to the
<a href="https://registrar.utexas.edu/schedules">official course name</a>
as possible
</p>
<!-- Data is separated into course number, course prefi;x, and course name-->
<label for="courseField">Course Field (Ex: "MUS"):</label>
<input type="text" id="courseField" name="fname"><br><br>
<label for="courseNum">Course Number (Ex: "307"):</label>
<input type="text" id="courseNum" name="fname"><br><br>
<label for="courseName">Course Name (Ex: "JAZZ APPRECIATION-WB"):</label>
<label for="courseName">Course Name (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>
<form>
<label for="dropdown">Semester (work in progress):</label>
<select id="dropdown" name="dropdown">
<option value="option1">Fall 2022</option>
<option value="option2">Spring 2022</option>
<option value="option3">Fall 2021</option>
</select>
<br><br>
</form>
<button type="submit" id = "subBut">Submit</button>
</div>
<script src='main.js'></script>
<label for="dropdown">Semester (work in progress):</label>
<select id="dropdown" name="dropdown">
<option value="option1">Fall 2022</option>
<option value="option2">Spring 2022</option>
<option value="option3">Fall 2021</option>
</select>
<br><br>
</form>
<button type="submit" id="subBut">Submit</button>
</div>
<script src='main.js'></script>
</body>
</html>

8
main.css
View File

@@ -4,8 +4,8 @@
/* General Styles */
body {
font-family: 'Helvetica Neue', sans-serif;
background-color: #f7f7f7;
color: #333333;
background: rgb(27,26,42);
background: linear-gradient(90deg, rgba(27,26,42,1) 0%, rgba(61,87,92,1) 100%);
}
a {
@@ -75,7 +75,7 @@ body {
/* Footer Styles */
footer {
background-color: #333333;
background-color: #2e2d2d;
color: #ffffff;
padding: 20px;
text-align: center;
@@ -110,7 +110,7 @@ body {
/* Position text in the middle of the page/image */
.bg-text {
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgb(0, 0, 0); /* Fallback color */
background-color: rgba(0,0,0, 0.4); /* opacity/see-through */
color: white;
font-weight: bold;

2
main.js
View File

@@ -33,7 +33,7 @@ async function PapaParse(department, num, name) {
.then(() => {
console.log(cData);
});
const selectedClass = cData.filter(cData => cData["Course Title"] == name);
const selectedClass = cData.filter(cData => cData["Course Title"].includes(name.toUpperCase()));
console.log(selectedClass);
}