System-End/Team_Website
1
0
Fork 0
mirror of https://github.com/System-End/Team_Website.git synced 2026-04-19 16:28:25 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

everything look very pretty now wowo

Browse source
This commit is contained in:
Unknown 2024-05-03 18:34:12 -07:00
parent abbd8edb2b
commit 313246d25c
15 changed files with 1783 additions and 1661 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

41
Pages/Awards.html
View file

@ -33,9 +33,13 @@
<li class="nav-button" id="donate-dropdown">
<a href="/Pages/Donate.html">Donate</a>
<nav class="dropdown-content" id="donate-dropdown-content">
<a class="first-dropdown" href="/Pages/Gen Donate.html">General Donation</a>
<a class="first-dropdown" href="/Pages/Gen Donate.html"
>General Donation</a
>
<a href="/Pages/Tax credit Dono.html">Tax Credit</a>
</nav>
</li>
<li class="nav-button" id="Accomplishments-dropdown">
<a href="/index.html">Accomplishments</a>
<nav class="dropdown-content" id="Accomplishments-dropdown-content">
@ -43,55 +47,36 @@
<a href="/Pages/Awards.html">Awards</a>
</nav>
</li>
</nav>
</ul>
</nav>
<!-- Body -->
<div class="Title-Container">
<h1 class="page-title" style="width: 100%; text-align: center">
Awards
</h1>
<img
src="/Resources/Icons/team-icon.png"
id="TeamIcon"
alt="Team Icon"
/>
<h1 class="page-title" style="width: 100%; text-align: center">Awards</h1>
<img src="/Resources/Icons/team-icon.png" id="TeamIcon" alt="Team Icon" />
</div>
<div class = "UnderConstruction">
This section is under construction...
</div>
<div class="UnderConstruction">This section is under construction...</div>
<!-- Footer -->
<section class="footer">
<div class="social-icons">
<ul>
<li>
<a
href="https://www.facebook.com/Team1165"
target="_blank"
><img
src="/Resources/Facebook.png"
alt="Facebook"
<a href="https://www.facebook.com/Team1165" target="_blank"
><img src="/Resources/Facebook.png" alt="Facebook"
/></a>
</li>
<li>
<a
href="mailto:team1165@gmail.com"
target="_blank"
><img
src="/Resources/Gmail Logo.png"
alt="Gmail"
<a href="mailto:team1165@gmail.com" target="_blank"
><img src="/Resources/Gmail Logo.png" alt="Gmail"
/></a>
</li>
<li>
<a
href="https://www.instagram.com/teamparadise.1165"
target="_blank"
><img
src="/Resources/Instagram.png"
alt="Instagram"
><img src="/Resources/Instagram.png" alt="Instagram"
/></a>
</li>
</ul>

39
Pages/Donate.html
View file

@ -1,5 +1,6 @@
<html>
<head>
<script src="https://js.stripe.com/v3/"></script>
<link rel="stylesheet" href="style.css" />
<link
rel="icon"
@ -33,9 +34,13 @@
<li class="nav-button" id="donate-dropdown">
<a href="/Pages/Donate.html">Donate</a>
<nav class="dropdown-content" id="donate-dropdown-content">
<a class="first-dropdown" href="/Pages/Gen Donate.html">General Donation</a>
<a class="first-dropdown" href="/Pages/Gen Donate.html"
>General Donation</a
>
<a href="/Pages/Tax credit Dono.html">Tax Credit</a>
</nav>
</li>
<li class="nav-button" id="Accomplishments-dropdown">
<a href="/index.html">Accomplishments</a>
<nav class="dropdown-content" id="Accomplishments-dropdown-content">
@ -43,15 +48,12 @@
<a href="/Pages/Awards.html">Awards</a>
</nav>
</li>
</nav>
</ul>
</nav>
<!-- Body -->
<div class="Title-Container">
<h1 class="page-title" style="width: 100%; text-align: center">
Donate
</h1>
<h1 class="page-title" style="width: 100%; text-align: center">Donate</h1>
<img
src="/Resources/Icons/Pencil-icon.png"
id="TeamIcon"
@ -59,11 +61,7 @@
/>
</div>
<div class = "UnderConstruction">
This section is under construction...
</div>
<div class="UnderConstruction">This section is under construction...</div>
<!-- <div class="divider">
<hr />
@ -101,36 +99,25 @@
>
<div style="height: 30%"></div> -->
<!-- Footer -->
<section class="footer">
<div class="social-icons">
<ul>
<li>
<a
href="https://www.facebook.com/Team1165"
target="_blank"
><img
src="/Resources/Facebook.png"
alt="Facebook"
<a href="https://www.facebook.com/Team1165" target="_blank"
><img src="/Resources/Facebook.png" alt="Facebook"
/></a>
</li>
<li>
<a
href="mailto:team1165@gmail.com"
target="_blank"
><img
src="/Resources/Gmail Logo.png"
alt="Gmail"
<a href="mailto:team1165@gmail.com" target="_blank"
><img src="/Resources/Gmail Logo.png" alt="Gmail"
/></a>
</li>
<li>
<a
href="https://www.instagram.com/teamparadise.1165"
target="_blank"
><img
src="/Resources/Instagram.png"
alt="Instagram"
><img src="/Resources/Instagram.png" alt="Instagram"
/></a>
</li>
</ul>

