diff --git a/css/img/logo.png b/css/img/logo.png new file mode 100644 index 0000000..7c31741 Binary files /dev/null and b/css/img/logo.png differ diff --git a/css/img/logo_condensed.png b/css/img/logo_condensed.png new file mode 100644 index 0000000..fe471c6 Binary files /dev/null and b/css/img/logo_condensed.png differ diff --git a/css/img/logo_condensed_transparent.png b/css/img/logo_condensed_transparent.png new file mode 100644 index 0000000..04db8d9 Binary files /dev/null and b/css/img/logo_condensed_transparent.png differ diff --git a/css/img/logo_transparent.png b/css/img/logo_transparent.png new file mode 100644 index 0000000..ed255b0 Binary files /dev/null and b/css/img/logo_transparent.png differ diff --git a/css/img/logo_transparent_full.png b/css/img/logo_transparent_full.png new file mode 100644 index 0000000..76041dc Binary files /dev/null and b/css/img/logo_transparent_full.png differ diff --git a/css/img/tj.jpg b/css/img/tj.jpg new file mode 100644 index 0000000..7c9990c Binary files /dev/null and b/css/img/tj.jpg differ diff --git a/css/img/towards.png b/css/img/towards.png new file mode 100644 index 0000000..99e858b Binary files /dev/null and b/css/img/towards.png differ diff --git a/css/index.css b/css/index.css new file mode 100644 index 0000000..cdcb7e7 --- /dev/null +++ b/css/index.css @@ -0,0 +1,208 @@ +html { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, + Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; +} + +body { + background-color: #fafafa; + padding: 0; + margin: 0; +} + +main { + display: flex; + flex-direction: column; + width: 100%; + align-items: center; + max-width: 50rem; + margin: 1rem auto; + padding: 0.5rem; + font-size: 1.5rem; +} + +nav { + background: transparent; + padding: 1rem; + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; + transition: all 0.3s ease; +} + +.scrolled { + background: #fafafa; +} + +.wrapper { + position: fixed; + width: 100%; + top: 0; + z-index: 1; +} + +.nav-link { + display: inline-block; + padding: 0.5rem 2rem; + line-height: 1.5; + text-decoration: none; + color: #4a4a4a; + text-transform: uppercase; + letter-spacing: 0.02em; + border-radius: 0.25rem; +} + +.bold { + font-weight: bold; +} + +.hero { + position: relative; + height: 100vh; +} + +.important { + font-size: 4rem; + font-weight: normal; +} + +.quote { + display: flex; + flex-direction: row; + align-items: center; + max-width: 75%; + margin: 1rem auto; + padding: 0.5rem; + font-size: 1.5rem; +} + +.introduction { + width: 100%; + display: flex; + flex-direction: column; + height: 100vh; + align-items: center; + justify-content: center; +} + +.subheader { + max-width: 50%; + font-style: italic; +} + +table { + border: 1px solid black; + width: 100%; +} + +.button { + border-radius: 0.5rem; + padding: 0.5em 1em; + margin: 0.5rem 0; + cursor: pointer; + user-select: none; + color: inherit; + text-decoration: none; + transition: all 0.3s ease; +} + +.button:visited { + color: inherit; +} + +.hover-1:hover { + background-image: linear-gradient( + to right, + #e7484f, + #e7484f 16.65%, + #f68b1d 16.65%, + #f68b1d 33.3%, + #fced00 33.3%, + #fced00 49.95%, + #009e4f 49.95%, + #009e4f 66.6%, + #00aac3 66.6%, + #00aac3 83.25%, + #732982 83.25%, + #732982 100%, + #e7484f 100% + ); + animation: slidebg 2s reverse linear infinite; +} + +.hover-2:hover { + background-image: linear-gradient( + to left, + #e7484f, + #e7484f 16.65%, + #f68b1d 16.65%, + #f68b1d 33.3%, + #fced00 33.3%, + #fced00 49.95%, + #009e4f 49.95%, + #009e4f 66.6%, + #00aac3 66.6%, + #00aac3 83.25%, + #732982 83.25%, + #732982 100%, + #e7484f 100% + ); + animation: slidebg 2s linear infinite; +} + +@keyframes slidebg { + to { + background-position: 20vw; + } +} + +.whitesmoke { + background-color: whitesmoke; +} + +.inline { + display: inline; +} + +.signup-button { + display: inline-block; + font-size: 1.25rem; + font-weight: 600; + text-transform: uppercase; +} + +.materials-table { + border-spacing: 0; + text-align: left; + padding: 0.5rem; + background-color: white; + border: 0px; + border-radius: 0.5rem; + margin-bottom: 2em; +} + +.materials-table > thead > tr > th { + padding: 0.5rem; +} + +/* Day number */ +.materials-table > tbody > tr > td:nth-child(1) { + text-align: right; + padding: 0.5rem; +} + +/* Topics */ +.materials-table > tbody > tr > td:nth-child(2) { + text-align: left; + padding: 0.5rem; +} + +.materials-table td { + vertical-align: text-top; +} + +span.materials-table-title { + font-weight: bold; + display: inline-block; + margin-bottom: 1em; +} diff --git a/index.html b/index.html new file mode 100644 index 0000000..f8c1ab3 --- /dev/null +++ b/index.html @@ -0,0 +1,266 @@ + + + + + + + TowardsTJ + + + + +
+ +
+
+ +
+

+ Get a Head Start
+ on Success at TJ +

+
+
+
+

+ Next year, over 800 students will enter the + TJ building for the first time. +

+

+ TJ's Student Government Association is hosting a summer program where + students can get inside advice from upperclassmen about classes, + extracurriculars, and TJ life. +

+
+
+ + +
+
+
+

Schedule

+

+ 2024 students: August 2nd - August 6th, weekdays
+ 2025 students: August 2nd - August 13th, weekdays

+ + 10:00am - 11:15am or 11:30am - 12:45pm. +

+ +

Topics

+ + + (Jump to: 2025 week 1, + 2025 week 2, 2024) + + + 2025 Week 1: Introduction to TJ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
DayTopics
1 + Introduction to TJ
+ Homecoming +
2 + Biology
+ English +
3 + Design and Technology
+ IBET (Integrated Biology, English, and Technology) +
4 + Biology
+ English
+
    +
  • Literature reviews
    • +
  • Scientific writing
    • +
  • Citations
    • +
  • Taking notes from a book
    • +
+
5 + Test
+ General TJ Advice +
+ + 2025 Week 2: Introduction to TJ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
DayTopics
1 + Project briefing
+ Electives Pathways +
2 + Languages
+ Project work time +
3 + Computer Science
+
    +
  • Electives
    • +
  • Research labs
    • +
+ Project work time +
4 + Math
+ Project work time +
5 + Project presentation
+ Extracurricular advice +
+ + 2024: Introduction to TJ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
DayTopics
1 + Introduction to in-person TJ
+ Project briefing +
2 + Chemistry
+ AP Biology
+ AP Chemistry
+ AP Computer Science +
3 + Math
+ Languages +
4Humanities (HUM)
5 + Test
+ General TJ Advice
+
+
+ + + + + diff --git a/js/main.js b/js/main.js new file mode 100644 index 0000000..75b4a24 --- /dev/null +++ b/js/main.js @@ -0,0 +1,7 @@ +$(function () { + $(document).scroll(function () { + var $nav = $("nav"); + var $hero = $(".hero"); + $nav.toggleClass("scrolled", $(this).scrollTop() > $hero.height()); + }); +});