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

Final test push 3/9/2024

Browse source
This commit is contained in:
juFried 2024-03-09 19:25:16 -07:00
parent 40cbcd0c5f
commit cf03d774a6
10 changed files with 510 additions and 447 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

121
Pages/Contact.html
View file

@ -1,121 +0,0 @@
<html>
<head>
<script src="email.js"></script>
<link rel="stylesheet" href="style.css" />
<link
rel="icon"
type="image/x-icon"
href="/Resources/Favicons/favicon.png"
/>
<nav class="fill">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="Team.html">Our Team</a></li>
<li><a href="Contact.html">Contact</a></li>
<li><a href="Sponsors.html">Sponsors</a></li>
<li><a href="Resources.html">Donate</a></li>
<li><a href="calendar.html">Calendar</a></li>
</ul>
</nav>
</head>
<body>
<div class="Title-Container">
<div>
<h1 class="page-title" style="width: 100%; text-align: center">
Reach Out to Us!
</h1>
<div
style="
display: flex;
align-items: center;
justify-content: center;
"
>
<img
src="/Resources/Icons/email-icon.png"
id="TeamIcon"
alt="Team Icon"
/>
</div>
</div>
</div>
<!-- <div class="divider">
<hr>
<h1 style="display: flex; justify-content:center; text-align: center;">Contact Us:</h1>
<hr>
</div>
<form onsubmit="return false">
<input type="text" placeholder="Enter your First Name" id="firstName" />
<input type="text" placeholder="Enter your Last Name" id="lastName" />
<br>
<input type="email" placeholder="Enter your Email address" id="email" />
<p>What is your question?</p>
<br>
<textarea id="question" rows="4"></textarea>
<br><br>
<button onclick="sendMessage()">Send Message</button>
</form> -->
<div class="divider">
<hr />
<h1
style="
display: flex;
justify-content: center;
text-align: center;
"
>
Our Info
</h1>
<hr />
</div>
<div
style="
display: flex;
align-items: center;
justify-content: center;
color: rgb(241, 241, 241);
text-align: center;
font-size: large;
margin: 40px;
"
>
Email: team1165@gmail.com <br />
Lead Coach Email: joramos@pvlearners.net
</div>
<div class="divider" style="padding-bottom: 50px">
<hr />
<h1
style="
display: flex;
justify-content: center;
text-align: center;
"
>
Reach out on Socials
</h1>
<hr />
</div>
<div class="divider">
<img src="/Resources/insta-line.png" style="width: 5%" />
<div style="color: rgb(241, 241, 241)">teamparadise.1165</div>
<div style="width: 6%"></div>
<img
src="/Resources/tiktok.png"
style="width: 5%; padding-bottom: 10px"
/>
<div style="color: rgb(241, 241, 241)">team.paradise.1165</div>
<div style="width: 6%"></div>
<img
src="/Resources/snapchat.png"
style="width: 5%; padding-bottom: 10px"
/>
<div style="color: rgb(241, 241, 241)">Team1165</div>
<div style="width: 6%"></div>
<img
src="/Resources/facebook.png"
style="width: 5%; padding-bottom: 10px"
/>
<div style="color: rgb(241, 241, 241)">Team Paradise</div>
</div>
</body>
</html>

137
Pages/Donate.html Normal file
View file

@ -0,0 +1,137 @@
<html>
<head>
<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="index.html"
>General Donation</a
>
<a href="index.html">Tax Credit</a>
</nav>
</li>
</ul>
</nav>
<!-- Body -->
<div class="Title-Container">
<h1 class="page-title" style="width: 100%; text-align: center">
Donate
</h1>
<img
src="/Resources/Icons/Pencil-icon.png"
id="TeamIcon"
alt="Team Icon"
/>
</div>
<div class = "UnderConstruction">
This section is under construction...
</div>
<!--
<div class="divider">
<hr />
<h1
style="
display: flex;
justify-content: center;
text-align: center;">
Resources
</h1>
<hr />
</div>
<div
style="margin: auto; width: 80%; color: #f1f1f1; text-align: center"
>
Thank you for your support to our team! Use our
<a href="https://venmo.com/u/Gina-DisipioParrish"
>Venmo link here</a
>
to make your donation.<br /><br />If you have any questions about
making a donation, please contact us at
<a href="mailto:team1165@gmail.com">team1165@gmail.com</a
><br /><br />Thank you for your support!
</div>
<div style="height: 30%"></div>
<a
href="https://www.notion.so/d3c957c706684065a480779f7f0f240d?v=cd0bd8cc4da046f6a999f825990bcd94"
style="
color: white;
font-size: 2vw;
text-align: center;
justify-content: center;
align-items: center;
display: flex;
"
>Notion Book</a
>
<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>
</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>

