towardstj/index.html
2021-08-02 11:48:24 -04:00

374 lines
8.8 KiB
HTML

<!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>