37
Pages/Gen Donate.html
View file

@ -33,9 +33,13 @@
<li class="nav-button" id="donate-dropdown">
<a href="/Pages/Donate.html">Donate</a>
<nav class="dropdown-content" id="donate-dropdown-content">
<a class="first-dropdown" href="/Pages/Gen Donate.html">General Donation</a>
<a class="first-dropdown" href="/Pages/Gen Donate.html"
>General Donation</a
>
<a href="/Pages/Tax credit Dono.html">Tax Credit</a>
</nav>
</li>
<li class="nav-button" id="Accomplishments-dropdown">
<a href="/index.html">Accomplishments</a>
<nav class="dropdown-content" id="Accomplishments-dropdown-content">
@ -43,7 +47,6 @@
<a href="/Pages/Awards.html">Awards</a>
</nav>
</li>
</nav>
</ul>
</nav>
@ -52,46 +55,30 @@
<h1 class="page-title" style="width: 100%; text-align: center">
General Donation
</h1>
<img
src="/Resources/Icons/team-icon.png"
id="TeamIcon"
alt="Team Icon"
/>
<img src="/Resources/Icons/team-icon.png" id="TeamIcon" alt="Team Icon" />
</div>
<div class = "UnderConstruction">
This section is under construction...
</div>
<div class="UnderConstruction">This section is under construction...</div>
<!-- Footer -->
<section class="footer">
<div class="social-icons">
<ul>
<li>
<a
href="https://www.facebook.com/Team1165"
target="_blank"
><img
src="/Resources/Facebook.png"
alt="Facebook"
<a href="https://www.facebook.com/Team1165" target="_blank"
><img src="/Resources/Facebook.png" alt="Facebook"
/></a>
</li>
<li>
<a
href="mailto:team1165@gmail.com"
target="_blank"
><img
src="/Resources/Gmail Logo.png"
alt="Gmail"
<a href="mailto:team1165@gmail.com" target="_blank"
><img src="/Resources/Gmail Logo.png" alt="Gmail"
/></a>
</li>
<li>
<a
href="https://www.instagram.com/teamparadise.1165"
target="_blank"
><img
src="/Resources/Instagram.png"
alt="Instagram"
><img src="/Resources/Instagram.png" alt="Instagram"
/></a>
</li>
</ul>

38
Pages/Projects.html
View file

@ -1,5 +1,6 @@
<html>
<head>
<script src="https://js.stripe.com/v3/"></script>
<link rel="stylesheet" href="style.css" />
<link
rel="icon"
@ -33,9 +34,13 @@
<li class="nav-button" id="donate-dropdown">
<a href="/Pages/Donate.html">Donate</a>
<nav class="dropdown-content" id="donate-dropdown-content">
<a class="first-dropdown" href="/Pages/Gen Donate.html">General Donation</a>
<a class="first-dropdown" href="/Pages/Gen Donate.html"
>General Donation</a
>
<a href="/Pages/Tax credit Dono.html">Tax Credit</a>
</nav>
</li>
<li class="nav-button" id="Accomplishments-dropdown">
<a href="/index.html">Accomplishments</a>
<nav class="dropdown-content" id="Accomplishments-dropdown-content">
@ -43,7 +48,6 @@
<a href="/Pages/Awards.html">Awards</a>
</nav>
</li>
</nav>
</ul>
</nav>
@ -52,46 +56,30 @@
<h1 class="page-title" style="width: 100%; text-align: center">
Projects
</h1>
<img
src="/Resources/Icons/team-icon.png"
id="TeamIcon"
alt="Team Icon"
/>
<img src="/Resources/Icons/team-icon.png" id="TeamIcon" alt="Team Icon" />
</div>
<div class = "UnderConstruction">
This section is under construction...
</div>
<div class="UnderConstruction">This section is under construction...</div>
<!-- Footer -->
<section class="footer">
<div class="social-icons">
<ul>
<li>
<a
href="https://www.facebook.com/Team1165"
target="_blank"
><img
src="/Resources/Facebook.png"
alt="Facebook"
<a href="https://www.facebook.com/Team1165" target="_blank"
><img src="/Resources/Facebook.png" alt="Facebook"
/></a>
</li>
<li>
<a
href="mailto:team1165@gmail.com"
target="_blank"
><img
src="/Resources/Gmail Logo.png"
alt="Gmail"
<a href="mailto:team1165@gmail.com" target="_blank"
><img src="/Resources/Gmail Logo.png" alt="Gmail"
/></a>
</li>
<li>
<a
href="https://www.instagram.com/teamparadise.1165"
target="_blank"
><img
src="/Resources/Instagram.png"
alt="Instagram"
><img src="/Resources/Instagram.png" alt="Instagram"
/></a>
</li>
</ul>

