changed ui
This commit is contained in:
abhiram v
@@ -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;
|
||||
@@ -1336,3 +1444,4 @@ span.emoji:active::after {
|
||||
transform: scale(1.025);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 407 KiB After Width: | Height: | Size: 303 KiB |
BIN
static/images/techturb.gif
Normal file
BIN
static/images/techturb.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 MiB |
@@ -15,10 +15,8 @@
|
||||
|
||||
<div class="competitions-container">
|
||||
<div class="competitions-inner">
|
||||
<div class="header-container6">
|
||||
<h1 class="header2"><span class="emoji competitions">COMPETITION LOG</span></h1>
|
||||
<div class="line"></div>
|
||||
</div>
|
||||
<h1 class="heading" id="comp"><span class="emoji competitions">Competition log</span></h1>
|
||||
<hr>
|
||||
|
||||
<h1 id="2024" class="competition-year">2024</h1>
|
||||
|
||||
@@ -34,7 +32,8 @@
|
||||
|
||||
<p class="competition-subtitle">Description</p>
|
||||
|
||||
<p class="competition-description">We participated in the FiT-North Early Bird Scrimmage where we won two recognitions.</p>
|
||||
<p class="competition-description">We participated in the FiT-North Early Bird Scrimmage where we
|
||||
won two recognitions.</p>
|
||||
|
||||
<p class="competition-subtitle">Awards</p>
|
||||
|
||||
@@ -44,6 +43,8 @@
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<h1 id="2023" class="competition-year">2023</h1>
|
||||
|
||||
<div class="competition-card">
|
||||
@@ -55,7 +56,8 @@
|
||||
|
||||
<p class="competition-subtitle">Description</p>
|
||||
|
||||
<p class="competition-description">Consisted of 3 qualification meets: FiT-North F-League Meet 1, FiT-North F-League Meet 2, and FiT-North F-League Meet 3.</p>
|
||||
<p class="competition-description">Consisted of 3 qualification meets: FiT-North F-League Meet 1,
|
||||
FiT-North F-League Meet 2, and FiT-North F-League Meet 3.</p>
|
||||
|
||||
<p class="competition-subtitle">Awards</p>
|
||||
|
||||
@@ -73,7 +75,10 @@
|
||||
|
||||
<p class="competition-subtitle">Description</p>
|
||||
|
||||
<p class="competition-description">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.</p>
|
||||
<p class="competition-description">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.</p>
|
||||
|
||||
<p class="competition-subtitle">Awards</p>
|
||||
|
||||
@@ -93,7 +98,9 @@
|
||||
|
||||
<p class="competition-subtitle">Description</p>
|
||||
|
||||
<p class="competition-description">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.</p>
|
||||
<p class="competition-description">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.</p>
|
||||
|
||||
<p class="competition-subtitle">Awards</p>
|
||||
|
||||
@@ -111,7 +118,9 @@
|
||||
|
||||
<p class="competition-subtitle">Description</p>
|
||||
|
||||
<p class="competition-description">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.</p>
|
||||
<p class="competition-description">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.</p>
|
||||
|
||||
<p class="competition-subtitle">Awards</p>
|
||||
|
||||
@@ -129,7 +138,9 @@
|
||||
|
||||
<p class="competition-subtitle">Description</p>
|
||||
|
||||
<p class="competition-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.</p>
|
||||
<p class="competition-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.</p>
|
||||
|
||||
<p class="competition-subtitle">Awards</p>
|
||||
|
||||
|
||||
@@ -6,11 +6,8 @@
|
||||
|
||||
<body>
|
||||
<div class="contact">
|
||||
<div class="header-container">
|
||||
<div class="line"></div>
|
||||
<h1 class="header"><span class="emoji contact">CONTACT US</span></h1>
|
||||
<div class="line"></div>
|
||||
</div>
|
||||
<h1 class="heading" id="spon"><span class="emoji contact">Contact</span></h1>
|
||||
<hr>
|
||||
<p class="info">🌐 you can find us on several platforms! 🌐</p>
|
||||
<div class="contact-container">
|
||||
<div class="card-container">
|
||||
|
||||
@@ -7,23 +7,21 @@
|
||||
<body>
|
||||
<div class="contributors">
|
||||
<div class="team-info">
|
||||
<div class="stats-container">
|
||||
<div class="header-container3">
|
||||
<h1 class="header"><span class="emoji stats">OUR STATS</span></h1>
|
||||
<div class="line2"></div>
|
||||
</div>
|
||||
<div class="stats-container" id="stats2">
|
||||
<h1 class="heading"><span class="emoji stats">Our stats</span></h1>
|
||||
<hr>
|
||||
|
||||
<div class="stats-cards">
|
||||
<div class="stats-card">
|
||||
<h1 class="stats-card-header">1</h1>
|
||||
<h1 class="stats-card-header">2</h1>
|
||||
<p class="stats-card-info">year of robotics</p>
|
||||
</div>
|
||||
<div class="stats-card">
|
||||
<h1 class="stats-card-header">5</h1>
|
||||
<h1 class="stats-card-header">2</h1>
|
||||
<p class="stats-card-info">awards this season</p>
|
||||
</div>
|
||||
<div class="stats-card">
|
||||
<h1 class="stats-card-header">5</h1>
|
||||
<h1 class="stats-card-header">7</h1>
|
||||
<p class="stats-card-info">total awards won</p>
|
||||
</div>
|
||||
<div class="stats-card">
|
||||
@@ -35,12 +33,19 @@
|
||||
<button class="stats-button" onclick="window.location.href = '{{ url_for('competitions') }}' ; ">View our log</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="header-container4">
|
||||
<div class="line"></div>
|
||||
<h1 class="header"><span class="emoji team">OUR TEAM</span></h1>
|
||||
<div class="line"></div>
|
||||
<br>
|
||||
<h1 class="heading"><span class="emoji sponsors" id="team">Our mentor and coach</span></h1>
|
||||
<hr>
|
||||
<p class="info">❤️ meet our amazing coach and mentor! ❤️</p>
|
||||
<div class="members-container">
|
||||
<div class="member-card">
|
||||
<img class="member-image" src="{{ url_for('static', filename='images/default.jpg') }}">
|
||||
<h2 class="member-name">Mr. Kruger</h2>
|
||||
<p class="member-role">COACH / MENTOR</p>
|
||||
</div>
|
||||
</div>
|
||||
<h1 class="heading"><span class="emoji team" id="team">Our team</span></h1>
|
||||
<hr>
|
||||
<p class="info">⭐ meet our amazing team! ⭐</p>
|
||||
|
||||
<div class="members-container">
|
||||
|
||||
@@ -7,40 +7,40 @@
|
||||
<body>
|
||||
<div class="home">
|
||||
<div class="bg">
|
||||
<img src="{{ url_for('static', filename='images/tech2.gif') }}">
|
||||
<img src="{{ url_for('static', filename='images/techturb.gif') }}">
|
||||
<div class="border-triangle"></div>
|
||||
</div>
|
||||
<h1 class="heading"><span class="emoji about">About</span></h1>
|
||||
<hr>
|
||||
<div class="home-info">
|
||||
<div class="header-container2">
|
||||
<h1 class="header"><span class="emoji about">ABOUT US</span></h1>
|
||||
<div class="line"></div>
|
||||
</div>
|
||||
<h1 class="sub-header">👋 Hello! We are Technical Turbulence.</h1>
|
||||
<h1 class="sub-header" id="cool-font">We are Technical Turbulence.</h1>
|
||||
<div class="about-section-imgp">
|
||||
<div class="about-sec-img">
|
||||
<img src="{{ url_for('static', filename='images/main1.png') }}">
|
||||
</div>
|
||||
<p class="sub-content">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.</p>
|
||||
</div>
|
||||
<div class="about-section-imgp-l">
|
||||
<p class="sub-content">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. </p>
|
||||
<div class="about-section-imgp">
|
||||
<!-- <div class="about-sec-img">
|
||||
<img src="{{ url_for('static', filename='images/robo.png') }}">
|
||||
</div> -->
|
||||
<p class="sub-content">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. </p>
|
||||
</div>
|
||||
<div class="stats-container">
|
||||
<div class="header-container3">
|
||||
<h1 class="header"><span class="emoji stats">OUR STATS</span></h1>
|
||||
<div class="line2"></div>
|
||||
</div>
|
||||
<h1 class="heading"><span class="emoji stats">Our stats</span></h1>
|
||||
<hr>
|
||||
|
||||
<div class="stats-cards">
|
||||
<div class="stats-card">
|
||||
<h1 class="stats-card-header">1</h1>
|
||||
<h1 class="stats-card-header">2</h1>
|
||||
<p class="stats-card-info">year of robotics</p>
|
||||
</div>
|
||||
<div class="stats-card">
|
||||
<h1 class="stats-card-header">5</h1>
|
||||
<h1 class="stats-card-header">2</h1>
|
||||
<p class="stats-card-info">awards this season</p>
|
||||
</div>
|
||||
<div class="stats-card">
|
||||
<h1 class="stats-card-header">5</h1>
|
||||
<h1 class="stats-card-header">7</h1>
|
||||
<p class="stats-card-info">total awards won</p>
|
||||
</div>
|
||||
</div>
|
||||
@@ -48,25 +48,26 @@
|
||||
<button class="stats-button" onclick="window.location.href = '{{ url_for('competitions') }}' ; ">View our log</button>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="header-container2">
|
||||
<h1 class="header"><span class="emoji gallary">OUR MISSION</span></h1>
|
||||
<div class="line"></div>
|
||||
</div>
|
||||
<h1 class="heading"><span class="emoji gallary">Our mission</span></h1>
|
||||
<hr>
|
||||
<div class="home-info">
|
||||
|
||||
<h1 class="sub-header">✊ One team, one goal.</h1>
|
||||
<p class="sub-content">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.</p>
|
||||
<p class="sub-content">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.</p>
|
||||
|
||||
<div class="meet-our-team-container">
|
||||
<img id="meet-our-team" src="{{ url_for('static', filename='images/team.png') }}">
|
||||
<button class="bottom-center-button" onclick="window.location.href = '{{ url_for('contributors') }}' ; ">Meet Our Team</button>
|
||||
</div>
|
||||
|
||||
<div class="header-container2">
|
||||
<h1 class="header"><span class="emoji sponsors">SPONSORS</span></h1>
|
||||
<div class="line"></div>
|
||||
</div>
|
||||
|
||||
|
||||
<h1 class="heading"><span class="emoji sponsors">Sponsors</span></h1>
|
||||
<hr>
|
||||
|
||||
<div class="home-info">
|
||||
<p class="sub-content">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.
|
||||
</p>
|
||||
|
||||
|
||||
@@ -6,11 +6,8 @@
|
||||
|
||||
<body>
|
||||
<div class="sponsors">
|
||||
<div class="header-container">
|
||||
<div class="line"></div>
|
||||
<h1 class="header"><span class="emoji sponsors">OUR SPONSORS</span></h1>
|
||||
<div class="line"></div>
|
||||
</div>
|
||||
<h1 class="heading" id="spon"><span class="emoji sponsors">Sponsors</span></h1>
|
||||
<hr>
|
||||
<p class="info">❤️ companies of various sizes sponsor our initiatives. ❤️</p>
|
||||
|
||||
<div class="sponsors-container">
|
||||
|
||||
Reference in New Issue
Block a user