81
Pages/Resources.html
View file

@ -1,81 +0,0 @@
<html>
<head>
<link rel="stylesheet" href="style.css" />
<link
rel="icon"
type="image/x-icon"
href="/Resources/Favicons/favicon.png"
/>
<nav class="fill">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="Team.html">Our Team</a></li>
<li><a href="Contact.html">Contact</a></li>
<li><a href="Sponsors.html">Sponsors</a></li>
<li><a href="Resources.html">Donate</a></li>
<li><a href="calendar.html">Calendar</a></li>
</ul>
</nav>
</head>
<body>
<div class="Title-Container">
<div>
<h1 class="page-title" style="width: 100%; text-align: center">
Welcome To Our Donation Page
</h1>
<div
style="
display: flex;
align-items: center;
justify-content: center;
"
>
<img
src="/Resources/Icons/Pencil-icon.png"
id="TeamIcon"
alt="Team Icon"
/>
</div>
</div>
</div>
<div class="divider">
<hr />
<h1
style="
display: flex;
justify-content: center;
text-align: center;
"
>
Resources
</h1>
<hr />
</div>
<div
style="margin: auto; width: 80%; color: #f1f1f1; text-align: center"
>
Thank you for your support to our team! Use our
<a href="https://venmo.com/u/Gina-DisipioParrish"
>Venmo link here</a
>
to make your donation.<br /><br />If you have any questions about
making a donation, please contact us at
<a href="mailto:team1165@gmail.com">team1165@gmail.com</a
><br /><br />Thank you for your support!
</div>
<div style="height: 30%"></div>
<a
href="https://www.notion.so/d3c957c706684065a480779f7f0f240d?v=cd0bd8cc4da046f6a999f825990bcd94"
style="
color: white;
font-size: 2vw;
text-align: center;
justify-content: center;
align-items: center;
display: flex;
"
>Notion Book</a
>
<div style="height: 30%"></div>
</body>
</html>

96
Pages/Shop.html Normal file
View file

@ -0,0 +1,96 @@
<html>
<head>
<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="index.html"
>General Donation</a
>
<a href="index.html">Tax Credit</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>

160
Pages/Sponsors.html
View file

@ -6,38 +6,55 @@
type="image/x-icon"
href="/Resources/Favicons/favicon.png"
/>
<nav class="fill">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="Team.html">Our Team</a></li>
<li><a href="Contact.html">Contact</a></li>
<li><a href="Sponsors.html">Sponsors</a></li>
<li><a href="Resources.html">Donate</a></li>
<li><a href="calendar.html">Calendar</a></li>
</ul>
</nav>
</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="index.html"
>General Donation</a
>
<a href="index.html">Tax Credit</a>
</nav>
</li>
</ul>
</nav>
<!-- Body -->
<div class="Title-Container">
<div>
<h1 class="page-title" style="width: 100%; text-align: center">
Interested in Sponsoring Us?
</h1>
<div
style="
display: flex;
align-items: center;
justify-content: center;
"
>
<img
src="/Resources/Icons/handshake-icon.png"
id="TeamIcon"
alt="Team Icon"
/>
</div>
</div>
<h1 class="page-title" style="width: 100%; text-align: center">
Sponsor Us
</h1>
<img
src="/Resources/Icons/handshake-icon.png"
id="TeamIcon"
alt="Team Icon"
/>
</div>
<!-- Sponsorship Packet -->
<div class="divider">
<hr />
<h1
@ -45,17 +62,42 @@
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>
<iframe
src="https://drive.google.com/file/d/1wOAIZDS4SVDNGWNok7cfo6i1EDZdo6yL/preview"
style="border-width: 0"
width="500"
height="400"
frameborder="0"
scrolling="no"
></iframe>
</div>
<!-- Sponsorship Tiers -->
<div class="divider">
<hr />
<h1
style="
display: flex;
justify-content: center;
align-items: center;
text-align: center;">
Sponsorship Tiers
</h1>
<hr />
</div>
<div style="text-align: center; font-size: large">
<!-- Paradise Sponsor -->
<div>
<!-- Paradise Sponsor -->
<h2 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>
@ -71,7 +113,7 @@
<br />
<div>
<!-- Platinum Sponsor -->
<h2 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>
@ -92,7 +134,7 @@
<br />
<div>
<!-- Gold Sponsor -->
<h2 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>
@ -108,7 +150,7 @@
<br />
<div>
<!-- Silver Sponsor -->
<h2 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>
@ -126,7 +168,7 @@
<br />
<div>
<!-- Bronze Sponsor -->
<h2 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>
@ -137,14 +179,40 @@
</div>
<br />
</div>
<div
style="display: flex; align-items: center; justify-content: center"
>
<a
href="https://drive.google.com/file/d/1Jw3b2Ish6vnYYuKsQ_BXDHRR-khnJSUf/view?usp=sharing"
style="color: white"
>View our Sponsorship Packet</a
>
</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>

