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

more progress on the about and changelog page

Browse Source
This commit is contained in:
Derek Chen
2024-04-20 17:59:08 -05:00
parent 08088c9938
commit 7889518286
4 changed files with 120 additions and 140 deletions
Download Patch File Download Diff File Expand all files Collapse all files

112
docs/about.html
View File

@@ -1,23 +1,30 @@
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>About - UT Austin Grade Distribution Viewer</title>
<link rel="icon" href="favicon.io">
<meta name="description" content="An up to date grade distribution viewer for students at the University of Texas at Austin">
<meta name="author" content="Derek Chen">
<meta name="keywords" content="UT, University of Texas at Austin, Grade viewer, grade distribution viewer, derex, grade distribution, ut austin">
<meta name="language" content="English">
<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">
<link rel="icon" href="favicon.io" />
<meta
name="description"
content="An up to date grade distribution viewer for students at the University of Texas at Austin"
/>
<meta name="author" content="Derek Chen" />
<meta
name="keywords"
content="UT, University of Texas at Austin, Grade viewer, grade distribution viewer, derex, grade distribution, ut austin"
/>
<meta name="language" content="English" />
<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"
>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" />
</script>
</head>
</head>
<body>
<body>
<nav>
<ul>
<li><a href="/docs/index.html">Home</a></li>
@@ -29,69 +36,30 @@
<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 scramble for
Jazz Appr- I mean course registration process.
This is a database tool to assist students of the University of Texas
- Austin in the biannual scramble for Jazz Appr- I mean course
registration process.
</p>
<p>
I noticed other grade sites used outdated data, so I made
my own. Enjoy!
I noticed other grade sites used outdated data, so I made my own.
Enjoy!
</p>
</div>
<div class="bg-form">
<p>
Use the
<a href="https://registrar.utexas.edu/schedules">official course name</a>
<a href="https://registrar.utexas.edu/schedules"
>official course name</a
>
whenever possible.
</p>
<p>
Some departments have a space in the middle (e.g., "C S")
</p>
<br>
<form action="">
<!-- Data is separated into course number, course prefi;x, and course name-->
<label for="courseField">Department (e.g., "MUS"):</label>
<input type="text" id="courseField" name="fname" required><br><br>
<label for="courseNum">Course Number (e.g., "307"):</label>
<input type="text" id="courseNum" name="fname" required><br><br>
<label for="courseName">Course Name (Optional, for same-number classes (e.g., "UGS 303")):</label>
<input type="text" id="courseName" name="fname"><br><br>
<!-- <label for="sectionNum">Section Number (Optional, Experimental)</label>
<input type="text" id="sectionNum" name="fname" required><br><br> -->
<!-- <label for="courseInstructor">Instructor (Optional):</label>
<input type="text" id="courseInstructor" name="fname"><br><br> -->
<!-- Dropdown menu for semester selection -->
<form>
<label for="dropdown">Semester:</label>
<select id="semester" name="dropdown">
<option value="f2023">Fall 2023</option>
<option value="s2023">Summer 2023</option>
<option value="sp2023">Spring 2023</option>
<option value="f2022">Fall 2022</option>
<option value="s2022">Summer 2022</option>
<option value="sp2022">Spring 2022</option>
<option value="f2021">Fall 2021</option>
<option value="s2021">Summer 2021</option>
<option value="sp2021">Spring 2021</option>
<option value="f2020">Fall 2020</option>
<option value="s2020">Summer 2020</option>
<option value="sp2020">Spring 2020</option>
</select>
<br><br>
</form>
<button type="button" id="subBut" class="submit-button">Submit</button><br><br>
</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>
<p>Some departments have a space in the middle (e.g., "C S")</p>
</div>
</div>
</div>
<div class="footy">Created by Derek Chen
<!-- because VAPA lecture was a bit boring that day -->
<div class="footy">
Created by Derek Chen
<div>
<input type="checkbox" class="checkbox" id="colorToggle">
<input type="checkbox" class="checkbox" id="colorToggle" />
<label for="colorToggle" class="checkbox-label">
<i class="fas fa-moon"></i>
<i class="fas fa-sun"></i>
@@ -100,11 +68,15 @@
</div>
<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="100" height="30" title="GitHub">
frameborder="0"
scrolling="0"
width="100"
height="30"
title="GitHub"
>
</iframe>
</div>
<script src='main.js'></script>
<script src='colorScheme.js'></script>
</body>
<script src="main.js"></script>
<script src="colorScheme.js"></script>
</body>
</html>

21
docs/changelog.html
View File

@@ -49,16 +49,17 @@
<p>
Sunt in culpa qui officia deserunt mollit anim id est laborum
consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
exercitation ullamco.
labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco.
</p>
</div>
<div class="default-card">
<h2>Made this page</h2>
<p>April 20, 2024</p>
<p>
Yay I fixed a ton of things today and made this page! Got the color
changing slider working way more smoothly now too so that's great.
Yay I fixed a ton of things today and made this page! Got the
color changing slider working way more smoothly now too so that's
great.
</p>
<p>Can't believe this semester ends in 2 weeks</p>
</div>
@@ -75,10 +76,11 @@
</div>
</div>
</div>
<div class="footy">Created by Derek Chen
<div class="footy">
Created by Derek Chen
<!-- because VAPA lecture was a bit boring that day -->
<div>
<input type="checkbox" class="checkbox" id="colorToggle">
<input type="checkbox" class="checkbox" id="colorToggle" />
<label for="colorToggle" class="checkbox-label">
<i class="fas fa-moon"></i>
<i class="fas fa-sun"></i>
@@ -87,7 +89,12 @@
</div>
<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="100" height="30" title="GitHub">
frameborder="0"
scrolling="0"
width="100"
height="30"
title="GitHub"
>
</iframe>
</div>
</body>

3
docs/index.html
View File

@@ -36,8 +36,9 @@
</nav>
<div class="wrapper">
<div class="about-text" value="">
<h1>Intro</h1>
<p>
This is a database tool to assist students of the University of Texas - Austin in the biannual scramble for
This is a database tool to assist students of the University of Texas at Austin in the biannual scramble for
Jazz Appr- I mean course registration process.
</p>
<p>

2
docs/main.css
View File

@@ -177,7 +177,7 @@ h1 {
}
.default-card {
background-color: white;
background-color: var(--container-color);
padding: 20px;
margin-top: 20px;
}