67 lines
2.1 KiB
HTML
67 lines
2.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Find Classmates</title>
|
|
<link rel="stylesheet" href="/static/style.css">
|
|
<style>
|
|
.class-shared {
|
|
font-weight: bold;
|
|
color: black;
|
|
}
|
|
.class-other {
|
|
color: gray;
|
|
}
|
|
.class-not-shared {
|
|
color: gray;
|
|
text-decoration: line-through;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<div class="content">
|
|
<div class="form-section">
|
|
<h1>Enter Your Information</h1>
|
|
<button id="dark-mode-toggle">Toggle Dark Mode</button>
|
|
<form action="/submit" method="post">
|
|
<label for="name">Name:</label>
|
|
<input type="text" id="name" name="name" required><br><br>
|
|
|
|
<label for="email">Email:</label>
|
|
<input type="email" id="email" name="email"><br><br>
|
|
|
|
<label for="phone">Phone:</label>
|
|
<input type="text" id="phone" name="phone"><br><br>
|
|
|
|
<label for="dorm">Dorm:</label>
|
|
<input type="text" id="dorm" name="dorm"><br><br>
|
|
|
|
<label>Classes:</label>
|
|
<div class="tags-input-container" id="classes-container">
|
|
<input type="text" id="classes-input" placeholder="Enter classes" />
|
|
</div><br><br>
|
|
|
|
<input type="submit" value="Submit">
|
|
</form>
|
|
</div>
|
|
|
|
<div class="matches-section">
|
|
<h2>People with Similar Classes</h2>
|
|
<div id="class-filter-container">
|
|
<p>Filter by classes:</p>
|
|
</div>
|
|
<div id="matches-container">
|
|
<p>No one has a similar class yet!</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="/static/util.js"></script>
|
|
</body>
|
|
</html>
|
|
|
|
|