diff --git a/static/css/styles.css b/static/css/styles.css index 409dba5..7334e93 100644 --- a/static/css/styles.css +++ b/static/css/styles.css @@ -1,3 +1,5 @@ +@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap'); + body { margin: 0; margin-top: 0; @@ -6,6 +8,7 @@ body { cursor: default; user-select: none; color: white; + overflow-x: hidden; } .menu-button { @@ -120,6 +123,17 @@ nav { display: block !important; } + .competition-header { + flex-direction: column!important; + gap: 0%!important; + margin: 0%!important; + padding: 0%!important; + } + + .middle-dot { + display: none!important; + } + nav { padding: 0; } @@ -249,12 +263,13 @@ nav { .contact { margin: 0; - padding: 0; - margin-top: 8vh; + margin: 0; + padding-top: 8vh; position: absolute; width: 100%; - height: 100%; + /* height: 100%; */ justify-content: center; + /* background-color: purple; */ } #logo { @@ -274,6 +289,18 @@ nav { padding-left: 25%; } +#spon { + margin-top: 5%; +} + +#team { + margin-top: 5vh; +} + +#stats2 { + margin-bottom: 5%; +} + .header-container4 { color: white; display: flex; @@ -301,6 +328,17 @@ nav { /* 1.5vw */ } +.heading { + font-size: 1.5rem; + color: rgb(250, 250, 250); + font-family: sans-serif; + padding-left: 10%; +} + +hr { + color: rgb(64, 64, 64) +} + .header2 { color: white; padding-right: 1vh; @@ -368,7 +406,9 @@ nav { } */ .info { - font-family: Sans-Serif; + font-family: "Orbitron", serif; + font-weight: 700; + font-style: normal; font-size: 1.75rem; text-align: center; } @@ -383,7 +423,7 @@ nav { .card { width: 30%; height: 50vh; - background-color: black; + background-color: rgb(15, 15, 15); border-radius: 1.5vh; overflow: hidden; margin-bottom: 4%; @@ -447,6 +487,7 @@ nav { /* object-fit: cover; overflow: hidden; */ transition: .5s; + filter: brightness(0.85); } .bg::after { @@ -490,8 +531,14 @@ nav { color: white; } +hr { + width: 100%; + margin: 0 auto; + padding: 0; +} + .home-info { - width: 75%; + width: 80%; margin-top: 0; padding-top: 0; display: block; @@ -503,23 +550,33 @@ nav { .sub-header { padding: 0 1vh; - font-family: Sans-Serif; - font-size: 4rem; + font-family: "Orbitron", serif; + font-weight: 700; + font-style: normal; + font-size: 4.25rem; color: white; + text-align: center; font-weight: 100; } .sub-content { padding-left: 1vh; + text-align: center; font-size: 2rem; font-family: Sans-Serif; font-weight: 50; letter-spacing: .15vw; } +#comp { + margin-top: 19%; + padding-left: 0; +} + .stats-container { border: 0.25vh white solid; width: 100%; + background-color: rgb(15, 15, 15); border-radius: 1.5vh; margin-top: 8%; height: auto; @@ -641,11 +698,10 @@ nav { .sponsors { margin: 0; - margin-top: 8vh; - padding: 0; + padding-top: 8vh; position: absolute; width: 100%; - height: 100%; + /* height: 100%; */ justify-content: center; } @@ -659,7 +715,7 @@ nav { .card-sponsors { width: 23%; height: 50vh; - background-color: black; + background-color: rgb(15, 15, 15); border-radius: 1.5vh; overflow: hidden; margin-bottom: 4%; @@ -861,12 +917,11 @@ nav { margin: auto; padding-bottom: 5%; gap: 3%; - border-top: white 0.25vh solid; + /* border-top: white 0.25vh solid; border-right: white 0.25vh solid; border-left: white 0.25vh solid; border-top-right-radius: 1.5vh; - border-top-left-radius: 1.5vh; - padding-top: 2%; + border-top-left-radius: 1.5vh; */ } @media only screen and (max-width: 850px) { @@ -888,9 +943,22 @@ nav { flex-direction: column; } + .member-card { + width: 100% !important; + ; + height: 50vh !important; + ; + } + + .members-container { + flex-direction: column; + } + } .member-card { + width: 25%; + height: 25vh; display: flex; flex-direction: column; font-family: sans-serif; @@ -899,6 +967,14 @@ nav { align-items: center; margin-top: 3%; padding: 2%; + transition: 0.5s; + background-color: rgb(15, 15, 15); + border-radius: 10px; + border: white 0.25vh solid; +} + +.member-card:hover { + transform: scale(1.075); } .member-image { @@ -1000,7 +1076,9 @@ nav { } .competition-year { - font-family: sans-serif; + font-family: "Orbitron", serif; + font-weight: 700; + font-style: normal; font-size: 8vh; margin-top: 2%; padding: 0; @@ -1016,8 +1094,11 @@ nav { padding: 0; margin: 0; font-size: 3vh; - font-family: sans-serif; - font-weight: bold; + font-family: "Orbitron", serif; + font-weight: 700; + font-style: normal; + /* font-weight: bold; */ + text-wrap: wrap; } .competition-card { @@ -1049,14 +1130,17 @@ nav { .middle-dot { opacity: .5; + display: block; } .competition-subtitle { margin: 0; padding: 0; - font-size: 2.5vh; - font-family: sans-serif; - font-weight: 750; + font-size: 2.55vh; + font-family: "Orbitron", serif; + font-weight: 650; + font-style: normal; + /* font-weight: 750; */ } .competition-description { @@ -1107,105 +1191,105 @@ span.contact::before, span.contact::after { content: "📱"; font-size: 2.5vh; - top: -75%; - left: -10%; + top: -5%; + left: -1%; } span.contact::after { top: revert; left: revert; - bottom: -60%; - right: -10%; + bottom: -5%; + right: -1%; } span.about::before, span.about::after { content: "👋"; font-size: 2.5vh; - top: -75%; - left: -10%; + top: -5%; + left: -1%; } span.about::after { top: revert; left: revert; - bottom: -60%; - right: -10%; + bottom: -5%; + right: -1%; } span.stats::before, span.stats::after { content: "📊"; font-size: 2.5vh; - top: -75%; - left: -10%; + top: -5%; + left: -1%; } span.stats::after { top: revert; left: revert; - bottom: -60%; - right: -10%; + bottom: -5%; + right: -1%; } span.gallary::before, span.gallary::after { content: "✊"; font-size: 2.5vh; - top: -75%; - left: -10%; + top: -5%; + left: -1%; } span.gallary::after { top: revert; left: revert; - bottom: -60%; - right: -10%; + bottom: -5%; + right: -1%; } span.sponsors::before, span.sponsors::after { content: "❤️"; font-size: 2.5vh; - top: -75%; - left: -10%; + top: -5%; + left: -1%; } span.sponsors::after { top: revert; left: revert; - bottom: -60%; - right: -10%; + bottom: -5%; + right: -1%; } span.team::before, span.team::after { content: "👥"; font-size: 2.5vh; - top: -75%; - left: -10%; + top: -5%; + left: -1%; } span.team::after { top: revert; left: revert; - bottom: -60%; - right: -10%; + bottom: -5%; + right: -1%; } span.competitions::before, span.competitions::after { content: "🥇"; font-size: 2.5vh; - top: -55%; - left: -10%; + top: -5%; + left: -1%; } span.competitions::after { top: revert; left: revert; - bottom: -55%; - right: -10%; + bottom: -5%; + right: 80%; } span.emoji:hover::before, @@ -1223,31 +1307,48 @@ span.emoji:active::after { display: flex; align-items: center; justify-content: center; + flex-direction: column; padding-left: 10%; padding-bottom: 1%; padding-right: 10%; + +} + +.about-sec-img { + + width: 100%; + /* Example size, adjust as needed */ + height: 75vh; + overflow: hidden; + transition: .5s; + border: 2px rgb(250, 250, 250) solid; + border-radius: 10px; + margin-bottom: 5%; } .about-section-imgp img { - max-width: 40%; /* Example size, adjust as needed */ - max-height: 60%; - border-radius: 5px; + width: 100%; transition: .5s; - border: 2px white solid; + height: auto; + ; + object-fit: cover; } .about-section-imgp p { flex: 1; + text-align: center; + ; } -@media only screen and (min-width: 850px) { +/* @media only screen and (min-width: 850px) { .about-section-imgp p { padding-left: 10%; } + .about-section-imgp-l p { padding-right: 10%; } -} +} */ .about-section-imgp-l { @@ -1260,7 +1361,8 @@ span.emoji:active::after { } .about-section-imgp-l img { - max-width: 40%; /* Example size, adjust as needed */ + max-width: 40%; + /* Example size, adjust as needed */ max-height: 60%; border-radius: 5px; transition: .5s; @@ -1280,12 +1382,15 @@ span.emoji:active::after { } @media only screen and (max-width: 850px) { + .about-section-imgp, .about-section-imgp-l { display: flex; - flex-direction: column; /* Stack image and text vertically */ + flex-direction: column; + /* Stack image and text vertically */ align-items: center; - justify-content: flex-start; /* Align content to the top */ + justify-content: flex-start; + /* Align content to the top */ padding: 0; margin: 0; text-align: center; @@ -1300,10 +1405,13 @@ span.emoji:active::after { .about-section-imgp img, .about-section-imgp-l img { - max-width: 80vw; /* Image takes 80% of the viewport width */ + max-width: 80vw; + /* Image takes 80% of the viewport width */ max-height: auto; - width: 80%; /* Ensure the image scales properly */ - margin-bottom: 10px; /* Adds some space between the image and the paragraph */ + width: 80%; + /* Ensure the image scales properly */ + margin-bottom: 10px; + /* Adds some space between the image and the paragraph */ border-radius: 5px; transition: .5s; } @@ -1313,7 +1421,7 @@ span.emoji:active::after { } .about-section-imgp-l img, - .about-section-imgp img{ + .about-section-imgp img { min-width: 100%; height: 75vh; border-radius: 10px; @@ -1335,4 +1443,5 @@ span.emoji:active::after { .about-section-imgp-l img:hover { transform: scale(1.025); } -} \ No newline at end of file +} + diff --git a/static/images/anish.png b/static/images/anish.png index 483567c..c735c47 100644 Binary files a/static/images/anish.png and b/static/images/anish.png differ diff --git a/static/images/techturb.gif b/static/images/techturb.gif new file mode 100644 index 0000000..ffb26be Binary files /dev/null and b/static/images/techturb.gif differ diff --git a/templates/competitions.html b/templates/competitions.html index 1ce26bb..d73e148 100644 --- a/templates/competitions.html +++ b/templates/competitions.html @@ -8,136 +8,147 @@
- 2023 - 2024 + 2023 + 2024
-
-

