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

12
index.html
View File

@@ -1,5 +1,6 @@
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
@@ -10,16 +11,24 @@
integrity="sha512-dfX5uYVXzyU8+KHqj8bjo7UkOdg18PaOtpa48djpNbZHwExddghZ+ZmzWT06R5v6NSk3ZUfsH6FNEDepLx9hPQ=="
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
</head>
<body>
<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">
@@ -33,4 +42,5 @@
</div>
<script src='main.js'></script>
</body>
</html>

6
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;

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);
}