131
Pages/Team.html
View file

@ -1,131 +0,0 @@
<html>
<head>
<link rel="stylesheet" href="style.css" />
<link
rel="icon"
type="image/x-icon"
href="/Resources/Favicons/favicon.png"
/>
<nav class="fill">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="Team.html">Our Team</a></li>
<li><a href="Contact.html">Contact</a></li>
<li><a href="Sponsors.html">Sponsors</a></li>
<li><a href="Resources.html">Donate</a></li>
<li><a href="calendar.html">Calendar</a></li>
</ul>
</nav>
</head>
<body>
<div class="Title-Container">
<div>
<h1 class="page-title" style="width: 100%; text-align: center">
Here is Our Team
</h1>
<div
style="
display: flex;
align-items: center;
justify-content: center;
"
>
<img
src="/Resources/Icons/team-icon.png"
id="TeamIcon"
alt="Team Icon"
/>
</div>
</div>
</div>
<div class="divider">
<hr />
<h1 style="display: flex; justify-content: center">Members</h1>
<hr />
</div>
<div class="people-container">
<div class="person">
<div class="Name">Justin Friedlander</div>
<div class="pTitle">President</div>
</div>
<div class="person">
<div class="Name">Manas Pund</div>
<div class="pTitle">Vice President</div>
</div>
<div class="person">
<div class="Name">Bridget Ruble</div>
<div class="pTitle">Treasurer</div>
</div>
<div class="person">
<div class="Name">Arianna Decker</div>
<div class="pTitle">Secretary</div>
</div>
</div>
<div class="divider">
<hr />
<h1 style="display: flex; justify-content: center">Captains</h1>
<hr />
</div>
<div class="people-container">
<div class="person">
<div class="Name">Caden Laughlin</div>
<div class="pTitle">Captain of Build</div>
</div>
<div class="person">
<div class="Name">James Campos</div>
<div class="pTitle">Captain of Design</div>
</div>
<div class="person">
<div class="Name">James Gold</div>
<div class="pTitle">Captain of Electrical</div>
</div>
<div class="person">
<div class="Name">Bridget Ruble</div>
<div class="pTitle">Captain of Finances</div>
</div>
<div class="person">
<div class="Name">Arianna Decker</div>
<div class="pTitle">Captain of Media</div>
</div>
<div class="person">
<div class="Name">James Gold</div>
<div class="pTitle">Captain of Programming</div>
</div>
<div class="person">
<div class="Name">Jackson Trabue</div>
<div class="pTitle">Captain of Safety</div>
</div>
<div class="person">
<div class="Name">Jacob Silber</div>
<div class="pTitle">Captain of Scouting</div>
</div>
</div>
<div class="divider">
<hr />
<h1 style="display: flex; justify-content: center">Mentors</h1>
<hr />
</div>
<div class="people-container">
<div class="person">
<div class="Name">Jorge "Chef" Ramos</div>
<div class="pTitle">Lead Coach</div>
</div>
<div class="person">
<div class="Name">Melanie Young</div>
<div class="pTitle">Coach</div>
</div>
<div class="person">
<div class="Name">Ken Whitley</div>
<div class="pTitle">Build and Design Coach</div>
</div>
<div class="person">
<div class="Name">Gatlin Farrington</div>
<div class="pTitle">Programming and Business</div>
</div>
<div class="person">
<div class="Name">Mike Moenich</div>
<div class="pTitle">Build and Design</div>
</div>
</div>
</body>
</html>

