commit for 23344
This commit is contained in:
abhiram v
8
app.py
8
app.py
@@ -36,5 +36,13 @@ def contact():
|
||||
def sponsors():
|
||||
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__':
|
||||
app.run(debug=True)
|
||||
@@ -11,6 +11,11 @@ body {
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
.about-sec-img img:hover {
|
||||
transform: scale(1.1);
|
||||
transition: 0.5s;
|
||||
}
|
||||
|
||||
.menu-button {
|
||||
display: none;
|
||||
/* border: 0.25vh solid white; */
|
||||
@@ -27,7 +32,7 @@ body {
|
||||
/* Makes it circular */
|
||||
cursor: pointer;
|
||||
position: fixed;
|
||||
z-index: 1000000000000000000;
|
||||
z-index: 1000000000000000000000000000000000000000000000000000000000000000000000;
|
||||
top: 4%;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
@@ -56,6 +61,7 @@ body {
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
overflow-y: auto;
|
||||
z-index: 1000000000000000000000000000000000000000000000000000000000000000000000;
|
||||
}
|
||||
|
||||
.nav-side ul {
|
||||
@@ -91,6 +97,7 @@ nav {
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
z-index: 1000;
|
||||
z-index: 1000000000000000000000000000000000000000000000000000000000000000000000;
|
||||
}
|
||||
|
||||
.nav-container {
|
||||
@@ -100,7 +107,7 @@ nav {
|
||||
list-style: none;
|
||||
gap: 1%;
|
||||
padding: 1%;
|
||||
width: 56vw;
|
||||
width: 85vw;
|
||||
height: 6vh;
|
||||
border-radius: 50vh;
|
||||
background-color: rgba(0, 0, 0, .25);
|
||||
@@ -118,6 +125,10 @@ nav {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.buttons {
|
||||
top: 80%!important;
|
||||
}
|
||||
|
||||
.menu-button {
|
||||
display: flex;
|
||||
display: block !important;
|
||||
@@ -192,7 +203,7 @@ nav {
|
||||
|
||||
.sponsors-card {
|
||||
margin-top: 3% !important;
|
||||
max-width: 85vw !important;
|
||||
max-width: 85% !important;
|
||||
max-height: 25vw !important;
|
||||
margin-bottom: 15% !important;
|
||||
}
|
||||
@@ -293,6 +304,10 @@ nav {
|
||||
margin-top: 5%;
|
||||
}
|
||||
|
||||
#robo {
|
||||
margin-top: 15%;
|
||||
}
|
||||
|
||||
#team {
|
||||
margin-top: 5vh;
|
||||
}
|
||||
@@ -335,6 +350,14 @@ nav {
|
||||
padding-left: 10%;
|
||||
}
|
||||
|
||||
.heading2 {
|
||||
font-size: 1.5rem;
|
||||
color: rgb(250, 250, 250);
|
||||
font-family: sans-serif;
|
||||
padding-left: 10%;
|
||||
padding-top: 5%;
|
||||
}
|
||||
|
||||
hr {
|
||||
color: rgb(64, 64, 64)
|
||||
}
|
||||
@@ -411,6 +434,7 @@ hr {
|
||||
font-style: normal;
|
||||
font-size: 1.75rem;
|
||||
text-align: center;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.card-container {
|
||||
@@ -431,7 +455,7 @@ hr {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
transition: transform 0.3s ease;
|
||||
border: white solid .25vh;
|
||||
border: #616161 solid .25vh;
|
||||
}
|
||||
|
||||
.card-content {
|
||||
@@ -462,6 +486,15 @@ hr {
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.rob {
|
||||
margin: 0;
|
||||
padding-top: 8vh;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
/* height: 100%; */
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.competitions {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
@@ -481,13 +514,42 @@ hr {
|
||||
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 {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
/* object-fit: cover;
|
||||
overflow: hidden; */
|
||||
transition: .5s;
|
||||
filter: brightness(0.85);
|
||||
filter: brightness(1.0);
|
||||
}
|
||||
|
||||
.bg::after {
|
||||
@@ -574,7 +636,7 @@ hr {
|
||||
}
|
||||
|
||||
.stats-container {
|
||||
border: 0.25vh white solid;
|
||||
border: 0.25vh #616161 solid;
|
||||
width: 100%;
|
||||
background-color: rgb(15, 15, 15);
|
||||
border-radius: 1.5vh;
|
||||
@@ -723,7 +785,7 @@ hr {
|
||||
/* display: inline-block; */
|
||||
position: relative;
|
||||
transition: transform 0.3s ease;
|
||||
border: white solid .25vh;
|
||||
border: #616161 solid .25vh;
|
||||
}
|
||||
|
||||
.card-content-sponsors {
|
||||
@@ -739,7 +801,7 @@ hr {
|
||||
height: auto;
|
||||
transition: transform 0.3s ease;
|
||||
filter: brightness(0) invert(1);
|
||||
opacity: 0.5;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.sponsors-container {
|
||||
@@ -750,6 +812,14 @@ hr {
|
||||
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 {
|
||||
transform: scale(1.2);
|
||||
opacity: 1;
|
||||
@@ -758,6 +828,7 @@ hr {
|
||||
.contributors {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
margin-bottom: 5%;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
@@ -775,7 +846,7 @@ hr {
|
||||
|
||||
.meet-our-team-container {
|
||||
position: relative;
|
||||
border: 0.25vh white solid;
|
||||
border: 0.25vh #616161 solid;
|
||||
width: 100%;
|
||||
border-radius: 1.5vh;
|
||||
margin-top: 10%;
|
||||
@@ -790,6 +861,7 @@ hr {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
filter: brightness(.75);
|
||||
border-radius: 7px;
|
||||
transition: 5s;
|
||||
}
|
||||
|
||||
@@ -915,13 +987,17 @@ hr {
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
margin: auto;
|
||||
padding-bottom: 5%;
|
||||
padding-bottom: 3%;
|
||||
gap: 3%;
|
||||
background-color: #0f0f0f;
|
||||
border: #616161 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; */
|
||||
margin-bottom: 3%;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 850px) {
|
||||
@@ -971,6 +1047,8 @@ hr {
|
||||
background-color: rgb(15, 15, 15);
|
||||
border-radius: 10px;
|
||||
border: white 0.25vh solid;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.member-card:hover {
|
||||
@@ -1104,9 +1182,16 @@ hr {
|
||||
.competition-card {
|
||||
width: 100%;
|
||||
/* background-color: lightgrey; */
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
padding-left: 5%;
|
||||
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 {
|
||||
@@ -1217,11 +1302,26 @@ span.about::after {
|
||||
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::after {
|
||||
content: "📊";
|
||||
font-size: 2.5vh;
|
||||
top: -5%;
|
||||
top: -1%;
|
||||
left: -1%;
|
||||
}
|
||||
|
||||
@@ -1321,17 +1421,19 @@ span.emoji:active::after {
|
||||
height: 75vh;
|
||||
overflow: hidden;
|
||||
transition: .5s;
|
||||
border: 2px rgb(250, 250, 250) solid;
|
||||
border: 2px rgb(97, 97, 97) solid;
|
||||
border-radius: 10px;
|
||||
margin-bottom: 5%;
|
||||
/* padding: 2%; */
|
||||
}
|
||||
|
||||
.about-section-imgp img {
|
||||
width: 100%;
|
||||
transition: .5s;
|
||||
height: auto;
|
||||
max-height: 100%;
|
||||
;
|
||||
object-fit: cover;
|
||||
border-radius: 7px;
|
||||
}
|
||||
|
||||
.about-section-imgp p {
|
||||
@@ -1369,9 +1471,9 @@ span.emoji:active::after {
|
||||
border: 2px white solid;
|
||||
}
|
||||
|
||||
.about-section-imgp img:hover {
|
||||
/* .about-section-imgp img:hover {
|
||||
transform: scale(1.025);
|
||||
}
|
||||
} */
|
||||
|
||||
.about-section-imgp-l img:hover {
|
||||
transform: scale(1.025);
|
||||
@@ -1397,6 +1499,20 @@ span.emoji:active::after {
|
||||
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 {
|
||||
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
BIN
static/images/abyss.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 151 KiB |
BIN
static/images/fw.png
Normal file
BIN
static/images/fw.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
BIN
static/images/storm22222.png
Normal file
BIN
static/images/storm22222.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 164 KiB |
BIN
static/images/storm222222.png
Normal file
BIN
static/images/storm222222.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 143 KiB |
BIN
static/images/teeaam.png
Normal file
BIN
static/images/teeaam.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 MiB |
BIN
static/images/teeaam2.png
Normal file
BIN
static/images/teeaam2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 248 KiB |
@@ -30,6 +30,12 @@
|
||||
<li class="nav-item-center">
|
||||
<a href="/sponsors">Sponsors</a>
|
||||
</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">
|
||||
<a href="/contact">Contact</a>
|
||||
</li>
|
||||
|
||||
@@ -30,7 +30,8 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button class="stats-button" onclick="window.location.href = '{{ url_for('competitions') }}' ; ">View our log</button>
|
||||
<button class="stats-button" onclick="window.location.href = '{{ url_for('competitions') }}' ; ">View
|
||||
our log</button>
|
||||
</div>
|
||||
</div>
|
||||
<br>
|
||||
@@ -50,47 +51,47 @@
|
||||
|
||||
<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') }}">
|
||||
<h2 class="member-name">Samuel</h2>
|
||||
<p class="member-role">HARDWARE</p>
|
||||
</div>
|
||||
<div class="member-card">
|
||||
<div class="member-card" id="hardware">
|
||||
<img class="member-image" src="{{ url_for('static', filename='images/anish.png') }}">
|
||||
<h2 class="member-name">Anish</h2>
|
||||
<p class="member-role">HARDWARE</p>
|
||||
</div>
|
||||
<div class="member-card">
|
||||
<div class="member-card" id="hardware">
|
||||
<img class="member-image" src="{{ url_for('static', filename='images/default.jpg') }}">
|
||||
<h2 class="member-name">Daniel</h2>
|
||||
<p class="member-role">HARDWARE</p>
|
||||
</div>
|
||||
<div class="member-card">
|
||||
<div class="member-card" id="hardware">
|
||||
<img class="member-image" src="{{ url_for('static', filename='images/default.jpg') }}">
|
||||
<h2 class="member-name">Stephen</h2>
|
||||
<p class="member-role">HARDWARE</p>
|
||||
</div>
|
||||
<div class="member-card">
|
||||
<div class="member-card" id="software">
|
||||
<img class="member-image" src="{{ url_for('static', filename='images/new-keshav.png') }}">
|
||||
<h2 class="member-name">Keshav</h2>
|
||||
<p class="member-role">SOFTWARE</p>
|
||||
</div>
|
||||
<div class="member-card">
|
||||
<div class="member-card" id="software">
|
||||
<img class="member-image" src="{{ url_for('static', filename='images/sujay.png') }}">
|
||||
<h2 class="member-name">Sujay</h2>
|
||||
<p class="member-role">SOFTWARE</p>
|
||||
</div>
|
||||
<div class="member-card">
|
||||
<div class="member-card" id="software">
|
||||
<img class="member-image" src="{{ url_for('static', filename='images/abhi.png') }}">
|
||||
<h2 class="member-name">Abhiram</h2>
|
||||
<p class="member-role">SOFTWARE</p>
|
||||
</div>
|
||||
<div class="member-card">
|
||||
<div class="member-card" id="hardware">
|
||||
<img class="member-image" src="{{ url_for('static', filename='images/default.jpg') }}">
|
||||
<h2 class="member-name">Caitlin</h2>
|
||||
<p class="member-role">ALUMNI; HARDWARE</p>
|
||||
</div>
|
||||
<div class="member-card">
|
||||
<div class="member-card" id="software">
|
||||
<img class="member-image" src="{{ url_for('static', filename='images/default.jpg') }}">
|
||||
<h2 class="member-name">Krith</h2>
|
||||
<p class="member-role">OUTREACH</p>
|
||||
@@ -99,6 +100,56 @@
|
||||
</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>
|
||||
|
||||
{% endblock %}
|
||||
@@ -5,26 +5,42 @@
|
||||
{% block content %}
|
||||
|
||||
<body>
|
||||
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
|
||||
<div class="home">
|
||||
<div class="bg">
|
||||
<img src="{{ url_for('static', filename='images/techturb.gif') }}">
|
||||
<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>
|
||||
<h1 class="heading"><span class="emoji about">About</span></h1>
|
||||
<hr>
|
||||
<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-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>
|
||||
<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">
|
||||
<!-- <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>
|
||||
<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">
|
||||
<h1 class="heading"><span class="emoji stats">Our stats</span></h1>
|
||||
@@ -45,7 +61,8 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button class="stats-button" onclick="window.location.href = '{{ url_for('competitions') }}' ; ">View our log</button>
|
||||
<button class="stats-button" onclick="window.location.href = '{{ url_for('competitions') }}' ; ">View
|
||||
our log</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@@ -54,11 +71,15 @@
|
||||
<div class="home-info">
|
||||
|
||||
<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">
|
||||
<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>
|
||||
@@ -68,26 +89,35 @@
|
||||
<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 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>
|
||||
|
||||
<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/cen3.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 src="{{ url_for('static', filename='images/fw.png') }}" alt="Image 3">
|
||||
</div>
|
||||
|
||||
<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"
|
||||
onclick="window.location.href = '{{ url_for('sponsors') }}' ; ">See more</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
feather.replace({ width: "40", height: "40" });
|
||||
</script>
|
||||
|
||||
</body>
|
||||
|
||||
{% endblock %}
|
||||
14
templates/robots-storm.html
Normal file
14
templates/robots-storm.html
Normal 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
41
templates/robots.html
Normal 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 %}
|
||||
@@ -32,6 +32,11 @@
|
||||
<img src="{{ url_for('static', filename='images/twc.png') }}" alt="Image 3">
|
||||
</div>
|
||||
</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>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user