146
Pages/Shop.html
View file

@ -1,5 +1,7 @@
<html>
<!DOCTYPE html>
<html lang="en">
<head>
<script src="https://js.stripe.com/v3/"></script>
<link rel="stylesheet" href="style.css" />
<link
rel="icon"
@ -33,9 +35,13 @@
<li class="nav-button" id="donate-dropdown">
<a href="/Pages/Donate.html">Donate</a>
<nav class="dropdown-content" id="donate-dropdown-content">
<a class="first-dropdown" href="/Pages/Gen Donate.html">General Donation</a>
<a class="first-dropdown" href="/Pages/Gen Donate.html"
>General Donation</a
>
<a href="/Pages/Tax credit Dono.html">Tax Credit</a>
</nav>
</li>
<li class="nav-button" id="Accomplishments-dropdown">
<a href="/index.html">Accomplishments</a>
<nav class="dropdown-content" id="Accomplishments-dropdown-content">
@ -43,59 +49,137 @@
<a href="/Pages/Awards.html">Awards</a>
</nav>
</li>
</nav>
</ul>
</nav>
<!-- Body -->
<div class="Title-Container">
<h1 class="page-title" style="width: 100%; text-align: center">
Shop
</h1>
<img
src="/Resources/Icons/team-icon.png"
id="TeamIcon"
alt="Team Icon"
<body>
<div class="container">
<h1>Welcome to Our Online Shop</h1>
<div class="products">
<div class="product">
<img src="hoodie.jpg" alt="Hoodie" />
<h2>Hoodies - $45</h2>
<label for="hoodie-size">Select Size:</label>
<select id="hoodie-size">
<option value="Xsmall">XSmall</option>
<option value="small">Small</option>
<option value="medium">Medium</option>
<option value="large">Large</option>
<option value="Xlarge">XLarge</option>
<option value="XXlarge">XXLarge</option>
<option value="XXXlarge">XXXLarge</option>
</select>
<label for="hoodie-quantity">Quantity:</label>
<input
type="number"
id="hoodie-quantity"
name="hoodie-quantity"
min="0"
/>
</div>
<div class = "UnderConstruction">
This section is under construction...
<div class="product">
<img src="tshirt.jpg" alt="T-Shirt" />
<h2>T-Shirts - $15</h2>
<label for="tshirt-size">Select Size:</label>
<select id="tshirt-size">
<option value="Xsmall">XSmall</option>
<option value="small">Small</option>
<option value="medium">Medium</option>
<option value="large">Large</option>
<option value="Xlarge">XLarge</option>
<option value="XXlarge">XXLarge</option>
<option value="XXXlarge">XXXLarge</option>
</select>
<label for="tshirt-quantity">Quantity:</label>
<input
type="number"
id="tshirt-quantity"
name="tshirt-quantity"
min="0"
/>
</div>
<button id="checkout-button">Checkout</button>
<div class="order-summary">
<h2>Your Order Summary:</h2>
<p id="order-summary"></p>
</div>
</div>
<script>
var stripe = Stripe(
"sk_test_51PBMFWCZYaFRUYezJHsiqgp6BHarFfhZjlNkDT8MNnxSOpCe3pDR427dyqYJMmEIF5JRe6aQc16KxHK3euoMZ9de00r03MbmAR"
);
var checkoutButton = document.getElementById("checkout-button");
checkoutButton.addEventListener("click", function () {
var hoodieSize = document.getElementById("hoodie-size").value;
var hoodieQuantity = parseInt(
document.getElementById("hoodie-quantity").value
);
var tshirtSize = document.getElementById("tshirt-size").value;
var tshirtQuantity = parseInt(
document.getElementById("tshirt-quantity").value
);
var totalPrice = hoodieQuantity * 45 + tshirtQuantity * 15;
// Create a Stripe Checkout session
stripe.redirectToCheckout({
items: [
{
sku: "sku_HOODIE",
quantity: hoodieQuantity,
size: hoodieSize,
},
{
sku: "sku_TSHIRT",
quantity: tshirtQuantity,
size: tshirtSize,
},
],
successUrl: "https://yourwebsite.com/success",
cancelUrl: "https://yourwebsite.com/cancel",
clientReferenceId: "unique_id", // optional
payment_method_types: ["card"],
mode: "payment",
lineItems: [
{
quantity: hoodieQuantity,
price: "price_HOODIE",
description: "Hoodie - " + hoodieSize,
},
{
quantity: tshirtQuantity,
price: "price_TSHIRT",
description: "T-Shirt - " + tshirtSize,
},
],
submit_type: "pay",
});
});
</script>
<!-- Footer -->
<section class="footer">
<div class="social-icons">
<ul>
<li>
<a
href="https://www.facebook.com/Team1165"
target="_blank"
><img
src="/Resources/Facebook.png"
alt="Facebook"
<a href="https://www.facebook.com/Team1165" target="_blank"
><img src="/Resources/Facebook.png" alt="Facebook"
/></a>
</li>
<li>
<a
href="mailto:team1165@gmail.com"
target="_blank"
><img
src="/Resources/Gmail Logo.png"
alt="Gmail"
<a href="mailto:team1165@gmail.com" target="_blank"
><img src="/Resources/Gmail Logo.png" alt="Gmail"
/></a>
</li>
<li>
<a
href="https://www.instagram.com/teamparadise.1165"
target="_blank"
><img
src="/Resources/Instagram.png"
alt="Instagram"
><img src="/Resources/Instagram.png" alt="Instagram"
/></a>
</li>
</ul>
</div>
</section>
</div>
</body>
</body>
</html>

