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

Apply consistent styling and layout across the entire website

Browse Source 
Update CSS to apply common styles to `.stats-container` and `.content-container`. Modify `home.html` to wrap existing content within the new `.content-container` class for unified styling.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 5e584ab0-c340-4432-97ef-1972582b60e9
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 1accd9e0-f0b9-4975-b8bb-8604b59c9866
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/d0a1d46d-d203-4308-bc6a-312ac7c0243b/5e584ab0-c340-4432-97ef-1972582b60e9/ugJTFnH
This commit is contained in:
abhiramtx
2025-11-08 23:31:15 +00:00
parent 40cad1efca
commit 4a9e79da0e
2 changed files with 27 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
static/css/styles.css
View File

@@ -454,7 +454,8 @@ hr {
margin-bottom: 0; margin-bottom: 0;
} }
.stats-container { .stats-container,
.content-container {
background: rgba(0, 0, 0, 0.03); background: rgba(0, 0, 0, 0.03);
backdrop-filter: blur(8px); backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
@@ -1345,7 +1346,8 @@ span.emoji:hover::after {
margin-top: 80px; margin-top: 80px;
} }
.stats-container { .stats-container,
.content-container {
padding: 32px 24px; padding: 32px 24px;
margin: 32px 0; margin: 32px 0;
} }
@@ -1415,7 +1417,8 @@ span.emoji:hover::after {
margin: 24px auto; margin: 24px auto;
} }
.stats-container { .stats-container,
.content-container {
padding: 24px 16px; padding: 24px 16px;
margin: 24px 0; margin: 24px 0;
} }

38
templates/home.html
View File

@@ -63,14 +63,14 @@
<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">
<div class="content-container">
<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> <div class="values-grid">
<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="values-grid">
<div class="value-card"> <div class="value-card">
<div class="value-icon"> <div class="value-icon">
<i data-feather="cpu"></i> <i data-feather="cpu"></i>
@@ -99,6 +99,7 @@
<h3 class="value-title">Community</h3> <h3 class="value-title">Community</h3>
<p class="value-description">From school events to local partnerships, we bring people together, showing how robotics can inspire collaboration and problem-solving.</p> <p class="value-description">From school events to local partnerships, we bring people together, showing how robotics can inspire collaboration and problem-solving.</p>
</div> </div>
</div>
</div> </div>
<div class="team-section"> <div class="team-section">
@@ -119,26 +120,27 @@
<hr> <hr>
<div class="home-info"> <div class="home-info">
<h1 class="sub-header">❤️ We couldn't have done it without...</h1> <div class="content-container">
<h1 class="sub-header">❤️ 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 <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 showcasing the journey in robotics and the exciting world of FTC. By showcasing the
engineering behind our robot, and with the help of our sponsors, we hope to spark curiosity in young minds about STEM fields. engineering behind our robot, and with the help of our sponsors, we hope to spark curiosity in young minds about STEM fields.
</p> </p>
<div class="sponsors-container" id="sponnnnn"> <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') }}">
<img class="sponsors-card" src="{{ url_for('static', filename='images/fw.png') }}"> <img class="sponsors-card" src="{{ url_for('static', filename='images/fw.png') }}">
</div> </div>
<div class="sponsors-more-container"> <div class="sponsors-more-container">
<button type="button" id="sponsors-more-button" <button type="button" id="sponsors-more-button"
onclick="window.location.href = '{{ url_for('sponsors') }}' ; ">See more</button> onclick="window.location.href = '{{ url_for('sponsors') }}' ; ">See more</button>
</div>
</div> </div>
</div> </div>
</div> </div>