website v1
This commit is contained in:
abhiram v
5
.replit
5
.replit
@@ -7,3 +7,8 @@ channel = "stable-24_05"
|
||||
[deployment]
|
||||
run = ["sh", "-c", "python3 app.py"]
|
||||
deploymentTarget = "cloudrun"
|
||||
|
||||
[[ports]]
|
||||
localPort = 5000
|
||||
externalPort = 3000
|
||||
exposeLocalhost = true
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
BIN
static/images/abhi.png
Normal file
BIN
static/images/abhi.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 377 KiB |
BIN
static/images/earlybird.png
Normal file
BIN
static/images/earlybird.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 36 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 58 KiB After Width: | Height: | Size: 37 KiB |
BIN
static/images/logo2.png
Normal file
BIN
static/images/logo2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 42 KiB |
BIN
static/images/main1.png
Normal file
BIN
static/images/main1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 45 KiB |
BIN
static/images/new-keshav.png
Normal file
BIN
static/images/new-keshav.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1005 KiB |
BIN
static/images/robo.png
Normal file
BIN
static/images/robo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 249 KiB |
BIN
static/images/team.png
Normal file
BIN
static/images/team.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.0 MiB |
BIN
static/images/tech.gif
Normal file
BIN
static/images/tech.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 15 MiB |
BIN
static/images/tech2.gif
Normal file
BIN
static/images/tech2.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.9 MiB |
@@ -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,7 +15,7 @@
|
||||
<nav>
|
||||
<ul class="nav-container">
|
||||
<li class="nav-item-left">
|
||||
<a href="/"><img id="logo" src="{{ url_for('static', filename='images/logo.png') }}"></a>
|
||||
<a href="/"><img id="logo" src="{{ url_for('static', filename='images/logo2.png') }}"></a>
|
||||
</li>
|
||||
|
||||
<li class="nav-item-center">
|
||||
@@ -37,10 +38,41 @@
|
||||
</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>
|
||||
@@ -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">
|
||||
|
||||
@@ -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">
|
||||
|
||||
@@ -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">
|
||||
|
||||
|
||||
@@ -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') }}">
|
||||
|
||||
@@ -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">
|
||||
|
||||
Reference in New Issue
Block a user