97
Pages/Sponsors.html
View file

@ -1,5 +1,6 @@
<html>
<head>
<script src="https://js.stripe.com/v3/"></script>
<link rel="stylesheet" href="style.css" />
<link
rel="icon"
@ -33,9 +34,13 @@
<li class="nav-button" id="donate-dropdown">
<a href="/Pages/Donate.html">Donate</a>
<nav class="dropdown-content" id="donate-dropdown-content">
<a class="first-dropdown" href="/Pages/Gen Donate.html">General Donation</a>
<a class="first-dropdown" href="/Pages/Gen Donate.html"
>General Donation</a
>
<a href="/Pages/Tax credit Dono.html">Tax Credit</a>
</nav>
</li>
<li class="nav-button" id="Accomplishments-dropdown">
<a href="/index.html">Accomplishments</a>
<nav class="dropdown-content" id="Accomplishments-dropdown-content">
@ -43,7 +48,6 @@
<a href="/Pages/Awards.html">Awards</a>
</nav>
</li>
</nav>
</ul>
</nav>
@ -67,15 +71,15 @@
display: flex;
justify-content: center;
align-items: center;
text-align: center;">
text-align: center;
"
>
Sponsorship Packet
</h1>
<hr />
</div>
<div id="sponsorship-packet">
<p>
View our Sponsorship Packet
</p>
<p>View our Sponsorship Packet</p>
<iframe
src="https://drive.google.com/file/d/1wOAIZDS4SVDNGWNok7cfo6i1EDZdo6yL/preview"
style="border-width: 0"
@ -94,7 +98,9 @@
display: flex;
justify-content: center;
align-items: center;
text-align: center;">
text-align: center;
"
>
Sponsorship Tiers
</h1>
<hr />
@ -102,7 +108,10 @@
<div style="text-align: center; font-size: large">
<!-- Paradise Sponsor -->
<div>
<h2 class="sponsor-tier" style="color: #500a0a; text-decoration: underline">
<h2
class="sponsor-tier"
style="color: #500a0a; text-decoration: underline"
>
Paradise Sponsor
</h2>
<div class="sponsor-amount">$10,000+</div>
@ -110,27 +119,26 @@
<div class="sponsor-detail">
•Separate Banner in our Pit with Company Name and Logo
</div>
<div class="sponsor-detail">
•Video Shoutout on our Social Media
</div>
<div class="sponsor-detail">•Video Shoutout on our Social Media</div>
<div class="sponsor-detail">•Platinum Tier Benefits</div>
</div>
<br />
<div>
<!-- Platinum Sponsor -->
<h2 class="sponsor-tier" style="color: #6d9eeb; text-decoration: underline">
<h2
class="sponsor-tier"
style="color: #6d9eeb; text-decoration: underline"
>
Platinum Sponsor
</h2>
<div class="sponsor-amount">$5,000-$9,999</div>
<div class="sponsor-detail">
•Robot Demonstration at Company (pending Sponsor request and
team availability)
•Robot Demonstration at Company (pending Sponsor request and team
availability)
</div>
<div class="sponsor-detail">•Name and Logo on Workbench</div>
<div class="sponsor-detail">
•Name and Logo on Competition Robot
</div>
<div class="sponsor-detail">•Name and Logo on Competition Robot</div>
<div class="sponsor-detail">
•Monthly Video Call with Students to talk about STEM
</div>
@ -139,13 +147,14 @@
<br />
<div>
<!-- Gold Sponsor -->
<h2 class="sponsor-tier" style="color: #e0c635; text-decoration: underline">
<h2
class="sponsor-tier"
style="color: #e0c635; text-decoration: underline"
>
Gold Sponsor
</h2>
<div class="sponsor-amount">$1,500-$4,999</div>
<div class="sponsor-detail">
•Name and Logo Displayed in Pit
</div>
<div class="sponsor-detail">•Name and Logo Displayed in Pit</div>
<div class="sponsor-detail">•Name and Logo on Shirts</div>
<div class="sponsor-detail">
•Name listed on team registration papers
@ -155,32 +164,30 @@
<br />
<div>
<!-- Silver Sponsor -->
<h2 class="sponsor-tier" style="color: #798180; text-decoration: underline">
<h2
class="sponsor-tier"
style="color: #798180; text-decoration: underline"
>
Silver Sponsor
</h2>
<div class="sponsor-amount">$500-$1,499</div>
<div class="sponsor-detail">
•Name and Logo on Monthly Newsletter
</div>
<div class="sponsor-detail">
•Name, Logo, and Link on Website
</div>
<div class="sponsor-detail">
•Name and Logo Displayed in Pit
</div>
<div class="sponsor-detail">•Name and Logo on Monthly Newsletter</div>
<div class="sponsor-detail">•Name, Logo, and Link on Website</div>
<div class="sponsor-detail">•Name and Logo Displayed in Pit</div>
<div class="sponsor-detail">•Bronze Tier Benefits</div>
</div>
<br />
<div>
<!-- Bronze Sponsor -->
<h2 class="sponsor-tier" style="color: #c55a11; text-decoration: underline">
<h2
class="sponsor-tier"
style="color: #c55a11; text-decoration: underline"
>
Bronze Sponsor
</h2>
<div class="sponsor-amount"><$499</div>
<div class="sponsor-detail">•Social Media Shout Out</div>
<div class="sponsor-detail">
•Recieve Our Monthly Newsletter
</div>
<div class="sponsor-detail">•Recieve Our Monthly Newsletter</div>
</div>
<br />
</div>
@ -190,30 +197,20 @@
<div class="social-icons">
<ul>
<li>
<a
href="https://www.facebook.com/Team1165"
target="_blank"
><img
src="/Resources/Facebook.png"
alt="Facebook"
<a href="https://www.facebook.com/Team1165" target="_blank"
><img src="/Resources/Facebook.png" alt="Facebook"
/></a>
</li>
<li>
<a
href="mailto:team1165@gmail.com"
target="_blank"
><img
src="/Resources/Gmail Logo.png"
alt="Gmail"
<a href="mailto:team1165@gmail.com" target="_blank"
><img src="/Resources/Gmail Logo.png" alt="Gmail"
/></a>
</li>
<li>
<a
href="https://www.instagram.com/teamparadise.1165"
target="_blank"
><img
src="/Resources/Instagram.png"
alt="Instagram"
><img src="/Resources/Instagram.png" alt="Instagram"
/></a>
</li>
</ul>

