commit for 23344
This commit is contained in:
abhiram v
@@ -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>
|
||||
|
||||
@@ -7,31 +7,32 @@
|
||||
<body>
|
||||
<div class="contributors">
|
||||
<div class="team-info">
|
||||
<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">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 class="stats-card">
|
||||
<h1 class="stats-card-header">9</h1>
|
||||
<p class="stats-card-info">team members</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="stats-container" id="stats2">
|
||||
<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>
|
||||
<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 class="stats-card">
|
||||
<h1 class="stats-card-header">9</h1>
|
||||
<p class="stats-card-info">team members</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button class="stats-button" onclick="window.location.href = '{{ url_for('competitions') }}' ; ">View
|
||||
our log</button>
|
||||
</div>
|
||||
</div>
|
||||
<br>
|
||||
<h1 class="heading"><span class="emoji sponsors" id="team">Our mentor and coach</span></h1>
|
||||
@@ -45,52 +46,52 @@
|
||||
</div>
|
||||
</div>
|
||||
<h1 class="heading"><span class="emoji team" id="team">Our team</span></h1>
|
||||
<hr>
|
||||
<hr>
|
||||
<p class="info">⭐ meet our amazing team! ⭐</p>
|
||||
|
||||
<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,89 +5,119 @@
|
||||
{% 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="border-triangle"></div>
|
||||
<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>
|
||||
<div class="about-section-imgp">
|
||||
<div class="about-sec-img">
|
||||
<img src="{{ url_for('static', filename='images/main1.png') }}">
|
||||
<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/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>
|
||||
<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">
|
||||
<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">
|
||||
<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">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>
|
||||
<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>
|
||||
<hr>
|
||||
|
||||
<button class="stats-button" onclick="window.location.href = '{{ url_for('competitions') }}' ; ">View our log</button>
|
||||
</div>
|
||||
<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>
|
||||
|
||||
<button class="stats-button" onclick="window.location.href = '{{ url_for('competitions') }}' ; ">View
|
||||
our log</button>
|
||||
</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 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>
|
||||
<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>
|
||||
|
||||
<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>
|
||||
|
||||
|
||||
<h1 class="heading"><span class="emoji sponsors">Sponsors</span></h1>
|
||||
<hr>
|
||||
|
||||
|
||||
<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>
|
||||
<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>
|
||||
<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') }}">
|
||||
</div>
|
||||
<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>
|
||||
</div>
|
||||
<div class="sponsors-more-container">
|
||||
<button type="button" id="sponsors-more-button"
|
||||
onclick="window.location.href = '{{ url_for('sponsors') }}' ; ">See more</button>
|
||||
</div>
|
||||
|
||||
</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