more progress on the about and changelog page
This commit is contained in:
104
docs/about.html
104
docs/about.html
@@ -1,18 +1,25 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html>
|
<html>
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
<meta charset='utf-8'>
|
<meta charset="utf-8" />
|
||||||
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||||
<title>About - UT Austin Grade Distribution Viewer</title>
|
<title>About - UT Austin Grade Distribution Viewer</title>
|
||||||
<link rel="icon" href="favicon.io">
|
<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
|
||||||
<meta name="author" content="Derek Chen">
|
name="description"
|
||||||
<meta name="keywords" content="UT, University of Texas at Austin, Grade viewer, grade distribution viewer, derex, grade distribution, ut austin">
|
content="An up to date grade distribution viewer for students at the University of Texas at Austin"
|
||||||
<meta name="language" content="English">
|
/>
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="author" content="Derek Chen" />
|
||||||
<link rel='stylesheet' type='text/css' media='screen' href='main.css'>
|
<meta
|
||||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.4/Chart.js">
|
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" />
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" />
|
||||||
</script>
|
</script>
|
||||||
</head>
|
</head>
|
||||||
@@ -29,69 +36,30 @@
|
|||||||
<div class="about-text" value="">
|
<div class="about-text" value="">
|
||||||
<h1>About</h1>
|
<h1>About</h1>
|
||||||
<p>
|
<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
|
||||||
Jazz Appr- I mean course registration process.
|
- Austin in the biannual scramble for Jazz Appr- I mean course
|
||||||
|
registration process.
|
||||||
</p>
|
</p>
|
||||||
<p>
|
<p>
|
||||||
I noticed other grade sites used outdated data, so I made
|
I noticed other grade sites used outdated data, so I made my own.
|
||||||
my own. Enjoy!
|
Enjoy!
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="bg-form">
|
<div class="bg-form">
|
||||||
<p>
|
<p>
|
||||||
Use the
|
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.
|
whenever possible.
|
||||||
</p>
|
</p>
|
||||||
<p>
|
<p>Some departments have a space in the middle (e.g., "C S")</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>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="footy">
|
||||||
<div class="footy">Created by Derek Chen
|
Created by Derek Chen
|
||||||
<!-- because VAPA lecture was a bit boring that day -->
|
|
||||||
<div>
|
<div>
|
||||||
<input type="checkbox" class="checkbox" id="colorToggle">
|
<input type="checkbox" class="checkbox" id="colorToggle" />
|
||||||
<label for="colorToggle" class="checkbox-label">
|
<label for="colorToggle" class="checkbox-label">
|
||||||
<i class="fas fa-moon"></i>
|
<i class="fas fa-moon"></i>
|
||||||
<i class="fas fa-sun"></i>
|
<i class="fas fa-sun"></i>
|
||||||
@@ -100,11 +68,15 @@
|
|||||||
</div>
|
</div>
|
||||||
<iframe
|
<iframe
|
||||||
src="https://ghbtns.com/github-btn.html?user=Derec4&repo=ut-grade-distribution-viewer&type=star&count=true&size=large"
|
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>
|
</iframe>
|
||||||
</div>
|
</div>
|
||||||
<script src='main.js'></script>
|
<script src="main.js"></script>
|
||||||
<script src='colorScheme.js'></script>
|
<script src="colorScheme.js"></script>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
@@ -49,16 +49,17 @@
|
|||||||
<p>
|
<p>
|
||||||
Sunt in culpa qui officia deserunt mollit anim id est laborum
|
Sunt in culpa qui officia deserunt mollit anim id est laborum
|
||||||
consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
|
consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
|
||||||
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
|
labore et dolore magna aliqua. Ut enim ad minim veniam, quis
|
||||||
exercitation ullamco.
|
nostrud exercitation ullamco.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="default-card">
|
<div class="default-card">
|
||||||
<h2>Made this page</h2>
|
<h2>Made this page</h2>
|
||||||
<p>April 20, 2024</p>
|
<p>April 20, 2024</p>
|
||||||
<p>
|
<p>
|
||||||
Yay I fixed a ton of things today and made this page! Got the color
|
Yay I fixed a ton of things today and made this page! Got the
|
||||||
changing slider working way more smoothly now too so that's great.
|
color changing slider working way more smoothly now too so that's
|
||||||
|
great.
|
||||||
</p>
|
</p>
|
||||||
<p>Can't believe this semester ends in 2 weeks</p>
|
<p>Can't believe this semester ends in 2 weeks</p>
|
||||||
</div>
|
</div>
|
||||||
@@ -75,10 +76,11 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</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 -->
|
<!-- because VAPA lecture was a bit boring that day -->
|
||||||
<div>
|
<div>
|
||||||
<input type="checkbox" class="checkbox" id="colorToggle">
|
<input type="checkbox" class="checkbox" id="colorToggle" />
|
||||||
<label for="colorToggle" class="checkbox-label">
|
<label for="colorToggle" class="checkbox-label">
|
||||||
<i class="fas fa-moon"></i>
|
<i class="fas fa-moon"></i>
|
||||||
<i class="fas fa-sun"></i>
|
<i class="fas fa-sun"></i>
|
||||||
@@ -87,7 +89,12 @@
|
|||||||
</div>
|
</div>
|
||||||
<iframe
|
<iframe
|
||||||
src="https://ghbtns.com/github-btn.html?user=Derec4&repo=ut-grade-distribution-viewer&type=star&count=true&size=large"
|
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>
|
</iframe>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
|
|||||||
@@ -36,8 +36,9 @@
|
|||||||
</nav>
|
</nav>
|
||||||
<div class="wrapper">
|
<div class="wrapper">
|
||||||
<div class="about-text" value="">
|
<div class="about-text" value="">
|
||||||
|
<h1>Intro</h1>
|
||||||
<p>
|
<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.
|
Jazz Appr- I mean course registration process.
|
||||||
</p>
|
</p>
|
||||||
<p>
|
<p>
|
||||||
|
|||||||
@@ -177,7 +177,7 @@ h1 {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.default-card {
|
.default-card {
|
||||||
background-color: white;
|
background-color: var(--container-color);
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
margin-top: 20px;
|
margin-top: 20px;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user