38
Pages/Tax credit Dono.html
View file

@ -1,5 +1,6 @@
<html>
<head>
<script src="https://js.stripe.com/v3/"></script>
<link rel="stylesheet" href="style.css" />
<link
rel="icon"
@ -33,9 +34,13 @@
<li class="nav-button" id="donate-dropdown">
<a href="/Pages/Donate.html">Donate</a>
<nav class="dropdown-content" id="donate-dropdown-content">
<a class="first-dropdown" href="/Pages/Gen Donate.html">General Donation</a>
<a class="first-dropdown" href="/Pages/Gen Donate.html"
>General Donation</a
>
<a href="/Pages/Tax credit Dono.html">Tax Credit</a>
</nav>
</li>
<li class="nav-button" id="Accomplishments-dropdown">
<a href="/index.html">Accomplishments</a>
<nav class="dropdown-content" id="Accomplishments-dropdown-content">
@ -43,7 +48,6 @@
<a href="/Pages/Awards.html">Awards</a>
</nav>
</li>
</nav>
</ul>
</nav>
@ -52,46 +56,30 @@
<h1 class="page-title" style="width: 100%; text-align: center">
Tax Credit
</h1>
<img
src="/Resources/Icons/team-icon.png"
id="TeamIcon"
alt="Team Icon"
/>
<img src="/Resources/Icons/team-icon.png" id="TeamIcon" alt="Team Icon" />
</div>
<div class = "UnderConstruction">
This section is under construction...
</div>
<div class="UnderConstruction">This section is under construction...</div>
<!-- Footer -->
<section class="footer">
<div class="social-icons">
<ul>
<li>
<a
href="https://www.facebook.com/Team1165"
target="_blank"
><img
src="/Resources/Facebook.png"
alt="Facebook"
<a href="https://www.facebook.com/Team1165" target="_blank"
><img src="/Resources/Facebook.png" alt="Facebook"
/></a>
</li>
<li>
<a
href="mailto:team1165@gmail.com"
target="_blank"
><img
src="/Resources/Gmail Logo.png"
alt="Gmail"
<a href="mailto:team1165@gmail.com" target="_blank"
><img src="/Resources/Gmail Logo.png" alt="Gmail"
/></a>
</li>
<li>
<a
href="https://www.instagram.com/teamparadise.1165"
target="_blank"
><img
src="/Resources/Instagram.png"
alt="Instagram"
><img src="/Resources/Instagram.png" alt="Instagram"
/></a>
</li>
</ul>