COMPETITION LOG

-
-
+

Competition log

+
-

2024

+

2024

-
- -
-

FiT-North Early Bird Scrimmage

-

·

-

10/6/2024

+
+

FiT-North Early Bird Scrimmage

+

·

+

10/6/2024

+
+ +

Description

+ +

We participated in the FiT-North Early Bird Scrimmage where we + won two recognitions.

+ +

Awards

+ +
    +
  • Innovate Award sponsored by RTX
    • +
  • Design Award 2nd Place
    • +
-

Description

+ -

We participated in the FiT-North Early Bird Scrimmage where we won two recognitions.

+

2023

-

Awards

+
+
+

FiT-North F-League Meets (3)

+

·

+

11/11/23 - 01/06/24

+
-
    -
  • Innovate Award sponsored by RTX
    • -
  • Design Award 2nd Place
    • -
-
+

Description

-

2023

+

Consisted of 3 qualification meets: FiT-North F-League Meet 1, + FiT-North F-League Meet 2, and FiT-North F-League Meet 3.

-
-
-

FiT-North F-League Meets (3)

-

·

-

11/11/23 - 01/06/24

+

Awards

+ +
    +
  • Accumulated 10 wins
    • +
-

Description

+
+
+

FiT-North E&F Tournament

+

·

+

