snow-finals-schedule/www/index.html

98 lines
3.7 KiB
HTML

<!DOCTYPE html>
<!--
Kyler Olsen
July 2025
-->
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Snow College Final Exams Finder</title>
<link rel="stylesheet" href="index.css">
<script src="index.js" defer></script>
</head>
<body>
<main>
<h1>
<div class="title">Snow College Final Exams Finder</div>
<div class="semester">Loading...</div>
</h1>
<p>
This tool helps you find the final exam schedule for Snow College.
It is not affiliated with Snow College. It was created by a Software
Engineering student at Snow and is provided as a convenience for
students. The schedule is based on the official Snow College final
exam schedule, but it may not be up to date or accurate. Always
check with your instructors or the official Snow College website for
the most current information.
<ul>
<li>
<a id="official-schedule" href="https://www.snow.edu/" target="_blank" rel="noopener noreferrer">
Official Snow College Website
</a>
</li>
</ul>
</p>
<div class="class-input">
<hr/>
<h2>Add Class</h2>
<p>
<em>Please enter the class information below:</em>
<!-- <br/><small>Class name is just a label, this app doesn't have the college class schedule.</small> -->
</p>
<div>
<span class="input-group">
<label for="class-name">Class Name </label>
<input type="text" id="class-name" placeholder="Enter Class Name">
</span>
<span class="input-group">
<span>Days </span>
<input type="checkbox" id="Mon"><label for="Mon">M</label>
<input type="checkbox" id="Tue"><label for="Tue">T</label>
<input type="checkbox" id="Wed"><label for="Wed">W</label>
<input type="checkbox" id="Thu"><label for="Thu">Th</label>
<input type="checkbox" id="Fri"><label for="Fri">F</label>
</span>
<span class="input-group">
<label for="time">Time </label><input type="time" id="time">
<button id="add-class">Add Class</button>
</span>
</div>
<p class="error-message hidden">
Please enter a class time and select at least one day.
</p>
</div>
<div class="class-list no-classes">
<hr/>
<h2>Class List</h2>
<table id="class-table">
<thead>
<tr>
<th>Class Name</th>
<th>Days</th>
<th>Time</th>
<th>Final Exam Date</th>
<th>Final Exam Time</th>
<th></th>
</tr>
</thead>
<tbody id="class-list">
<!-- Classes will be dynamically added here -->
</tbody>
</table>
</div>
</main>
<footer>
<div>
<hr/>
<small>
<span>&copy; 2025 Kyler Olsen</span>
<a href="/">Home</a>
<a id="dark">Dark Mode</a>
<a href="/contact.html">Contact</a>
<strong>Not Affiliated With Snow College</strong>
</small>
</div>
</footer>
</body>
</html>