47
Pages/calendar.html
View file

@ -33,9 +33,13 @@
<li class="nav-button" id="donate-dropdown">
<a href="/Pages/Donate.html">Donate</a>
<nav class="dropdown-content" id="donate-dropdown-content">
<a class="first-dropdown" href="/Pages/Gen Donate.html">General Donation</a>
<a class="first-dropdown" href="/Pages/Gen Donate.html"
>General Donation</a
>
<a href="/Pages/Tax credit Dono.html">Tax Credit</a>
</nav>
</li>
<li class="nav-button" id="Accomplishments-dropdown">
<a href="/index.html">Accomplishments</a>
<nav class="dropdown-content" id="Accomplishments-dropdown-content">
@ -43,7 +47,6 @@
<a href="/Pages/Awards.html">Awards</a>
</nav>
</li>
</nav>
</ul>
</nav>
@ -52,11 +55,7 @@
<h1 class="page-title" style="width: 100%; text-align: center">
Calendar
</h1>
<img
src="/Resources/Icons/calendar.png"
id="TeamIcon"
alt="Team Icon"
/>
<img src="/Resources/Icons/calendar.png" id="TeamIcon" alt="Team Icon" />
</div>
<div
style="
@ -78,38 +77,6 @@
</div>
<!-- Footer -->
<section class="footer">
<div class="social-icons">
<ul>
<li>
<a
href="https://www.facebook.com/Team1165"
target="_blank"
><img
src="/Resources/Facebook.png"
alt="Facebook"
/></a>
</li>
<li>
<a
href="mailto:team1165@gmail.com"
target="_blank"
><img
src="/Resources/Gmail Logo.png"
alt="Gmail"
/></a>
</li>
<li>
<a
href="https://www.instagram.com/teamparadise.1165"
target="_blank"
><img
src="/Resources/Instagram.png"
alt="Instagram"
/></a>
</li>
</ul>
</div>
</section>
<div id="socials"></div>
</body>
</html>

32
Pages/navbar.html Normal file
View file

@ -0,0 +1,32 @@
<body>
<nav class="fill" id="nav-bar">
<ul>
<img
src="/Resources/Black Logo-1.png"
id="nav-logo"
alt="Team 1165 Logo"
/>
<li class="nav-button" id="home-dropdown">
<a href="/index.html">Home</a>
<nav class="dropdown-content" id="home-dropdown-content">
<a class="first-dropdown" href="/index.html">Projects</a>
<a href="/index.html">Leaders</a>
</nav>
</li>
<li class="nav-button">
<a href="/Pages/calendar.html">Calendar</a>
</li>
<li class="nav-button">
<a href="/Pages/sponsors.html">Sponsors</a>
</li>
<li class="nav-button"><a href="/Pages/shop.html">Shop</a></li>
<li class="nav-button" id="donate-dropdown">
<a href="/Pages/donate.html">Donate</a>
<nav class="dropdown-content" id="donate-dropdown-content">
<a class="first-dropdown" href="/index.html">General Donation</a>
<a href="/index.html">Tax Credit</a>
</nav>
</li>
</ul>
</nav>
</body>

87
Pages/shopconstruction.html Normal file
View file

@ -0,0 +1,87 @@
<html>
<head>
<script src="https://js.stripe.com/v3/"></script>
<link rel="stylesheet" href="style.css" />
<link
rel="icon"
type="image/x-icon"
href="/Resources/Favicons/favicon.png"
/>
</head>
<body>
<!--Navigation Bar-->
<nav class="fill" id="nav-bar">
<ul>
<img
src="/Resources/Black Logo-1.png"
id="nav-logo"
alt="Team 1165 Logo"
/>
<li class="nav-button" id="home-dropdown">
<a href="/index.html">Home</a>
<nav class="dropdown-content" id="home-dropdown-content">
<a class="first-dropdown" href="/index.html">Projects</a>
<a href="/index.html">Leaders</a>
</nav>
</li>
<li class="nav-button">
<a href="/Pages/calendar.html">Calendar</a>
</li>
<li class="nav-button">
<a href="/Pages/sponsors.html">Sponsors</a>
</li>
<li class="nav-button"><a href="/Pages/Shop.html">Shop</a></li>
<li class="nav-button" id="donate-dropdown">
<a href="/Pages/Donate.html">Donate</a>
<nav class="dropdown-content" id="donate-dropdown-content">
<a class="first-dropdown" href="/Pages/Gen Donate.html"
>General Donation</a
>
<a href="/Pages/Tax credit Dono.html">Tax Credit</a>
</nav>
</li>
<li class="nav-button" id="Accomplishments-dropdown">
<a href="/index.html">Accomplishments</a>
<nav class="dropdown-content" id="Accomplishments-dropdown-content">
<a class="first-dropdown" href="/Pages/Projects.html">Projects</a>
<a href="/Pages/Awards.html">Awards</a>
</nav>
</li>
</ul>
</nav>
<!-- Body -->
<div class="Title-Container">
<h1 class="page-title" style="width: 100%; text-align: center">Shop</h1>
<img src="/Resources/Icons/team-icon.png" id="TeamIcon" alt="Team Icon" />
</div>
<div class="UnderConstruction">This section is under construction...</div>
<!-- Footer -->
<section class="footer">
<div class="social-icons">
<ul>
<li>
<a href="https://www.facebook.com/Team1165" target="_blank"
><img src="/Resources/Facebook.png" alt="Facebook"
/></a>
</li>
<li>
<a href="mailto:team1165@gmail.com" target="_blank"
><img src="/Resources/Gmail Logo.png" alt="Gmail"
/></a>
</li>
<li>
<a
href="https://www.instagram.com/teamparadise.1165"
target="_blank"
><img src="/Resources/Instagram.png" alt="Instagram"
/></a>
</li>
</ul>
</div>
</section>
</body>
</html>