01/20/24

+
-

Consisted of 3 qualification meets: FiT-North F-League Meet 1, FiT-North F-League Meet 2, and FiT-North F-League Meet 3.

+

Description

-

Awards

+

We got 4 wins, and got Rank 3 out of 24 going into the playoffs. + We were the 1st Team Selected by Rank 2 Team 13072. We had 2 wins in the Semi-Finals and 2 wins + in the Finals. We won 3 awards and advanced straight to North Area Championship for Texas FiT + Region.

-
    -
  • Accumulated 10 wins
    • -
-
+

Awards

-
-
-

FiT-North E&F Tournament

-

·

-

01/20/24

+
    +
  • Design Award 3rd Place
    • +
  • Innovate Award sponsored by RTX 2nd Place
    • +
  • Winning Alliance - 1st Team Selected
    • +
-

Description

+
+
+

FiT-North Area Championship

+

·

+

02/24/24

+
-

We got 4 wins, and got Rank 3 out of 24 going into the playoffs. We were the 1st Team Selected by Rank 2 Team 13072. We had 2 wins in the Semi-Finals and 2 wins in the Finals. We won 3 awards and advanced straight to North Area Championship for Texas FiT Region.

+

Description

-

Awards

+

We won our first match [But Expansion and Control hubs were + tweaking the whole time :( ]. We ended at Rank 37 of 41, and did not get picked for playoffs. We + won 1 award and advanced to the Texas State Championship.

-
    -
  • Design Award 3rd Place
    • -
  • Innovate Award sponsored by RTX 2nd Place
    • -
  • Winning Alliance - 1st Team Selected
    • -
-
+

Awards

-
-
-

FiT-North Area Championship

-

·

-

02/24/24

+
    +
  • Innovate Award sponsored by RTX 2nd Place
    • +
-

Description

+
+
+

Texas FTC State Championship - Johnson Division

+

·

+

03/21/24 - 03/23/24

+
-

We won our first match [But Expansion and Control hubs were tweaking the whole time :( ]. We ended at Rank 37 of 41, and did not get picked for playoffs. We won 1 award and advanced to the Texas State Championship.

+

Description

-

Awards

+

We got 3 wins and got Rank 12 of 36 going into playoffs. We were + the 1st Team Selected by Rank 4 Team 16226. We got 2 wins in the Semi-Finals and 1 win in the + Finals. We won 1 award, but did not advance to the State Finals nor the World Championship.

-
    -
  • Innovate Award sponsored by RTX 2nd Place
    • -
-
+

Awards

-
-
-

Texas FTC State Championship - Johnson Division

-

·

-

03/21/24 - 03/23/24

+
    +
  • Johnson Division Finalist Alliance - 1st Team Selected
    • +
-

Description

+
+
+

Buc Days 2024 Robotics Rodeo (Off-season Tournament)

+

·

+

05/04/24

+
-

We got 3 wins and got Rank 12 of 36 going into playoffs. We were the 1st Team Selected by Rank 4 Team 16226. We got 2 wins in the Semi-Finals and 1 win in the Finals. We won 1 award, but did not advance to the State Finals nor the World Championship.

+

Description

-

Awards

+

We got 4 wins and were Rank 8 of 41 going into playoffs. We were + the st Team Selected by Rank 3 Team 16458. We got 2 wins in the Semi-Finals and 1 win in the + Finals. We won 1 award.

-
    -
  • Johnson Division Finalist Alliance - 1st Team Selected
    • -
-
+

Awards

-
-
-

Buc Days 2024 Robotics Rodeo (Off-season Tournament)

-

·

-

05/04/24

+
    +
  • Finalist Alliance - 1st Team Selected
    • +
-

Description

- -

We got 4 wins and were Rank 8 of 41 going into playoffs. We were the st Team Selected by Rank 3 Team 16458. We got 2 wins in the Semi-Finals and 1 win in the Finals. We won 1 award.

- -

Awards

- -
    -
  • Finalist Alliance - 1st Team Selected
    • -
-
-
diff --git a/templates/contact.html b/templates/contact.html index 66b5554..04bdaf6 100644 --- a/templates/contact.html +++ b/templates/contact.html @@ -6,11 +6,8 @@
-
-
-

CONTACT US

-
-
+

Contact

+

🌐 you can find us on several platforms! 🌐

diff --git a/templates/contributors.html b/templates/contributors.html index 5498490..8471efc 100644 --- a/templates/contributors.html +++ b/templates/contributors.html @@ -7,23 +7,21 @@
-
-
-

OUR STATS

-
-
+
+

Our stats

+
-

1

+

2

year of robotics

-

5

+

2

awards this season

-

5

+

7

total awards won

@@ -35,12 +33,19 @@
- -
-
-

OUR TEAM

-
-
+
+

Our mentor and coach

+
+

❤️ meet our amazing coach and mentor! ❤️

+
+
+ +

Mr. Kruger

+

COACH / MENTOR

+
+
+

Our team

+

⭐ meet our amazing team! ⭐

diff --git a/templates/home.html b/templates/home.html index 6134536..7cf9503 100644 --- a/templates/home.html +++ b/templates/home.html @@ -7,40 +7,40 @@
- +
+

About

+
-
-

ABOUT US

-
-
-

👋 Hello! We are Technical Turbulence.

+

We are Technical Turbulence.

+
+

Team 23344, Technical Turbulence, is a community-based returning team situated around Plano and Frisco Texas, comprising nine members primarily consisting of sophomores from different high schools. Our rookie year was 2023 and we hope to learn much more in the years to come. We want to grow our numbers and increase our outreach towards different communities so we can be the best that we can.

-
-

Since we are designated as veterans this year, our members bring substantial experience from their involvement with FTC 12900 Quantum Claw and 22201 The Edge Robotics. Operating from our dedicated garage workshop, we uphold the fundamental values of FIRST, integrating Gracious Professionalism into our daily endeavors.

+
+ +

Since we are designated as veterans this year, our members bring substantial experience from their involvement with FTC 12900 Quantum Claw and 22201 The Edge Robotics. Operating from our dedicated garage workshop, we uphold the fundamental values of FIRST, integrating Gracious Professionalism into our daily endeavors.

-
-

OUR STATS

-
-
+

Our stats

+
-

1

+

2

year of robotics

-

5

+

2

awards this season

-

5

+

7

total awards won

@@ -48,25 +48,26 @@
- -
-

OUR MISSION

-
+

Our mission

+
+

✊ One team, one goal.

-

We aim to show kids that with teamwork, creativity, and persistence, anyone can design, build, and code robots. Our mission is part of an outreach initiative to guide kids toward STEM and skill-building opportunities in robotics and technology. Through this unifying goal, we want to empower young students to learn, grow, and join FTC in the future.

+

We aim to show individuals that with teamwork, creativity, and persistence, anyone can design, build, and code robots. Our mission is part of an outreach initiative to guide young minds toward STEM and skill-building opportunities in robotics and technology. Through this unifying goal, we want to empower young students to learn, grow, and join FTC in the future.

- -
-

SPONSORS

-
-
+
+ + +

Sponsors

+
+ +

We, FTC team Technical Turbulence, want to inspire the next generation by sharing our journey in robotics and the exciting world of FTC. By demonstrating our robot and showcasing the engineering behind it, we hope to spark curiosity in young minds about STEM fields.

diff --git a/templates/sponsors.html b/templates/sponsors.html index b4a1cb0..404735f 100644 --- a/templates/sponsors.html +++ b/templates/sponsors.html @@ -6,11 +6,8 @@
-
-
-

OUR SPONSORS

-
-
+

Sponsors

+

❤️ companies of various sizes sponsor our initiatives. ❤️