KeshavAnandCode/FTCWebsite
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

commit for 23344

Browse Source
This commit is contained in:
abhiram v
2025-02-12 02:28:35 +00:00
parent b92f01958b
commit c8cb73cd14
14 changed files with 469 additions and 103 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
app.py
View File

@@ -36,5 +36,13 @@ def contact():
def sponsors(): def sponsors():
return render_template('sponsors.html') return render_template('sponsors.html')
@app.route('/robots')
@app.route('/robots/<type>')
def robots(type=None):
if type is None:
return render_template('robots.html')
else:
return render_template(f'robots-{type}.html')
if __name__ == '__main__': if __name__ == '__main__':
app.run(debug=True) app.run(debug=True)

255
static/css/styles.css
View File

@@ -11,6 +11,11 @@ body {
overflow-x: hidden; overflow-x: hidden;
} }
.about-sec-img img:hover {
transform: scale(1.1);
transition: 0.5s;
}
.menu-button { .menu-button {
display: none; display: none;
/* border: 0.25vh solid white; */ /* border: 0.25vh solid white; */
@@ -27,7 +32,7 @@ body {
/* Makes it circular */ /* Makes it circular */
cursor: pointer; cursor: pointer;
position: fixed; position: fixed;
z-index: 1000000000000000000; z-index: 1000000000000000000000000000000000000000000000000000000000000000000000;
top: 4%; top: 4%;
left: 50%; left: 50%;
transform: translateX(-50%); transform: translateX(-50%);
@@ -56,6 +61,7 @@ body {
justify-content: center; justify-content: center;
align-items: center; align-items: center;
overflow-y: auto; overflow-y: auto;
z-index: 1000000000000000000000000000000000000000000000000000000000000000000000;
} }
.nav-side ul { .nav-side ul {
@@ -91,6 +97,7 @@ nav {
justify-content: center; justify-content: center;
align-items: center; align-items: center;
z-index: 1000; z-index: 1000;
z-index: 1000000000000000000000000000000000000000000000000000000000000000000000;
} }
.nav-container { .nav-container {
@@ -100,7 +107,7 @@ nav {
list-style: none; list-style: none;
gap: 1%; gap: 1%;
padding: 1%; padding: 1%;
width: 56vw; width: 85vw;
height: 6vh; height: 6vh;
border-radius: 50vh; border-radius: 50vh;
background-color: rgba(0, 0, 0, .25); background-color: rgba(0, 0, 0, .25);
@@ -118,20 +125,24 @@ nav {
display: none; display: none;
} }
.buttons {
top: 80%!important;
}
.menu-button { .menu-button {
display: flex; display: flex;
display: block !important; display: block !important;
} }
.competition-header { .competition-header {
flex-direction: column!important; flex-direction: column !important;
gap: 0%!important; gap: 0% !important;
margin: 0%!important; margin: 0% !important;
padding: 0%!important; padding: 0% !important;
} }
.middle-dot { .middle-dot {
display: none!important; display: none !important;
} }
nav { nav {
@@ -192,7 +203,7 @@ nav {
.sponsors-card { .sponsors-card {
margin-top: 3% !important; margin-top: 3% !important;
max-width: 85vw !important; max-width: 85% !important;
max-height: 25vw !important; max-height: 25vw !important;
margin-bottom: 15% !important; margin-bottom: 15% !important;
} }
@@ -293,6 +304,10 @@ nav {
margin-top: 5%; margin-top: 5%;
} }
#robo {
margin-top: 15%;
}
#team { #team {
margin-top: 5vh; margin-top: 5vh;
} }
@@ -335,6 +350,14 @@ nav {
padding-left: 10%; padding-left: 10%;
} }
.heading2 {
font-size: 1.5rem;
color: rgb(250, 250, 250);
font-family: sans-serif;
padding-left: 10%;
padding-top: 5%;
}
hr { hr {
color: rgb(64, 64, 64) color: rgb(64, 64, 64)
} }
@@ -411,6 +434,7 @@ hr {
font-style: normal; font-style: normal;
font-size: 1.75rem; font-size: 1.75rem;
text-align: center; text-align: center;
opacity: 1;
} }
.card-container { .card-container {
@@ -431,7 +455,7 @@ hr {
display: inline-block; display: inline-block;
position: relative; position: relative;
transition: transform 0.3s ease; transition: transform 0.3s ease;
border: white solid .25vh; border: #616161 solid .25vh;
} }
.card-content { .card-content {
@@ -462,6 +486,15 @@ hr {
justify-content: center; justify-content: center;
} }
.rob {
margin: 0;
padding-top: 8vh;
position: absolute;
width: 100%;
/* height: 100%; */
justify-content: center;
}
.competitions { .competitions {
margin: 0; margin: 0;
padding: 0; padding: 0;
@@ -481,13 +514,42 @@ hr {
align-items: center; align-items: center;
} }
.buttons {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 3%;
width: 20%;
position: absolute;
top: 73%;
z-index: 1000000;
}
.buttons button {
height: 65px;
width: 65px;
box-sizing: border-box;
color: #616161;
background-color: #0f0f0f;
border: 0.25vh solid #616161;
text-align: center;
border-radius: 10px;
transition: 0.5s;
cursor: pointer;
}
.buttons button:hover {
color: white;
}
.bg img { .bg img {
width: 100%; width: 100%;
height: 100%; height: 100%;
/* object-fit: cover; /* object-fit: cover;
overflow: hidden; */ overflow: hidden; */
transition: .5s; transition: .5s;
filter: brightness(0.85); filter: brightness(1.0);
} }
.bg::after { .bg::after {
@@ -574,7 +636,7 @@ hr {
} }
.stats-container { .stats-container {
border: 0.25vh white solid; border: 0.25vh #616161 solid;
width: 100%; width: 100%;
background-color: rgb(15, 15, 15); background-color: rgb(15, 15, 15);
border-radius: 1.5vh; border-radius: 1.5vh;
@@ -723,7 +785,7 @@ hr {
/* display: inline-block; */ /* display: inline-block; */
position: relative; position: relative;
transition: transform 0.3s ease; transition: transform 0.3s ease;
border: white solid .25vh; border: #616161 solid .25vh;
} }
.card-content-sponsors { .card-content-sponsors {
@@ -739,7 +801,7 @@ hr {
height: auto; height: auto;
transition: transform 0.3s ease; transition: transform 0.3s ease;
filter: brightness(0) invert(1); filter: brightness(0) invert(1);
opacity: 0.5; opacity: 1;
} }
.sponsors-container { .sponsors-container {
@@ -750,6 +812,14 @@ hr {
margin-left: 4%; margin-left: 4%;
} }
#sponnnnn {
background-color: #0f0f0f;
border: 0.25vh solid #616161;
padding: 5%;
box-sizing: border-box;
border-radius: 10px;
}
.card-sponsors:hover img { .card-sponsors:hover img {
transform: scale(1.2); transform: scale(1.2);
opacity: 1; opacity: 1;
@@ -758,6 +828,7 @@ hr {
.contributors { .contributors {
margin: 0; margin: 0;
padding: 0; padding: 0;
margin-bottom: 5%;
position: absolute; position: absolute;
width: 100%; width: 100%;
height: 100%; height: 100%;
@@ -775,7 +846,7 @@ hr {
.meet-our-team-container { .meet-our-team-container {
position: relative; position: relative;
border: 0.25vh white solid; border: 0.25vh #616161 solid;
width: 100%; width: 100%;
border-radius: 1.5vh; border-radius: 1.5vh;
margin-top: 10%; margin-top: 10%;
@@ -790,6 +861,7 @@ hr {
margin: 0; margin: 0;
padding: 0; padding: 0;
filter: brightness(.75); filter: brightness(.75);
border-radius: 7px;
transition: 5s; transition: 5s;
} }
@@ -915,13 +987,17 @@ hr {
flex-wrap: wrap; flex-wrap: wrap;
justify-content: center; justify-content: center;
margin: auto; margin: auto;
padding-bottom: 5%; padding-bottom: 3%;
gap: 3%; gap: 3%;
background-color: #0f0f0f;
border: #616161 0.25vh solid;
/* border-top: white 0.25vh solid; /* border-top: white 0.25vh solid;
border-right: white 0.25vh solid; border-right: white 0.25vh solid;
border-left: white 0.25vh solid; border-left: white 0.25vh solid;
border-top-right-radius: 1.5vh; border-top-right-radius: 1.5vh;
border-top-left-radius: 1.5vh; */ border-top-left-radius: 1.5vh; */
margin-bottom: 3%;
border-radius: 10px;
} }
@media only screen and (max-width: 850px) { @media only screen and (max-width: 850px) {
@@ -971,6 +1047,8 @@ hr {
background-color: rgb(15, 15, 15); background-color: rgb(15, 15, 15);
border-radius: 10px; border-radius: 10px;
border: white 0.25vh solid; border: white 0.25vh solid;
position: relative;
overflow: hidden;
} }
.member-card:hover { .member-card:hover {
@@ -1104,9 +1182,16 @@ hr {
.competition-card { .competition-card {
width: 100%; width: 100%;
/* background-color: lightgrey; */ /* background-color: lightgrey; */
margin: 0; padding-left: 5%;
padding: 0;
position: relative; position: relative;
background-color: #0F0F0F;
padding-top: 2%;
padding-bottom: 2%;
padding-right: 2%;
box-sizing: border-box;
border-radius: 10px;
border: #616161 0.25vh solid;
margin-top: 3%;
} }
.competition-card-img { .competition-card-img {
@@ -1217,11 +1302,26 @@ span.about::after {
right: -1%; right: -1%;
} }
span.robots::before,
span.robots::after {
content: "🤖";
font-size: 2.5vh;
top: 14%;
left: 8%;
}
span.robots::after {
top: revert;
left: revert;
bottom: 75%;
right: 82%;
}
span.stats::before, span.stats::before,
span.stats::after { span.stats::after {
content: "📊"; content: "📊";
font-size: 2.5vh; font-size: 2.5vh;
top: -5%; top: -1%;
left: -1%; left: -1%;
} }
@@ -1321,17 +1421,19 @@ span.emoji:active::after {
height: 75vh; height: 75vh;
overflow: hidden; overflow: hidden;
transition: .5s; transition: .5s;
border: 2px rgb(250, 250, 250) solid; border: 2px rgb(97, 97, 97) solid;
border-radius: 10px; border-radius: 10px;
margin-bottom: 5%; margin-bottom: 5%;
/* padding: 2%; */
} }
.about-section-imgp img { .about-section-imgp img {
width: 100%; width: 100%;
transition: .5s; transition: .5s;
height: auto; max-height: 100%;
; ;
object-fit: cover; object-fit: cover;
border-radius: 7px;
} }
.about-section-imgp p { .about-section-imgp p {
@@ -1369,9 +1471,9 @@ span.emoji:active::after {
border: 2px white solid; border: 2px white solid;
} }
.about-section-imgp img:hover { /* .about-section-imgp img:hover {
transform: scale(1.025); transform: scale(1.025);
} } */
.about-section-imgp-l img:hover { .about-section-imgp-l img:hover {
transform: scale(1.025); transform: scale(1.025);
@@ -1397,6 +1499,20 @@ span.emoji:active::after {
margin-bottom: 5%; margin-bottom: 5%;
} }
.robo-inner {
flex-direction: column !important;
}
.robo-card {
width: 100% !important;
height: 40vh !important;
}
.robo-card img {
width: 100% !important;
height: auto !important;
}
.contact-content { .contact-content {
background-image: none; background-image: none;
} }
@@ -1445,3 +1561,98 @@ span.emoji:active::after {
} }
} }
#robo {
margin-top: 5%;
}
.robots-container {
width: 100%;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
margin-top: 3.5%;
}
.robots-inner {
width: 84%;
gap: 3%;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
.robo-card img {
height: 100%;
transition: .1s;
filter: brightness(0.75);
}
.robo-card img:hover {
transform: scale(1.025);
}
.robo-card {
width: 30.333333333333333333%;
height: 50vh;
background-color: rgb(15, 15, 15);
border-radius: 1.5vh;
overflow: hidden;
margin-bottom: 4%;
text-decoration: none;
display: inline-block;
position: relative;
transition: transform 0.3s ease;
border: white solid .25vh;
}
/* .robo-card-img::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 30%;
background: linear-gradient(to top, black, rgba(5, 8, 28, 0));
pointer-events: none;
z-index: 1;
} */
.robo-card p {
z-index: 10000000000 !important;
color: white;
text-decoration: none;
background: none;
}
.robo-card-txt {
position: absolute;
bottom: 5%;
left: 5%;
margin: 0;
padding: 0;
background: none;
opacity: 0.90;
}
.robo-card-name {
font-size: 3rem;
padding: 0;
margin: 0;
color: white;
font-family: "Orbitron", serif;
font-weight: 700;
}
.robo-card-desc {
font-size: 1.2rem;
padding: 0;
margin: 0;
color: white;
font-family: "Orbitron", serif;
font-weight: 700;
opacity: 0.70;
}

BIN
static/images/abyss.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 151 KiB

BIN
static/images/fw.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB

BIN
static/images/storm22222.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 164 KiB

BIN
static/images/storm222222.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 143 KiB

BIN
static/images/teeaam.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 MiB

BIN
static/images/teeaam2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 248 KiB

6
templates/base.html
View File

@@ -30,6 +30,12 @@
<li class="nav-item-center"> <li class="nav-item-center">
<a href="/sponsors">Sponsors</a> <a href="/sponsors">Sponsors</a>
</li> </li>
<!-- <li class="nav-item-center">
<a href="/robots">Robots</a>
</li>
<li class="nav-item-center">
<a href="/contact">Outreach</a>
</li> -->
<li class="nav-item-center"> <li class="nav-item-center">
<a href="/contact">Contact</a> <a href="/contact">Contact</a>
</li> </li>

113
templates/contributors.html
View File

@@ -7,31 +7,32 @@
<body> <body>
<div class="contributors"> <div class="contributors">
<div class="team-info"> <div class="team-info">
<div class="stats-container" id="stats2"> <div class="stats-container" id="stats2">
<h1 class="heading"><span class="emoji stats">Our stats</span></h1> <h1 class="heading"><span class="emoji stats">Our stats</span></h1>
<hr> <hr>
<div class="stats-cards"> <div class="stats-cards">
<div class="stats-card"> <div class="stats-card">
<h1 class="stats-card-header">2</h1> <h1 class="stats-card-header">2</h1>
<p class="stats-card-info">year of robotics</p> <p class="stats-card-info">year of robotics</p>
</div> </div>
<div class="stats-card"> <div class="stats-card">
<h1 class="stats-card-header">2</h1> <h1 class="stats-card-header">2</h1>
<p class="stats-card-info">awards this season</p> <p class="stats-card-info">awards this season</p>
</div> </div>
<div class="stats-card"> <div class="stats-card">
<h1 class="stats-card-header">7</h1> <h1 class="stats-card-header">7</h1>
<p class="stats-card-info">total awards won</p> <p class="stats-card-info">total awards won</p>
</div> </div>
<div class="stats-card"> <div class="stats-card">
<h1 class="stats-card-header">9</h1> <h1 class="stats-card-header">9</h1>
<p class="stats-card-info">team members</p> <p class="stats-card-info">team members</p>
</div>
</div> </div>
<button class="stats-button" onclick="window.location.href = '{{ url_for('competitions') }}' ; ">View
our log</button>
</div> </div>
<button class="stats-button" onclick="window.location.href = '{{ url_for('competitions') }}' ; ">View our log</button>
</div>
</div> </div>
<br> <br>
<h1 class="heading"><span class="emoji sponsors" id="team">Our mentor and coach</span></h1> <h1 class="heading"><span class="emoji sponsors" id="team">Our mentor and coach</span></h1>
@@ -50,47 +51,47 @@
<div class="members-container"> <div class="members-container">
<div class="member-card"> <div class="member-card" id="hardware">
<img class="member-image" src="{{ url_for('static', filename='images/default.jpg') }}"> <img class="member-image" src="{{ url_for('static', filename='images/default.jpg') }}">
<h2 class="member-name">Samuel</h2> <h2 class="member-name">Samuel</h2>
<p class="member-role">HARDWARE</p> <p class="member-role">HARDWARE</p>
</div> </div>
<div class="member-card"> <div class="member-card" id="hardware">
<img class="member-image" src="{{ url_for('static', filename='images/anish.png') }}"> <img class="member-image" src="{{ url_for('static', filename='images/anish.png') }}">
<h2 class="member-name">Anish</h2> <h2 class="member-name">Anish</h2>
<p class="member-role">HARDWARE</p> <p class="member-role">HARDWARE</p>
</div> </div>
<div class="member-card"> <div class="member-card" id="hardware">
<img class="member-image" src="{{ url_for('static', filename='images/default.jpg') }}"> <img class="member-image" src="{{ url_for('static', filename='images/default.jpg') }}">
<h2 class="member-name">Daniel</h2> <h2 class="member-name">Daniel</h2>
<p class="member-role">HARDWARE</p> <p class="member-role">HARDWARE</p>
</div> </div>
<div class="member-card"> <div class="member-card" id="hardware">
<img class="member-image" src="{{ url_for('static', filename='images/default.jpg') }}"> <img class="member-image" src="{{ url_for('static', filename='images/default.jpg') }}">
<h2 class="member-name">Stephen</h2> <h2 class="member-name">Stephen</h2>
<p class="member-role">HARDWARE</p> <p class="member-role">HARDWARE</p>
</div> </div>
<div class="member-card"> <div class="member-card" id="software">
<img class="member-image" src="{{ url_for('static', filename='images/new-keshav.png') }}"> <img class="member-image" src="{{ url_for('static', filename='images/new-keshav.png') }}">
<h2 class="member-name">Keshav</h2> <h2 class="member-name">Keshav</h2>
<p class="member-role">SOFTWARE</p> <p class="member-role">SOFTWARE</p>
</div> </div>
<div class="member-card"> <div class="member-card" id="software">
<img class="member-image" src="{{ url_for('static', filename='images/sujay.png') }}"> <img class="member-image" src="{{ url_for('static', filename='images/sujay.png') }}">
<h2 class="member-name">Sujay</h2> <h2 class="member-name">Sujay</h2>
<p class="member-role">SOFTWARE</p> <p class="member-role">SOFTWARE</p>
</div> </div>
<div class="member-card"> <div class="member-card" id="software">
<img class="member-image" src="{{ url_for('static', filename='images/abhi.png') }}"> <img class="member-image" src="{{ url_for('static', filename='images/abhi.png') }}">
<h2 class="member-name">Abhiram</h2> <h2 class="member-name">Abhiram</h2>
<p class="member-role">SOFTWARE</p> <p class="member-role">SOFTWARE</p>
</div> </div>
<div class="member-card"> <div class="member-card" id="hardware">
<img class="member-image" src="{{ url_for('static', filename='images/default.jpg') }}"> <img class="member-image" src="{{ url_for('static', filename='images/default.jpg') }}">
<h2 class="member-name">Caitlin</h2> <h2 class="member-name">Caitlin</h2>
<p class="member-role">ALUMNI; HARDWARE</p> <p class="member-role">ALUMNI; HARDWARE</p>
</div> </div>
<div class="member-card"> <div class="member-card" id="software">
<img class="member-image" src="{{ url_for('static', filename='images/default.jpg') }}"> <img class="member-image" src="{{ url_for('static', filename='images/default.jpg') }}">
<h2 class="member-name">Krith</h2> <h2 class="member-name">Krith</h2>
<p class="member-role">OUTREACH</p> <p class="member-role">OUTREACH</p>
@@ -99,6 +100,56 @@
</div> </div>
</div> </div>
<script>
function createConfetti(emoji, originX, originY) {
const confettiCount = 40;
for (let i = 0; i < confettiCount; i++) {
let confetti = document.createElement("div");
confetti.innerHTML = emoji;
confetti.style.position = "fixed";
confetti.style.left = `${originX}px`;
confetti.style.top = `${originY}px`;
confetti.style.fontSize = `${Math.random() * 2 + 1.5}rem`;
confetti.style.pointerEvents = "none";
confetti.style.opacity = "0";
document.body.appendChild(confetti);
let angle = Math.random() * Math.PI * 2;
let velocityX = Math.cos(angle) * (Math.random() * window.innerWidth * 0.5);
let velocityY = -Math.abs(Math.sin(angle) * (Math.random() * window.innerHeight * 0.5));
let fallX = velocityX * 1.2;
let fallY = window.innerHeight;
confetti.animate([
{ transform: `translate(0, 0) scale(1)`, opacity: 0 },
{ transform: `translate(${velocityX}px, ${velocityY}px) scale(1.2)`, opacity: 1, offset: 0.2 },
{ transform: `translate(${fallX}px, ${fallY}px) scale(0.8)`, opacity: 0, offset: 1 }
], {
duration: 6000 + Math.random() * 1000,
easing: "cubic-bezier(0.2, 0.8, 0.2, 1)"
});
setTimeout(() => confetti.remove(), 7000);
}
}
document.querySelectorAll("#software, #hardware").forEach(card => {
card.addEventListener("mouseenter", (event) => {
let emoji = card.id === "software" ? "😊" : "💩";
let rect = card.getBoundingClientRect();
let originX = event.clientX;
let originY = event.clientY;
createConfetti(emoji, originX, originY);
});
});
</script>
</body> </body>
{% endblock %} {% endblock %}

120
templates/home.html
View File

@@ -5,89 +5,119 @@
{% block content %} {% block content %}
<body> <body>
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
<div class="home"> <div class="home">
<div class="bg"> <div class="bg">
<img src="{{ url_for('static', filename='images/techturb.gif') }}"> <img src="{{ url_for('static', filename='images/techturb.gif') }}">
<div class="border-triangle"></div> <div class="buttons">
<button onclick="window.open('https://www.instagram.com/technicalturbulence23344/', '_blank');">
<i data-feather="instagram"></i>
</button>
<button onclick="window.open('mailto:technicalturbulence@gmail.com', '_blank');"> <i data-feather="mail"></i>
</button>
<button onclick="window.open('https://youtube.com/@TechnicalTurbulenceFTC', '_blank');"> <i data-feather="youtube"></i></button>
</div>
<div class="border-triangle"></div>
</div> </div>
<h1 class="heading"><span class="emoji about">About</span></h1> <h1 class="heading"><span class="emoji about">About</span></h1>
<hr> <hr>
<div class="home-info"> <div class="home-info">
<h1 class="sub-header" id="cool-font">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-section-imgp">
<div class="about-sec-img"> <div class="about-sec-img">
<img src="{{ url_for('static', filename='images/main1.png') }}"> <img src="{{ url_for('static', filename='images/teeaam.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>
<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 class="about-section-imgp">
</div> <!-- <div class="about-sec-img">
<div class="about-section-imgp">
<!-- <div class="about-sec-img">
<img src="{{ url_for('static', filename='images/robo.png') }}"> <img src="{{ url_for('static', filename='images/robo.png') }}">
</div> --> </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> <p class="sub-content">Since we are designated as veterans this year, our members bring substantial
</div> experience from their involvement with FTC 12900 Quantum Claw and 22201 The Edge Robotics. Operating
<div class="stats-container"> from our dedicated garage workshop, we uphold the fundamental values of FIRST, integrating Gracious
<h1 class="heading"><span class="emoji stats">Our stats</span></h1> Professionalism into our daily endeavors. </p>
<hr>
<div class="stats-cards">
<div class="stats-card">
<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">2</h1>
<p class="stats-card-info">awards this season</p>
</div>
<div class="stats-card">
<h1 class="stats-card-header">7</h1>
<p class="stats-card-info">total awards won</p>
</div>
</div> </div>
<div class="stats-container">
<h1 class="heading"><span class="emoji stats">Our stats</span></h1>
<hr>
<button class="stats-button" onclick="window.location.href = '{{ url_for('competitions') }}' ; ">View our log</button> <div class="stats-cards">
</div> <div class="stats-card">
<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">2</h1>
<p class="stats-card-info">awards this season</p>
</div>
<div class="stats-card">
<h1 class="stats-card-header">7</h1>
<p class="stats-card-info">total awards won</p>
</div>
</div>
<button class="stats-button" onclick="window.location.href = '{{ url_for('competitions') }}' ; ">View
our log</button>
</div>
</div> </div>
<h1 class="heading"><span class="emoji gallary">Our mission</span></h1> <h1 class="heading"><span class="emoji gallary">Our mission</span></h1>
<hr> <hr>
<div class="home-info"> <div class="home-info">
<h1 class="sub-header">✊ One team, one goal.</h1> <h1 class="sub-header">✊ One team, one goal.</h1>
<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> <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"> <div class="meet-our-team-container">
<img id="meet-our-team" src="{{ url_for('static', filename='images/team.png') }}"> <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> <button class="bottom-center-button"
onclick="window.location.href = '{{ url_for('contributors') }}' ; ">Meet Our Team</button>
</div> </div>
</div> </div>
<h1 class="heading"><span class="emoji sponsors">Sponsors</span></h1> <h1 class="heading"><span class="emoji sponsors">Sponsors</span></h1>
<hr> <hr>
<div class="home-info"> <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 class="sub-content">We, FTC team Technical Turbulence, want to inspire the next generation by sharing our
</p> 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>
<h1 class="sub-header">❤️ And we couldn't have done it without...</h1> <h1 class="sub-header">❤️ And we couldn't have done it without...</h1>
<div class="sponsors-container"> <div class="sponsors-container" id="sponnnnn">
<img class="sponsors-card" src="{{ url_for('static', filename='images/ray.png') }}"> <img class="sponsors-card" src="{{ url_for('static', filename='images/ray.png') }}">
<img class="sponsors-card" src="{{ url_for('static', filename='images/cen3.png') }}"> <img class="sponsors-card" src="{{ url_for('static', filename='images/cen3.png') }}">
<img class="sponsors-card" src="{{ url_for('static', filename='images/ti.png') }}"> <img class="sponsors-card" src="{{ url_for('static', filename='images/ti.png') }}">
<img class="sponsors-card" src="{{ url_for('static', filename='images/twc.png') }}"> <img class="sponsors-card" src="{{ url_for('static', filename='images/twc.png') }}">
</div> <img src="{{ url_for('static', filename='images/fw.png') }}" alt="Image 3">
</div>
<div class="sponsors-more-container"> <div class="sponsors-more-container">
<button type="button" id="sponsors-more-button" onclick="window.location.href = '{{ url_for('sponsors') }}' ; ">See more</button> <button type="button" id="sponsors-more-button"
</div> onclick="window.location.href = '{{ url_for('sponsors') }}' ; ">See more</button>
</div>
</div> </div>
</div>
</div> </div>
</div>
<script>
feather.replace({ width: "40", height: "40" });
</script>
</body> </body>
{% endblock %} {% endblock %}

14
templates/robots-storm.html Normal file
View File

@@ -0,0 +1,14 @@
{% extends "base.html" %}
{% block title %}Technical Turbulence - Home{% endblock %}
{% block content %}
<body>
<div class="robot-specific">
<h1 class="heading2" id="spon"><span class="emoji robots">Storm</span></h1>
<hr>
</div>
</body>
{% endblock %}

41
templates/robots.html Normal file
View File

@@ -0,0 +1,41 @@
{% extends "base.html" %}
{% block title %}Technical Turbulence - Home{% endblock %}
{% block content %}
<body>
<div class="rob">
<h1 class="heading" id="spon"><span class="emoji robots">Robots</span></h1>
<hr>
<p class="info">🤖 we've built and designed several robots. 🤖</p
</div>
<div class="robots-container">
<div class="robots-inner">
<a class="robo-card" href="https://www.youtube.com/watch?v=dQw4w9WgXc">
<div class="robo-card-img">
<img src="{{ url_for('static', filename='images/abyss.png') }}">
</div>
<div class="robo-card-txt">
<p class="robo-card-name">Abyss</p>
<p class="robo-card-desc">2024 · INTO THE DEEP</p>
</div>
</a>
<a class="robo-card" href="/robots/storm">
<div class="robo-card-img">
<img src="{{ url_for('static', filename='images/storm222222.png') }}">
</div>
<div class="robo-card-txt">
<p class="robo-card-name">Storm</p>
<p class="robo-card-desc">2023 · CENTERSTAGE</p>
</div>
</a>
</div>
</div>
</body>
{% endblock %}

5
templates/sponsors.html
View File

@@ -32,6 +32,11 @@
<img src="{{ url_for('static', filename='images/twc.png') }}" alt="Image 3"> <img src="{{ url_for('static', filename='images/twc.png') }}" alt="Image 3">
</div> </div>
</a> </a>
<a href="https://www.fabworks.com/" target="_blank" class="card-sponsors">
<div class="card-content-sponsors">
<img src="{{ url_for('static', filename='images/fw.png') }}" alt="Image 3">
</div>
</a>
</div> </div>
</div> </div>