23
Pages/socials.html Normal file
View file

@ -0,0 +1,23 @@
<body>
<section class="footer">
<div class="social-icons">
<ul>
<li>
<a href="https://www.facebook.com/Team1165" target="_blank"
><img src="/Resources/Facebook.png" alt="Facebook"
/></a>
</li>
<li>
<a href="mailto:team1165@gmail.com" target="_blank"
><img src="/Resources/Gmail Logo.png" alt="Gmail"
/></a>
</li>
<li>
<a href="https://www.instagram.com/teamparadise.1165" target="_blank"
><img src="/Resources/Instagram.png" alt="Instagram"
/></a>
</li>
</ul>
</div>
</section>
</body>

45
Pages/style.css
View file

@ -57,7 +57,8 @@ body {
#nav-bar ul li {
display: inline-block;
}
#nav-bar ul li a {
#nav-bar ul li a,
#nav-bar ul li span {
display: block;
padding: 15px;
text-decoration: none;
@ -110,12 +111,12 @@ nav.fill ul .dropdown-content a:hover {
}
/* Show dropdown on hover */
nav.fill ul #home-dropdown:hover #home-dropdown-content {
nav.fill ul #menu-dropdown:hover #menu-dropdown-content {
display: block;
text-align: center;
font-size: small;
z-index: 110;
width: 10%;
width: fit-content;
}
/* Show dropdown on hover */
@ -126,14 +127,6 @@ nav.fill ul #donate-dropdown:hover #donate-dropdown-content {
width: 10%;
}
/* Show dropdown on hover */
nav.fill ul #Accomplishments-dropdown:hover #Accomplishments-dropdown-content {
display: block;
text-align: center;
z-index: 110;
width: 10%;
}
nav ul li a,
nav ul li a:after,
nav ul li a:before {
@ -171,6 +164,11 @@ nav.fill ul li a:hover:after {
opacity: 1;
}
nav.fill ul li[tabindex]:hover .dropdown-content,
nav.fill ul li[tabindex]:focus .dropdown-content {
display: block;
}
main {
padding-top: 25px;
background-color: #f1f1f1;
@ -251,9 +249,8 @@ main {
}
.text-image-chunk p {
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue",
sans-serif;
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}
/* Leaders */
@ -267,6 +264,7 @@ main {
list-style: none;
text-align: center;
font-family: OpenSans;
padding: 1.25rem;
}
.leaders-list li {
@ -296,10 +294,12 @@ main {
#head-mentors ul,
#officers ul {
column-count: 4;
grid-template-columns: repeat(2, 1fr); /* 2 columns */
}
#mentors-1 ul,
#captains ul {
column-count: 6;
grid-template-columns: repeat(2, 1fr); /* 2 columns */
}
/* Footer */
@ -473,7 +473,6 @@ body .Title-Container #TeamIcon {
background-color: #3e8e41;
}
h2 {
margin: 5px;
}
@ -504,8 +503,8 @@ h2 {
display: flex;
justify-content: center;
}
/* shop css */
/* body {
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
@ -573,7 +572,7 @@ h2 {
input[type="submit"] {
width: 100%;
padding: 10px;
background-color: #4CAF50;
background-color: #4caf50;
color: white;
border: none;
border-radius: 5px;
@ -662,7 +661,7 @@ h2 {
input[type="submit"] {
width: 100%;
padding: 10px;
background-color: #4CAF50;
background-color: #4caf50;
color: white;
border: none;
border-radius: 5px;
@ -681,8 +680,8 @@ h2 {
#order-summary {
font-weight: bold;
} */
/* end shop css */
}
/*@-webkit-keyframes fill {
0% {
width: 0%;

90
index.html
View file

@ -17,26 +17,35 @@
id="nav-logo"
alt="Team 1165 Logo"
/>
<li class="nav-button" id="home-dropdown">
<a href="/index.html">Home</a>
<nav class="dropdown-content" id="home-dropdown-content">
<a class="first-dropdown" href="/index.html">Projects</a>
<li class="nav-button" id="menu-dropdown" tabindex="0">
<span>Home</span>
<nav class="dropdown-content" id="menu-dropdown-content">
<a href="/index.html">Projects</a>
<a href="/index.html">Leaders</a>
</nav>
</li>
<li class="nav-button">
<a href="/Pages/calendar.html">Calendar</a>
<li class="nav-button" id="menu-dropdown" tabindex="0">
<span>Calendar</span>
<nav class="dropdown-content" id="menu-dropdown-content">
<a href="/Pages/calendar.html">View Calendar</a>
</nav>
</li>
<li class="nav-button">
<li class="nav-button" tabindex="0">
<a href="/Pages/sponsors.html">Sponsors</a>
</li>
<li class="nav-button"><a href="/Pages/Shop.html">Shop</a></li>
<li class="nav-button" id="donate-dropdown">
<li class="nav-button" tabindex="0">
<a href="/Pages/Shop.html">Shop</a>
</li>
<li class="nav-button" id="menu-dropdown" tabindex="0">
<a href="/Pages/Donate.html">Donate</a>
<nav class="dropdown-content" id="donate-dropdown-content">
<a class="first-dropdown" href="/Pages/Gen Donate.html">General Donation</a>
<nav class="dropdown-content" id="menu-dropdown-content">
<a class="first-dropdown" href="/Pages/Gen Donate.html"
>General Donation</a
>
<a href="/Pages/Tax credit Dono.html">Tax Credit</a>
</nav>
</li>
<li class="nav-button" id="Accomplishments-dropdown">
<a href="/index.html">Accomplishments</a>
<nav class="dropdown-content" id="Accomplishments-dropdown-content">
@ -44,7 +53,6 @@
<a href="/Pages/Awards.html">Awards</a>
</nav>
</li>
</nav>
</ul>
</nav>
@ -79,23 +87,19 @@
alt="Team Picture"
/>
<div id="about-us-text">
Our team's annual goal is to assemble a team of
energetic students that bring academic lessons
to bear in a robotics competition. We are part
of the FIRST organization (For Inspiration and
Recognition of Science and Technolgy) and
participate in FIRST Robotics Competitions
(FRC).
Our team's annual goal is to assemble a team of energetic
students that bring academic lessons to bear in a robotics
competition. We are part of the FIRST organization (For
Inspiration and Recognition of Science and Technolgy) and
participate in FIRST Robotics Competitions (FRC).
<br />
<br />
FRC combines the excitement of sport with the
rigors of science and technology. Under strict
rules, limited resources, and tight time limits,
teams of high school students are challenged to
build and program a robot to perform prescribed
tasks against a field of competitors, raise
funds, design a team "brand", and hone teamwork
skills.
FRC combines the excitement of sport with the rigors of science
and technology. Under strict rules, limited resources, and tight
time limits, teams of high school students are challenged to
build and program a robot to perform prescribed tasks against a
field of competitors, raise funds, design a team "brand", and
hone teamwork skills.
</div>
</section>
</section>
@ -106,10 +110,14 @@
<h2 class="header2">Projects</h2>
</header>
<section class="text-image-chunk" id="Rhino-2024">
<p id="projects">For the 2024 FRC CRESCENDO Season, Team Paradise built "The Rhino".<br><br>
Hueneme Port (California)<br>
AZ Valley - Gracious Professionalism Award Winner, Alliance Captain<br>
AZ East - Gracious Professionalism Award Winner, 1st pick of 6th Seed Alliance.<br>
<p id="projects">
For the 2024 FRC CRESCENDO Season, Team Paradise built "The
Rhino".<br /><br />
Hueneme Port (California)<br />
AZ Valley - Gracious Professionalism Award Winner, Alliance
Captain<br />
AZ East - Gracious Professionalism Award Winner, 1st pick of 6th
Seed Alliance.<br />
</p>
<img
src="/Resources/Rhino-2024.jpg"
@ -255,30 +263,20 @@
<div class="social-icons">
<ul>
<li>
<a
href="https://www.facebook.com/Team1165"
target="_blank"
><img
src="/Resources/Facebook.png"
alt="Facebook"
<a href="https://www.facebook.com/Team1165" target="_blank"
><img src="/Resources/Facebook.png" alt="Facebook"
/></a>
</li>
<li>
<a
href="mailto:team1165@gmail.com"
target="_blank"
><img
src="/Resources/Gmail Logo.png"
alt="Gmail"
<a href="mailto:team1165@gmail.com" target="_blank"
><img src="/Resources/Gmail Logo.png" alt="Gmail"
/></a>
</li>
<li>
<a
href="https://www.instagram.com/teamparadise.1165"
target="_blank"
><img
src="/Resources/Instagram.png"
alt="Instagram"
><img src="/Resources/Instagram.png" alt="Instagram"
/></a>
</li>
</ul>