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

website v1

Browse Source
This commit is contained in:
abhiram v
2024-11-17 21:04:21 +00:00
parent b5ca78551f
commit 7bbc4fa776
18 changed files with 522 additions and 199 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
.replit
View File

@@ -7,3 +7,8 @@ channel = "stable-24_05"
[deployment]
run = ["sh", "-c", "python3 app.py"]
deploymentTarget = "cloudrun"
[[ports]]
localPort = 5000
externalPort = 3000
exposeLocalhost = true

610
static/css/styles.css
View File

File diff suppressed because it is too large Load Diff

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 377 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 36 KiB

BIN
static/images/favicon.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 58 KiB

After

Width:  |  Height:  |  Size: 37 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 42 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 45 KiB

BIN
static/images/new-keshav.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1005 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 249 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.0 MiB

BIN
static/images/tech.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 15 MiB

BIN
static/images/tech2.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.9 MiB

42
templates/base.html
View File

@@ -1,5 +1,6 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -14,9 +15,9 @@
<nav>
<ul class="nav-container">
<li class="nav-item-left">
<a href="/"><img id="logo" src="{{ url_for('static', filename='images/logo.png') }}"></a>
</li>
<a href="/"><img id="logo" src="{{ url_for('static', filename='images/logo2.png') }}"></a>
</li>
<li class="nav-item-center">
<a href="/">Home</a>
</li>
@@ -31,16 +32,47 @@
</li>
<li class="nav-item-center">
<a href="/contact">Contact</a>
</li>
</li>
<li class="nav-item-center">
<a href="https://hcb.hackclub.com/donations/start/technicalturbulence" target="_blank">Donate</a>
</li>
</ul>
</nav>
<button class="menu-button">☰</button>
<div class="nav-side">
<ul>
<li><a href="/">Home</a></li>
<li><a href="/contributors">Contributors</a></li>
<li><a href="/competitions">Competitions</a></li>
<li><a href="/sponsors">Sponsors</a></li>
<li><a href="/contact">Contact</a></li>
<li><a href="https://hcb.hackclub.com/donations/start/technicalturbulence" target="_blank">Donate</a></li>
</ul>
</div>
<script>
const menuButton = document.querySelector('.menu-button');
const navSide = document.querySelector('.nav-side');
const navLinks = document.querySelectorAll('.nav-side a'); // Select all links inside nav-side
menuButton.addEventListener('click', () => {
if (navSide.style.display === 'none' || navSide.style.display === '') {
navSide.style.display = 'flex'; // Show the nav-side with flex
} else {
navSide.style.display = 'none'; // Hide the nav-side
}
});
// Add event listeners to each link
navLinks.forEach(link => {
link.addEventListener('click', () => {
navSide.style.display = 'none'; // Hide the nav-side
});
});
</script>
<!-- This is where child templates will insert their content -->
{% block content %}
{% endblock %}
</body>
</html>
</html>

24
templates/competitions.html
View File

@@ -20,6 +20,30 @@
<div class="line"></div>
</div>
<h1 id="2024" class="competition-year">2024</h1>
<div class="competition-card">
<!-- <div class="competition-card-img">
<img src="{{ url_for('static', filename='images/earlybird.png') }}">
</div> -->
<div class="competition-header">
<p class="competition-name">FiT-North Early Bird Scrimmage</p>
<p class="middle-dot">·</p>
<p class="competition-date">10/6/2024</p>
</div>
<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-subtitle">Awards</p>
<ul class="competition-awards">
<li>Innovate Award sponsored by RTX</li>
<li>Design Award 2nd Place</li>
</ul>
</div>
<h1 id="2023" class="competition-year">2023</h1>
<div class="competition-card">

2
templates/contact.html
View File

@@ -11,7 +11,7 @@
<h1 class="header"><span class="emoji contact">CONTACT US</span></h1>
<div class="line"></div>
</div>
<p class="info">you can find us on several platforms!</p>
<p class="info">🌐 you can find us on several platforms! 🌐</p>
<div class="contact-container">
<div class="card-container">
<a href="https://www.instagram.com/technicalturbulence23344/" target="_blank" class="card">

2
templates/contributors.html
View File

@@ -41,7 +41,7 @@
<h1 class="header"><span class="emoji team">OUR TEAM</span></h1>
<div class="line"></div>
</div>
<p class="info">meet our amazing team!</p>
<p class="info">⭐ meet our amazing team! ⭐</p>
<div class="members-container">

34
templates/home.html
View File

@@ -7,15 +7,23 @@
<body>
<div class="home">
<div class="bg">
<img src="{{ url_for('static', filename='images/storm.png') }}">
<img src="{{ url_for('static', filename='images/tech2.gif') }}">
<div class="border-triangle"></div>
</div>
<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>
<p class="sub-content">FTC Team 23344 Technical Turbulence is a team based in Plano, Texas. 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>
<h1 class="sub-header">👋 Hello! We are Technical Turbulence.</h1>
<div class="about-section-imgp">
<img src="{{ url_for('static', filename='images/main1.png') }}">
<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>
<img src="{{ url_for('static', filename='images/robo.png') }}">
</div>
<div class="stats-container">
<div class="header-container3">
<h1 class="header"><span class="emoji stats">OUR STATS</span></h1>
@@ -40,25 +48,29 @@
<button class="stats-button" onclick="window.location.href = '{{ url_for('competitions') }}' ; ">View our log</button>
</div>
<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 gallary">GALLERY</span></h1>
<h1 class="header"><span class="emoji gallary">OUR MISSION</span></h1>
<div class="line"></div>
</div>
<h1 class="sub-header">See what we've been up to.</h1>
<p class="sub-content">coming soon...</p>
<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>
<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="sub-header">And we couldn't have done it without...</h1>
<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">
<img class="sponsors-card" src="{{ url_for('static', filename='images/ray.png') }}">

2
templates/sponsors.html
View File

@@ -11,7 +11,7 @@
<h1 class="header"><span class="emoji sponsors">OUR SPONSORS</span></h1>
<div class="line"></div>
</div>
<p class="info">companies of various sizes sponsor our initiatives.</p>
<p class="info">❤️ companies of various sizes sponsor our initiatives. ❤️</p>
<div class="sponsors-container">
<div class="card-container">