<!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" />
</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://docs.google.com/forms/d/e/1FAIpQLSc5h3xspjHiVVlaRlOEOyQl9oM0tB4ba7gs7vxx3PouHBnw6A/viewform"
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 />
on Success at TJ
</h1>
</div>
<div class="introduction">
<div class="quote">
<div class="quote-col">
<h1 class="important" style="text-align: center">
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 a 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://docs.google.com/forms/d/e/1FAIpQLSc5h3xspjHiVVlaRlOEOyQl9oM0tB4ba7gs7vxx3PouHBnw6A/viewform"
target="_blank"
rel="noreferrer"
>Sign Up</a
>
<a
class="button hover-2 signup-button whitesmoke"
href="https://docs.google.com/forms/d/e/1FAIpQLSc5h3xspjHiVVlaRlOEOyQl9oM0tB4ba7gs7vxx3PouHBnw6A/viewform"
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
</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">2024</a>)
</span>
<span class="materials-table-title" id="2025-week-1"
>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
</td>
</tr>
<tr>
<td>2</td>
<td>
Biology<br />
English
</td>
</tr>
<tr>
<td>3</td>
<td>
Design and Technology<br />
IBET (Integrated Biology, English, and Technology)
</td>
</tr>
<tr>
<td>4</td>
<td>
Biology<br />
English<br />
<ul style="margin-top: 0">
<li>Literature reviews</li>
<li>Scientific writing</li>
<li>Citations</li>
<li>Taking notes from a book</li>
</ul>
</td>
</tr>
<tr>
<td>5</td>
<td>
Test<br />
General TJ Advice
</td>
</tr>
</tbody>
</table>
<span class="materials-table-title" id="2025-week-2"
>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>
<span class="materials-table-title" id="2024"
>2024: Introduction to TJ</span
>
<table id="2024-table" class="materials-table">
<thead>
<tr>
<th>Day</th>
<th>Topics</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>
Introduction to in-person TJ<br />
Project briefing
</td>
</tr>
<tr>
<td>2</td>
<td>
Chemistry<br />
AP Biology<br />
AP Chemistry<br />
AP Computer Science
</td>
</tr>
<tr>
<td>3</td>
<td>
Math<br />
Languages
</td>
</tr>
<tr>
<td>4</td>
<td>Humanities (HUM)<br /></td>
</tr>
<tr>
<td>5</td>
<td>
Test<br />
General TJ Advice<br />
</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> &
<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>