125
Pages/calendar.html
View file

@ -6,51 +6,51 @@
type="image/x-icon"
href="/Resources/Favicons/favicon.png"
/>
<nav class="fill">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="Team.html">Our Team</a></li>
<li><a href="Contact.html">Contact</a></li>
<li><a href="Sponsors.html">Sponsors</a></li>
<li><a href="Resources.html">Donate</a></li>
<li><a href="calendar.html">Calendar</a></li>
</ul>
</nav>
</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="index.html"
>General Donation</a
>
<a href="index.html">Tax Credit</a>
</nav>
</li>
</ul>
</nav>
<!-- Body -->
<div class="Title-Container">
<div>
<h1 class="page-title" style="width: 100%; text-align: center">
Calendar
</h1>
<div
style="
display: flex;
align-items: center;
justify-content: center;
"
>
<img
src="/Resources/Icons/calendar.png"
id="TeamIcon"
alt="Team Icon"
style="width: 12%"
/>
</div>
</div>
</div>
<div class="divider">
<hr />
<h1
style="
display: flex;
justify-content: center;
text-align: center;
"
>
Calendar
</h1>
<hr />
<h1 class="page-title" style="width: 100%; text-align: center">
Calendar </h1>
<img
src="/Resources/Icons/calendar.png"
id="TeamIcon"
alt="Team Icon"
/>
</div>
<div
style="
@ -58,11 +58,9 @@
justify-content: center;
text-align: center;
padding-top: 10%;
padding-bottom: 8%;
"
>
padding-bottom: 8%;">
<iframe
src="https://calendar.google.com/calendar/embed?height=600&wkst=1&bgcolor=%23a32f2f&ctz=America%2FPhoenix&showTitle=0&showPrint=0&showTabs=0&showCalendars=0&showTz=0&src=Y18xZHBiYzQ1MXM5MjJrYnVmNGltbW1xcW1pY0Bncm91cC5jYWxlbmRhci5nb29nbGUuY29t&color=%237986CB"
src="https://calendar.google.com/calendar/embed?src=c_classroomf63767d2%40group.calendar.google.com&ctz=America%2FPhoenix"
style="border-width: 0"
width="800"
height="600"
@ -70,5 +68,40 @@
scrolling="no"
></iframe>
</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>

21
Pages/index.html
View file

@ -5,7 +5,7 @@
type="image/x-icon"
href="./Resources/Favicons/favicon.png"
/>
<link rel="stylesheet" href="/Pages/Desktop.css" />
<link rel="stylesheet" href="/Pages/style.css" />
</head>
<body>
@ -30,9 +30,9 @@
<li class="nav-button">
<a href="/Pages/Sponsors.html">Sponsors</a>
</li>
<li class="nav-button"><a href="/Pages/Team.html">Shop</a></li>
<li class="nav-button"><a href="/Pages/Shop.html">Shop</a></li>
<li class="nav-button" id="donate-dropdown">
<a href="/Pages/Resources.html">Donate</a>
<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
@ -101,7 +101,11 @@
<h2 class="header2">Projects</h2>
</header>
<section class="text-image-chunk" id="x-2023">
<div id="projects">Insert text here.</div>
<p id="projects">For the 2023 FRC Charged-Up season, Team Paradise built "X".<br><br>
AZ East - Spirit Award Winner, Alliance Captain<br>
AZ West - Regional Winner<br>
World Championships (Houston, Texas)<br>
</p>
<img
src="/Resources/x-2023.JPG"
id="projects-image-x-2023"
@ -115,6 +119,7 @@
<header>
<h2 class="header2">Leaders</h2>
</header>
<p class="leaders-title">Teacher Sponsors</p>
<section id="head-mentors">
<ul class="leaders-list">
<li id="lead-coach-1">
@ -128,6 +133,7 @@
</ul>
</section>
<p class="leaders-title">Mentors</p>
<section id="mentors-1">
<ul class="leaders-list">
<li>
@ -174,6 +180,7 @@
</ul>
</section>
<p class="leaders-title">Officers</p>
<section id="officers">
<ul class="leaders-list">
<li>
@ -192,13 +199,10 @@
<div>Aneesa Napoli</div>
<span> Co-Secretary </span>
</li>
<li>
<div>Maggie "Kate" Osteen</div>
<span> Co-Secretary </span>
</li>
</ul>
</section>
<p class="leaders-title">Captains</p>
<section id="captains">
<ul class="leaders-list">
<li>
@ -230,6 +234,7 @@
</section>
</section>
<!-- Footer -->
<section class="footer">
<div class="social-icons">
<ul>

