2024-09-03 22:11:12 -06:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
2024-09-05 17:51:53 -06:00
|
|
|
<title>Find Classmates</title>
|
2024-09-03 22:11:12 -06:00
|
|
|
<link rel="stylesheet" href="/static/style.css">
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<div class="container">
|
2024-09-05 17:51:53 -06:00
|
|
|
<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">
|
2024-09-05 21:46:32 -06:00
|
|
|
<input type="text" id="classes-input" placeholder="Enter classes" />
|
2024-09-05 17:51:53 -06:00
|
|
|
</div><br><br>
|
|
|
|
|
|
|
|
|
|
<input type="submit" value="Submit">
|
|
|
|
|
</form>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="matches-section">
|
|
|
|
|
<h2>People with Similar Classes</h2>
|
|
|
|
|
<div id="matches-container">
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2024-09-03 22:11:12 -06:00
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<script src="/static/theme.js"></script>
|
2024-09-05 17:51:53 -06:00
|
|
|
<script src="/static/util.js"></script>
|
2024-09-03 22:11:12 -06:00
|
|
|
</body>
|
|
|
|
|
</html>
|
