Skip to content

Commit 85e8cce

Browse files
SPLATPLAYSSPLATPLAYS
authored
Fixed about.html (#29)
1 parent 7098429 commit 85e8cce

File tree

1 file changed

+69
-35
lines changed

1 file changed

+69
-35
lines changed

‎about.html‎

Lines changed: 69 additions & 35 deletions
Original file line numberDiff line numberDiff line change
@@ -8,48 +8,82 @@
88
<title>About Us - Kelmscott Senior High School Robotics</title>
99
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/tailwind.min.css" rel="stylesheet">
1010
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" rel="stylesheet">
11+
<style>
12+
html, body {
13+
height: 100%;
14+
margin: 0;
15+
padding: 0;
16+
display: flex;
17+
flex-direction: column;
18+
}
19+
.site-content {
20+
flex: 1;
21+
display: flex;
22+
flex-direction: column;
23+
}
24+
.main-content {
25+
flex: 1;
26+
padding: 1rem;
27+
}
28+
footer {
29+
background-color: #1f2937;
30+
color: white;
31+
text-align: center;
32+
padding: 1rem;
33+
}
34+
.spacer {
35+
flex: 1; /* This makes the spacer fill the remaining space */
36+
}
37+
</style>
1138
</head>
1239

1340
<body class="bg-gray-200">
1441

15-
<!-- Header Section -->
16-
<header class="bg-gray-800 text-white p-4">
17-
<div class="container mx-auto flex justify-between items-center">
18-
<a href="https://kshs-robotics-club.github.io/">
19-
<img src="logo.png" alt="KSHS Robotics" class="w-20 h-20">
20-
</a>
21-
<nav>
22-
<a href="about.html" class="mx-2">About</a>
23-
<a href="programs.html" class="mx-2">Programs</a>
24-
<a href="contact.html" class="mx-2">Contact</a>
25-
<a href="ow/index.html" class="mx-2">Old Page</a>
26-
</nav>
27-
</div>
28-
</header>
29-
30-
<!-- Main Content -->
31-
<main class="container mx-auto py-16 px-4">
32-
<h1 class="text-4xl font-bold mb-8">About Us</h1>
33-
<p class="mb-4">KSHS has a variety of robotics programs spanning across all grades. Along with robotics classes, we enter teams into a variety of <a href="https://www.firstinspires.org/" class="text-blue-500">FIRST</a> competitions such as FIRST Lego League and FIRST Robotics Competition.</p>
34-
<section class="mb-8">
35-
<h2 class="text-3xl font-semibold mb-4">FLL</h2>
36-
<p>KSHS first competed in FLL in 2018 but after 2019 went dormant for multiple years. In 2023, KSHS entered a team for the first time in 4 years, comprised of a group of year 8s and 9s. This year we have started our preparation early and are looking to send multiple teams with students ranging from years 7 to 9.</p>
37-
</section>
38-
<section class="mb-8">
39-
<h2 class="text-3xl font-semibold mb-4">FRC</h2>
40-
<p>This year we also plan to send a team to <a href="https://waroboticsplayoffs.com/" class="text-blue-500">WARP</a> to compete in the 2024 FIRST Robotics competition game. The team will be comprised of older students, allowing FLL students to transition into it after graduating from the FLL program.</p>
41-
</section>
42-
</main>
42+
<div class="site-content">
43+
44+
<!-- Header Section -->
45+
<header class="bg-gray-800 text-white p-4">
46+
<div class="container mx-auto flex justify-between items-center">
47+
<a href="https://kshs-robotics-club.github.io/">
48+
<img src="logo.png" alt="KSHS Robotics" class="w-20 h-20">
49+
</a>
50+
<nav>
51+
<a href="about.html" class="mx-2">About</a>
52+
<a href="programs.html" class="mx-2">Programs</a>
53+
<a href="contact.html" class="mx-2">Contact</a>
54+
<a href="ow/index.html" class="mx-2">Old Page</a>
55+
</nav>
56+
</div>
57+
</header>
58+
59+
<!-- Main Content -->
60+
<main class="container mx-auto py-16 px-4">
61+
<h1 class="text-4xl font-bold mb-8">About Us</h1>
62+
<p class="mb-4">KSHS has a variety of robotics programs spanning across all grades. Along with robotics classes, we enter teams into a variety of <a href="https://www.firstinspires.org/" class="text-blue-500">FIRST</a> competitions such as FIRST Lego League and FIRST Robotics Competition.</p>
63+
<section class="mb-8">
64+
<h2 class="text-3xl font-semibold mb-4">FLL</h2>
65+
<p>KSHS first competed in FLL in 2018 but after 2019 went dormant for multiple years. In 2023, KSHS entered a team for the first time in 4 years, comprised of a group of year 8s and 9s. This year we have started our preparation early and are looking to send multiple teams with students ranging from years 7 to 9.</p>
66+
</section>
67+
<section class="mb-8">
68+
<h2 class="text-3xl font-semibold mb-4">FRC</h2>
69+
<p>This year we also plan to send a team to <a href="https://waroboticsplayoffs.com/" class="text-blue-500">WARP</a> to compete in the 2024 FIRST Robotics competition game. The team will be comprised of older students, allowing FLL students to transition into it after graduating from the FLL program.</p>
70+
</section>
71+
</main>
72+
73+
<!-- Spacer -->
74+
<div class="spacer"></div>
75+
76+
</div>
4377

4478
<!-- Footer Section -->
45-
<footer class="bg-gray-800 text-white py-4">
46-
<div class="container mx-auto flex justify-between items-center">
79+
<footer>
80+
<div class="container mx-auto">
4781
<p>&copy; 2024 Kelmscott Senior High School Robotics</p>
48-
<div>
49-
<a href="#" class="mx-2"><i class="fab fa-twitter"></i></a>
50-
<a href="https://www.facebook.com/profile.php?id=61559577347658" class="mx-2"><i class="fab fa-facebook"></i></a>
51-
<a href="https://www.instagram.com/kshsrobotics/" class="mx-2"><i class="fab fa-instagram"></i></a>
52-
<a href="https://www.youtube.com/@KSHSFRCroboticsteam" class="mx-2"><i class="fab fa-youtube"></i></a>
82+
<div class="flex justify-center space-x-4 mt-2">
83+
<a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-twitter"></i></a>
84+
<a href="https://www.facebook.com/profile.php?id=61559577347658" class="text-gray-400 hover:text-white"><i class="fab fa-facebook"></i></a>
85+
<a href="https://www.instagram.com/kshsrobotics/" class="text-gray-400 hover:text-white"><i class="fab fa-instagram"></i></a>
86+
<a href="https://www.youtube.com/@KSHSFRCroboticsteam" class="text-gray-400 hover:text-white"><i class="fab fa-youtube"></i></a>
5387
</div>
5488
</div>
5589
</footer>

0 commit comments

Comments
 (0)