85
Pages/Desktop.css → Pages/style.css
View file

@ -32,6 +32,7 @@ body {
flex-direction: column;
width: 100%;
margin: 0;
background-color: #f1f1f1;
}
/* Navigation Bar */
@ -66,7 +67,7 @@ body {
}
#nav-bar ul li nav.dropdown-content {
position: fixed;
top: 60px;
top: 50;
}
#nav-bar ul li nav.dropdown-content::before {
position: absolute;
@ -199,19 +200,19 @@ main {
/* Home Content */
.header2 {
margin-top: 25px;
margin-bottom: 20px;
padding-bottom: 15px;
justify-content: center;
text-align: center;
}
.section-white {
background-color: #f1f1f1;
padding-top: 5vh;
padding-bottom: 5vh;
}
.section-gray {
background-color: #e1e1e1;
}
.text-image-chunk {
display: flex;
padding-top: 5vh;
padding-bottom: 5vh;
}
/* About Us */
@ -237,6 +238,15 @@ main {
margin-bottom: 20px;
}
.text-image-chunk {
display: flex;
}
.text-image-chunk p {
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
/* Leaders */
#leaders section {
margin-bottom: 50px;
@ -254,6 +264,12 @@ main {
.leaders-list li span {
font-size: small;
}
.leaders-title {
font-size: x-large;
text-align: center;
margin-top: 10vh;
text-decoration: underline;
}
#head-mentors ul {
column-count: 2;
}
@ -264,7 +280,7 @@ main {
column-count: 3;
}
#officers ul {
column-count: 5;
column-count: 4;
}
#captains ul {
column-count: 6;
@ -314,6 +330,7 @@ main {
transform: scale(1.1); /* Scales the icon on hover */
}
/*Mobile*/
@media screen and (max-width: 1200px) {
/* comes into effect for screens larger than or equal to 481 pixels */
@ -368,18 +385,29 @@ main {
}
}
.page-title {
font-size: 100px;
color: #141415;
font-family: OpenSans;
}
.Title-Container {
/* Other Pages */
body .Title-Container {
font-size: 10px;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
height: 100%;
margin-top: 7vh;
}
.page-title {
font-size: 60px;
color: #141415;
font-family: OpenSans;
}
body .Title-Container #TeamIcon {
width: 7%;
display: block;
}
.flex-break {
flex-basis: 100%;
height: 0;
@ -416,6 +444,34 @@ h2 {
margin: 5px;
}
.sponsor-tier {
font-weight: 500;
}
#sponsorship-packet{
display: block;
justify-content: center;
align-items: center;
text-align: center;
width: 50%;
margin-left: auto;
margin-right: auto;
}
#sponsorship-packet p {
font-size: 20;
font-weight: 500;
}
.UnderConstruction {
font-size: 25;
margin-top: 10vh;
margin-bottom: 10vh;
display: flex;
justify-content: center;
}
/*@-webkit-keyframes fill {
0% {
width: 0%;
@ -431,3 +487,4 @@ h2 {
background: rgb(163, 47, 47);
}
}*/
/* build captain, but you don't have final say. you don't have his support (he's gonna say he was right). we don't have time to redesign. we should've gone with a fixed angle at comp only. you cant say you hate our design as a lead coach. going under the stage isn't crucial, but definitely beneficial. lead coach going behind someone's back and throwing the PRESIDENT and captain of design under the bus?!?! that alone loses him credibility. he's willing to shit talk me to you, and you to me. he also shit on mason and matthew. he won't take responsibility for shit. his ego is too big. */

BIN
Resources/Robotics Sponsorship Packet.pdf Normal file
View file

Binary file not shown.