<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>TowardsTJ</title>

		<link rel="stylesheet" href="css/index.css" />
		<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
	</head>
	<body>
		<div class="wrapper">
			<nav>
				<a class="nav-link" href="#">Home</a>
				<a class="nav-link" href="#schedule">Schedule</a>
				<a href="#">
					<img src="css/img/towards-small.png" style="height: 4rem" />
				</a>
				<a class="nav-link" href="#topics">Topics</a>
				<a
					class="nav-link bold"
					href="https://aceclasses.fcps.edu/AcademicCourseDetails.aspx?AreaID=11290&AreaName=&CourseID=f4101846-ecbd-480a-af53-0af2f2dbd371&ProgramID=506&ProgCatgName=TJ+Summer+Enrichment&CategoryID=10602&Term=202103&IsCourse=1"
					target="_blank"
					rel="noreferrer"
					>Sign Up</a
				>
			</nav>
		</div>
		<div class="hero">
			<img
				style="width: 100%; height: 100%; object-fit: cover"
				src="css/img/tj.jpg"
			/>
			<div
				style="
					position: absolute;
					inset: 0;
					background-color: black;
					opacity: 0.15;
				"
			></div>
			<h1
				style="
					position: absolute;
					left: 5%;
					top: calc(50% - 2em);
					text-align: center;
					color: white;
					font-size: 4rem;
					padding: 0.5rem;
				"
			>
				Get a Head Start<br />
				to Success at TJ
			</h1>
		</div>
		<div class="introduction">
			<div class="quote">
				<div class="quote-col">
					<h1 class="important" style="text-align: right">
						Next year, over <span class="bold">800</span> students will enter
						the TJ building for the first time.
					</h1>
				</div>
				<div class="quote-col">
					<p style="font-style: italic; font-size: 2rem">
						TJ's Student Government Association is hosting an online summer
						program where students can get inside advice from upperclassmen
						about classes, extracurriculars, and TJ life.
					</p>
				</div>
			</div>
			<div class="inline">
				<a
					class="button hover-1 signup-button whitesmoke"
					href="https://aceclasses.fcps.edu/AcademicCourseDetails.aspx?AreaID=11290&AreaName=&CourseID=f4101846-ecbd-480a-af53-0af2f2dbd371&ProgramID=506&ProgCatgName=TJ+Summer+Enrichment&CategoryID=10602&Term=202103&IsCourse=1"
					target="_blank"
					rel="noreferrer"
					>Sign Up</a
				>
				<a
					class="button hover-2 signup-button whitesmoke"
					href="https://docs.google.com/forms/d/e/1FAIpQLSeZWicIhq7smCXp4yyJkMXl-r4mstQ8Lvauo6PFr9YMtmfHzA/viewform?usp=sf_link"
					target="_blank"
					rel="noreferrer"
					>Volunteer</a
				>
			</div>
		</div>
		<main style="position: relative">
			<div id="schedule" style="margin-top: -5rem; height: 5rem"></div>
			<h1 class="header">Schedule</h1>
			<p style="margin-block-start: 0; text-align: center">
				2024 students: August 2nd - August 6th, weekdays<br />
				2025 students: August 2nd - August 13th, weekdays<br /><br />

				3:00pm - 5:30pm (fully virtual)
			</p>

			<div id="topics" style="margin-top: -5rem; height: 5rem"></div>
			<h2>Topics</h2>

			<span>
				(Jump to: <a href="#2025-week-1">2025 week 1</a>,
				<a href="#2025-week-2">2025 week 2</a>,
				<a href="#2024-week-1">2024 week 1</a>,
				<a href="#2024-week-2">2024 week 2</a>)
			</span>

			<div id="2025-week-1" style="margin-top: -8rem; height: 8rem"></div>
			<span class="materials-table-title">2025 Week 1: Introduction to TJ</span>

			<table id="2025-week-1-table" class="materials-table">
				<thead>
					<tr>
						<th>Day</th>
						<th>Topics</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td>1</td>
						<td>
							Introduction to TJ<br />
							Homecoming<br />
							<a
								href="https://docs.google.com/presentation/d/17trhpu3HJ9yW577lC2icyGdrRm-fq90etSG8GVAeJ5E/"
							>
								Slides
							</a>
						</td>
					</tr>
					<tr>
						<td>2</td>
						<td>
							Design and Technology<br />
							IBET (Integrated Biology, English, and Technology)<br />
							<!-- <a
								href="https://docs.google.com/presentation/d/1HeNYjN2f6lH3AQbbpIp_miQ3dOkr41k0ls0gdV5MCes/"
							>
								Slides
							</a> -->
						</td>
					</tr>
					<tr>
						<td>3</td>
						<td>
							English<br />
							General TJ advice<br />
							<!-- <a
								href="https://docs.google.com/presentation/d/1LurXnbony0ZVKzGC2I-mYxXlnP7IeqqE7ZjwauVWITI/edit"
							>
								Slides
							</a> -->
						</td>
					</tr>
					<tr>
						<td>4</td>
						<td>
							Biology<br />
							Fun activities<br />
							<!-- <a
								href="https://docs.google.com/presentation/d/1HHj9ZNKUnPDd1btAw1rkqEtaYO8sXlUsWhidyBSFO3o/edit"
							>
								Slides
							</a> -->
						</td>
					</tr>
					<tr>
						<td>5</td>
						<td>
							Quiz<br />
							Extracurriculars<br />
							<!-- <a
								href="https://docs.google.com/presentation/d/1m0Uv1jG1CANWtoK6tN7D1BBJSmoESxV6Uv8oYkAN6TY/edit"
							>
								Slides
							</a> -->
						</td>
					</tr>
				</tbody>
			</table>

			<div id="2025-week-2" style="margin-top: -8rem; height: 8rem"></div>
			<span class="materials-table-title">2025 Week 2: Introduction to TJ</span>

			<table id="2025-week-2-table" class="materials-table">
				<thead>
					<tr>
						<th>Day</th>
						<th>Topics</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td>1</td>
						<td>
							Project briefing<br />
							Electives Pathways
						</td>
					</tr>
					<tr>
						<td>2</td>
						<td>
							Languages<br />
							Project work time
						</td>
					</tr>
					<tr>
						<td>3</td>
						<td>
							Computer Science<br />
							<ul style="margin-top: 0">
								<li>Electives</li>
								<li>Research labs</li>
							</ul>
							Project work time
						</td>
					</tr>
					<tr>
						<td>4</td>
						<td>
							Math<br />
							Project work time
						</td>
					</tr>
					<tr>
						<td>5</td>
						<td>
							Project presentation<br />
							Extracurricular advice
						</td>
					</tr>
				</tbody>
			</table>

			<div id="2024-week-1" style="margin-top: -8rem; height: 8rem"></div>
			<span class="materials-table-title">2024 week 1</span>

			<table id="2024-table" class="materials-table">
				<thead>
					<tr>
						<th>Day</th>
						<th>Topics</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td>1</td>
						<td>
							Orientation<br />
							8th periods<br />
							School layout<br />
							Facebook?<br />
							<a
								href="https://docs.google.com/presentation/d/1cl2XBWROpd3JFLqiYfDVwyOSzxp_uMgGdmjNMtNDJoA/edit"
							>
								Slides
							</a>
						</td>
					</tr>
					<tr>
						<td>2</td>
						<td>
							Homecoming<br />
							<!-- <a
								href="https://docs.google.com/presentation/d/1Dr3vYatr_cJMtAflF24O5f-9xYMIsgpZMfGAyWVA-QQ/edit"
							>
								Slides
							</a> -->
						</td>
					</tr>
					<tr>
						<td>3</td>
						<td>
							Math<br />
							<!-- <a
								href="https://docs.google.com/presentation/d/15p2PlCQM4TqPfeiljDk_8XPcq5BwFqk5VWRDMHEy_HY/edit"
							>
								Slides
							</a> -->
						</td>
					</tr>
					<tr>
						<td>4</td>
						<td>
							Humanities (HUM)<br />
							Chemistry Humanities (CHUM)<br />
							German Humanities (GHUM)<br />
							<!-- <a
								href="https://docs.google.com/presentation/d/1s4o5phl472XjOnhyefutuntKh9tT0VBz8SRX-3iEQlk/edit"
							>
								Slides
							</a> -->
						</td>
					</tr>
					<tr>
						<td>5</td>
						<td>
							Extracurriculars<br />
							<!-- <a
								href="https://docs.google.com/presentation/d/1WTjV8Y5xDBbbq7mjmaArHSjs5-wmseS9YTve32X4tHg/edit"
							>
								Slides
							</a> -->
						</td>
					</tr>
				</tbody>
			</table>

			<div id="2024-week-2" style="margin-top: -8rem; height: 8rem"></div>
			<span class="materials-table-title">2024 week 2</span>

			<table id="2024-table" class="materials-table">
				<thead>
					<tr>
						<th>Day</th>
						<th>Topics</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td>1</td>
						<td>
							Project introduction<br />
							Community Events<br />
						</td>
					</tr>
					<tr>
						<td>2</td>
						<td>Computer Science</td>
					</tr>
					<tr>
						<td>3</td>
						<td>Chemistry</td>
					</tr>
					<tr>
						<td>4</td>
						<td>
							Other pathways<br />
							Bio, Humanities, Robotics, Music
						</td>
					</tr>
					<tr>
						<td>5</td>
						<td>Project presentation</td>
					</tr>
				</tbody>
			</table>

			<br />

			<footer class="footer">
				<p>
					<a href="https://github.com/tjsga/towardstj">GitHub</a>
				</p>
				<p>
					Website made with ❤ by
					<a href="https://github.com/myfatemi04">Michael Fatemi</a> &amp;
					<a href="https://github.com/rushilwiz">Rushil Umaretiya</a>
				</p>
			</footer>
		</main>

		<script
			src="https://code.jquery.com/jquery-3.6.0.slim.min.js"
			integrity="sha256-u7e5khyithlIdTpu22PHhENmPcRdFiHRjhAuHcs05RI="
			crossorigin="anonymous"
		></script>
		<script src="js/main.js"></script>
	</body>
</html>