everything look very pretty now wowo

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

54
.vscode/launch.json vendored
View file

@ -1,29 +1,29 @@
{ {
// Use IntelliSense to learn about possible attributes. // Use IntelliSense to learn about possible attributes.
// Hover to view descriptions of existing attributes. // Hover to view descriptions of existing attributes.
// For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387 // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
"version": "0.2.0", "version": "0.2.0",
"configurations": [ "configurations": [
{ {
"name": "Attach to Chrome", "name": "Attach to Chrome",
"port": 8080, "port": 8080,
"request": "attach", "request": "attach",
"type": "chrome", "type": "chrome",
"webRoot": "${workspaceFolder}" "webRoot": "${workspaceFolder}"
}, },
{ {
"name": "Launch Chrome", "name": "Launch Chrome",
"request": "launch", "request": "launch",
"type": "chrome", "type": "chrome",
"url": "https://localhost:8080", "url": "https://localhost:8080",
"webRoot": "${workspaceFolder}" "webRoot": "${workspaceFolder}"
}, },
{ {
"type": "chrome", "type": "chrome",
"request": "launch", "request": "launch",
"name": "Launch Chrome against localhost", "name": "Launch Chrome against localhost",
"url": "https://localhost:9222", "url": "https://localhost:9222",
"webRoot": "${workspaceFolder}" "webRoot": "${workspaceFolder}"
} }
] ]
} }

View file

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

View file

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

View file

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

View file

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

View file

@ -1,101 +1,185 @@
<html> <!DOCTYPE html>
<head> <html lang="en">
<link rel="stylesheet" href="style.css" /> <head>
<link <script src="https://js.stripe.com/v3/"></script>
rel="icon" <link rel="stylesheet" href="style.css" />
type="image/x-icon" <link
href="/Resources/Favicons/favicon.png" 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"
/> />
</head> <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> <body>
<!--Navigation Bar--> <div class="container">
<nav class="fill" id="nav-bar"> <h1>Welcome to Our Online Shop</h1>
<ul> <div class="products">
<img <div class="product">
src="/Resources/Black Logo-1.png" <img src="hoodie.jpg" alt="Hoodie" />
id="nav-logo" <h2>Hoodies - $45</h2>
alt="Team 1165 Logo" <label for="hoodie-size">Select Size:</label>
/> <select id="hoodie-size">
<li class="nav-button" id="home-dropdown"> <option value="Xsmall">XSmall</option>
<a href="/index.html">Home</a> <option value="small">Small</option>
<nav class="dropdown-content" id="home-dropdown-content"> <option value="medium">Medium</option>
<a class="first-dropdown" href="/index.html">Projects</a> <option value="large">Large</option>
<a href="/index.html">Leaders</a> <option value="Xlarge">XLarge</option>
</nav> <option value="XXlarge">XXLarge</option>
</li> <option value="XXXlarge">XXXLarge</option>
<li class="nav-button"> </select>
<a href="/Pages/calendar.html">Calendar</a> <label for="hoodie-quantity">Quantity:</label>
</li> <input
<li class="nav-button"> type="number"
<a href="/Pages/sponsors.html">Sponsors</a> id="hoodie-quantity"
</li> name="hoodie-quantity"
<li class="nav-button"><a href="/Pages/Shop.html">Shop</a></li> min="0"
<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 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>
</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"
/> />
</div> </div>
<div class="product">
<div class = "UnderConstruction"> <img src="tshirt.jpg" alt="T-Shirt" />
This section is under construction... <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> </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 --> <!-- Footer -->
<section class="footer"> <section class="footer">
<div class="social-icons"> <div class="social-icons">
<ul> <ul>
<li> <li>
<a <a href="https://www.facebook.com/Team1165" target="_blank"
href="https://www.facebook.com/Team1165" ><img src="/Resources/Facebook.png" alt="Facebook"
target="_blank" /></a>
><img </li>
src="/Resources/Facebook.png" <li>
alt="Facebook" <a href="mailto:team1165@gmail.com" target="_blank"
/></a> ><img src="/Resources/Gmail Logo.png" alt="Gmail"
</li> /></a>
<li> </li>
<a <li>
href="mailto:team1165@gmail.com" <a
target="_blank" href="https://www.instagram.com/teamparadise.1165"
><img target="_blank"
src="/Resources/Gmail Logo.png" ><img src="/Resources/Instagram.png" alt="Instagram"
alt="Gmail" /></a>
/></a> </li>
</li> </ul>
<li> </div>
<a
href="https://www.instagram.com/teamparadise.1165"
target="_blank"
><img
src="/Resources/Instagram.png"
alt="Instagram"
/></a>
</li>
</ul>
</div>
</section> </section>
</div>
</body> </body>
</body>
</html> </html>

View file

@ -1,223 +1,220 @@
<html> <html>
<head> <head>
<link rel="stylesheet" href="style.css" /> <script src="https://js.stripe.com/v3/"></script>
<link <link rel="stylesheet" href="style.css" />
rel="icon" <link
type="image/x-icon" rel="icon"
href="/Resources/Favicons/favicon.png" 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"
/> />
</head> <li class="nav-button" id="home-dropdown">
<body> <a href="/index.html">Home</a>
<!--Navigation Bar--> <nav class="dropdown-content" id="home-dropdown-content">
<nav class="fill" id="nav-bar"> <a class="first-dropdown" href="/index.html">Projects</a>
<ul> <a href="/index.html">Leaders</a>
<img </nav>
src="/Resources/Black Logo-1.png" </li>
id="nav-logo" <li class="nav-button">
alt="Team 1165 Logo" <a href="/Pages/calendar.html">Calendar</a>
/> </li>
<li class="nav-button" id="home-dropdown"> <li class="nav-button">
<a href="/index.html">Home</a> <a href="/Pages/sponsors.html">Sponsors</a>
<nav class="dropdown-content" id="home-dropdown-content"> </li>
<a class="first-dropdown" href="/index.html">Projects</a> <li class="nav-button"><a href="/Pages/Shop.html">Shop</a></li>
<a href="/index.html">Leaders</a> <li class="nav-button" id="donate-dropdown">
</nav> <a href="/Pages/Donate.html">Donate</a>
</li> <nav class="dropdown-content" id="donate-dropdown-content">
<li class="nav-button"> <a class="first-dropdown" href="/Pages/Gen Donate.html"
<a href="/Pages/calendar.html">Calendar</a> >General Donation</a
</li> >
<li class="nav-button"> <a href="/Pages/Tax credit Dono.html">Tax Credit</a>
<a href="/Pages/sponsors.html">Sponsors</a> </nav>
</li> </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 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>
</nav>
</ul>
</nav>
<!-- Body --> <li class="nav-button" id="Accomplishments-dropdown">
<div class="Title-Container"> <a href="/index.html">Accomplishments</a>
<h1 class="page-title" style="width: 100%; text-align: center"> <nav class="dropdown-content" id="Accomplishments-dropdown-content">
Sponsor Us <a class="first-dropdown" href="/Pages/Projects.html">Projects</a>
</h1> <a href="/Pages/Awards.html">Awards</a>
<img </nav>
src="/Resources/Icons/handshake-icon.png" </li>
id="TeamIcon" </ul>
alt="Team Icon" </nav>
/>
</div>
<!-- Sponsorship Packet --> <!-- Body -->
<div class="divider"> <div class="Title-Container">
<hr /> <h1 class="page-title" style="width: 100%; text-align: center">
<h1 Sponsor Us
style=" </h1>
display: flex; <img
justify-content: center; src="/Resources/Icons/handshake-icon.png"
align-items: center; id="TeamIcon"
text-align: center;"> alt="Team Icon"
Sponsorship Packet />
</h1> </div>
<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>
<h2 class="sponsor-tier" style="color: #500a0a; text-decoration: underline">
Paradise Sponsor
</h2>
<div class="sponsor-amount">$10,000+</div>
<div class="sponsor-detail"> <!-- Sponsorship Packet -->
•Separate Banner in our Pit with Company Name and Logo <div class="divider">
</div> <hr />
<div class="sponsor-detail"> <h1
•Video Shoutout on our Social Media style="
</div> display: flex;
<div class="sponsor-detail">•Platinum Tier Benefits</div> justify-content: center;
</div> align-items: center;
<br /> text-align: center;
<div> "
<!-- Platinum Sponsor --> >
<h2 class="sponsor-tier" style="color: #6d9eeb; text-decoration: underline"> Sponsorship Packet
Platinum Sponsor </h1>
</h2> <hr />
<div class="sponsor-amount">$5,000-$9,999</div> </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>
<div class="sponsor-detail"> <!-- Sponsorship Tiers -->
•Robot Demonstration at Company (pending Sponsor request and <div class="divider">
team availability) <hr />
</div> <h1
<div class="sponsor-detail">•Name and Logo on Workbench</div> style="
<div class="sponsor-detail"> display: flex;
•Name and Logo on Competition Robot justify-content: center;
</div> align-items: center;
<div class="sponsor-detail"> text-align: center;
•Monthly Video Call with Students to talk about STEM "
</div> >
<div class="sponsor-detail">•Gold Tier Benefits</div> Sponsorship Tiers
</div> </h1>
<br /> <hr />
<div> </div>
<!-- Gold Sponsor --> <div style="text-align: center; font-size: large">
<h2 class="sponsor-tier" style="color: #e0c635; text-decoration: underline"> <!-- Paradise Sponsor -->
Gold Sponsor <div>
</h2> <h2
<div class="sponsor-amount">$1,500-$4,999</div> class="sponsor-tier"
<div class="sponsor-detail"> style="color: #500a0a; text-decoration: underline"
•Name and Logo Displayed in Pit >
</div> Paradise Sponsor
<div class="sponsor-detail">•Name and Logo on Shirts</div> </h2>
<div class="sponsor-detail"> <div class="sponsor-amount">$10,000+</div>
•Name listed on team registration papers
</div> <div class="sponsor-detail">
<div class="sponsor-detail">•Silver Tier Benefits</div> •Separate Banner in our Pit with Company Name and Logo
</div>
<br />
<div>
<!-- Silver Sponsor -->
<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">•Bronze Tier Benefits</div>
</div>
<br />
<div>
<!-- Bronze Sponsor -->
<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>
<br />
</div> </div>
<div class="sponsor-detail">•Video Shoutout on our Social Media</div>
<!-- Footer --> <div class="sponsor-detail">•Platinum Tier Benefits</div>
<section class="footer"> </div>
<div class="social-icons"> <br />
<ul> <div>
<li> <!-- Platinum Sponsor -->
<a <h2
href="https://www.facebook.com/Team1165" class="sponsor-tier"
target="_blank" style="color: #6d9eeb; text-decoration: underline"
><img >
src="/Resources/Facebook.png" Platinum Sponsor
alt="Facebook" </h2>
/></a> <div class="sponsor-amount">$5,000-$9,999</div>
</li>
<li> <div class="sponsor-detail">
<a •Robot Demonstration at Company (pending Sponsor request and team
href="mailto:team1165@gmail.com" availability)
target="_blank" </div>
><img <div class="sponsor-detail">•Name and Logo on Workbench</div>
src="/Resources/Gmail Logo.png" <div class="sponsor-detail">•Name and Logo on Competition Robot</div>
alt="Gmail" <div class="sponsor-detail">
/></a> •Monthly Video Call with Students to talk about STEM
</li> </div>
<li> <div class="sponsor-detail">•Gold Tier Benefits</div>
<a </div>
href="https://www.instagram.com/teamparadise.1165" <br />
target="_blank" <div>
><img <!-- Gold Sponsor -->
src="/Resources/Instagram.png" <h2
alt="Instagram" class="sponsor-tier"
/></a> style="color: #e0c635; text-decoration: underline"
</li> >
</ul> Gold Sponsor
</div> </h2>
</section> <div class="sponsor-amount">$1,500-$4,999</div>
</body> <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
</div>
<div class="sponsor-detail">•Silver Tier Benefits</div>
</div>
<br />
<div>
<!-- Silver Sponsor -->
<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">•Bronze Tier Benefits</div>
</div>
<br />
<div>
<!-- Bronze Sponsor -->
<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>
<br />
</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> </html>

View file

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

View file

@ -1,115 +1,82 @@
<html> <html>
<head> <head>
<link rel="stylesheet" href="style.css" /> <link rel="stylesheet" href="style.css" />
<link <link
rel="icon" rel="icon"
type="image/x-icon" type="image/x-icon"
href="/Resources/Favicons/favicon.png" 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"
/> />
</head> <li class="nav-button" id="home-dropdown">
<body> <a href="/index.html">Home</a>
<!--Navigation Bar--> <nav class="dropdown-content" id="home-dropdown-content">
<nav class="fill" id="nav-bar"> <a class="first-dropdown" href="/index.html">Projects</a>
<ul> <a href="/index.html">Leaders</a>
<img </nav>
src="/Resources/Black Logo-1.png" </li>
id="nav-logo" <li class="nav-button">
alt="Team 1165 Logo" <a href="/Pages/calendar.html">Calendar</a>
/> </li>
<li class="nav-button" id="home-dropdown"> <li class="nav-button">
<a href="/index.html">Home</a> <a href="/Pages/sponsors.html">Sponsors</a>
<nav class="dropdown-content" id="home-dropdown-content"> </li>
<a class="first-dropdown" href="/index.html">Projects</a> <li class="nav-button"><a href="/Pages/Shop.html">Shop</a></li>
<a href="/index.html">Leaders</a> <li class="nav-button" id="donate-dropdown">
</nav> <a href="/Pages/Donate.html">Donate</a>
</li> <nav class="dropdown-content" id="donate-dropdown-content">
<li class="nav-button"> <a class="first-dropdown" href="/Pages/Gen Donate.html"
<a href="/Pages/calendar.html">Calendar</a> >General Donation</a
</li> >
<li class="nav-button"> <a href="/Pages/Tax credit Dono.html">Tax Credit</a>
<a href="/Pages/sponsors.html">Sponsors</a> </nav>
</li> </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 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>
</nav>
</ul>
</nav>
<!-- Body --> <li class="nav-button" id="Accomplishments-dropdown">
<div class="Title-Container"> <a href="/index.html">Accomplishments</a>
<h1 class="page-title" style="width: 100%; text-align: center"> <nav class="dropdown-content" id="Accomplishments-dropdown-content">
Calendar <a class="first-dropdown" href="/Pages/Projects.html">Projects</a>
</h1> <a href="/Pages/Awards.html">Awards</a>
<img </nav>
src="/Resources/Icons/calendar.png" </li>
id="TeamIcon" </ul>
alt="Team Icon" </nav>
/>
</div> <!-- Body -->
<div <div class="Title-Container">
style=" <h1 class="page-title" style="width: 100%; text-align: center">
display: flex; Calendar
justify-content: center; </h1>
text-align: center; <img src="/Resources/Icons/calendar.png" id="TeamIcon" alt="Team Icon" />
padding-top: 10%; </div>
padding-bottom: 8%; <div
" style="
> display: flex;
<iframe justify-content: center;
src="https://calendar.google.com/calendar/embed?src=c_classroomf63767d2%40group.calendar.google.com&ctz=America%2FPhoenix" text-align: center;
style="border-width: 0" padding-top: 10%;
width="800" padding-bottom: 8%;
height="600" "
frameborder="0" >
scrolling="no" <iframe
></iframe> src="https://calendar.google.com/calendar/embed?src=c_classroomf63767d2%40group.calendar.google.com&ctz=America%2FPhoenix"
</div> style="border-width: 0"
width="800"
<!-- Footer --> height="600"
<section class="footer"> frameborder="0"
<div class="social-icons"> scrolling="no"
<ul> ></iframe>
<li> </div>
<a
href="https://www.facebook.com/Team1165" <!-- Footer -->
target="_blank" <div id="socials"></div>
><img </body>
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> </html>

View file

@ -1,46 +1,46 @@
document.addEventListener("DOMContentLoaded", function () { document.addEventListener("DOMContentLoaded", function () {
fields.firstName = document.getElementById("firstName"); fields.firstName = document.getElementById("firstName");
fields.lastName = document.getElementById("lastName"); fields.lastName = document.getElementById("lastName");
fields.email = document.getElementById("email"); fields.email = document.getElementById("email");
fields.message = document.getElementById("question"); fields.message = document.getElementById("question");
}); });
function isNotEmpty(value) { function isNotEmpty(value) {
if (value == null || typeof calue == "undefined") return false; if (value == null || typeof calue == "undefined") return false;
return value.length > 0; return value.length > 0;
} }
function isNumber(num) { function isNumber(num) {
return num.length > 0 && !isNaN(num); return num.length > 0 && !isNaN(num);
} }
function isEmail(email) { function isEmail(email) {
let regex = let regex =
/^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/; /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/;
return regex.test(String(email).toLowerCase()); return regex.test(String(email).toLowerCase());
} }
//field.className to change classes //field.className to change classes
class User { class User {
constructor(firstName, lastName, email, question) { constructor(firstName, lastName, email, question) {
this.firstName = firstName; this.firstName = firstName;
this.lastName = lastName; this.lastName = lastName;
this.email = email; this.email = email;
this.question = question; this.question = question;
} }
} }
function sendContact() { function sendContact() {
if (isValid()) { if (isValid()) {
let usr = new User( let usr = new User(
firstName.value, firstName.value,
lastName.value, lastName.value,
email.value, email.value,
question.value question.value
); );
} }
} }
/*function scrollPosition() { /*function scrollPosition() {

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>

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>

File diff suppressed because it is too large Load diff

View file

@ -1,290 +1,288 @@
<html> <html>
<head> <head>
<link <link
rel="icon" rel="icon"
type="image/x-icon" type="image/x-icon"
href="/Resources/Favicons/favicon.png" href="/Resources/Favicons/favicon.png"
/>
<link rel="stylesheet" href="/Pages/style.css" />
</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"
/> />
<link rel="stylesheet" href="/Pages/style.css" /> <li class="nav-button" id="menu-dropdown" tabindex="0">
</head> <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" 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" tabindex="0">
<a href="/Pages/sponsors.html">Sponsors</a>
</li>
<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="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>
<body> <li class="nav-button" id="Accomplishments-dropdown">
<!--Navigation Bar--> <a href="/index.html">Accomplishments</a>
<nav class="fill" id="nav-bar"> <nav class="dropdown-content" id="Accomplishments-dropdown-content">
<ul> <a class="first-dropdown" href="/Pages/Projects.html">Projects</a>
<img <a href="/Pages/Awards.html">Awards</a>
src="/Resources/Black Logo-1.png" </nav>
id="nav-logo" </li>
alt="Team 1165 Logo" </ul>
/> </nav>
<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 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>
</nav>
</ul>
</nav>
<!--Background Image + Logo--> <!--Background Image + Logo-->
<header> <header>
<section class="logo-container"> <section class="logo-container">
<img <img
src="/Resources/ParadiseLogo.png" src="/Resources/ParadiseLogo.png"
id="Logo-Image" id="Logo-Image"
alt="Team 1165 Logo" alt="Team 1165 Logo"
/> />
<img <img
src="/Resources/Homepage-Picture.jpg" src="/Resources/Homepage-Picture.jpg"
id="Background-Image" id="Background-Image"
alt="Background Image" alt="Background Image"
/> />
</section>
</header>
<main>
<section id="main-section">
<section id="home-section">
<!-- About Us -->
<section class="section-white">
<header>
<h2 class="header2">About Us</h2>
</header>
<section class="text-image-chunk" id="about-us">
<img
src="/Resources/Team Paradise Yearbook Photo.jpeg"
id="about-us-image"
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).
<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.
</div>
</section> </section>
</header> </section>
<main> <!-- Projects -->
<section id="main-section"> <section class="section-gray">
<section id="home-section"> <header>
<!-- About Us --> <h2 class="header2">Projects</h2>
<section class="section-white"> </header>
<header> <section class="text-image-chunk" id="Rhino-2024">
<h2 class="header2">About Us</h2> <p id="projects">
</header> For the 2024 FRC CRESCENDO Season, Team Paradise built "The
<section class="text-image-chunk" id="about-us"> Rhino".<br /><br />
<img Hueneme Port (California)<br />
src="/Resources/Team Paradise Yearbook Photo.jpeg" AZ Valley - Gracious Professionalism Award Winner, Alliance
id="about-us-image" Captain<br />
alt="Team Picture" AZ East - Gracious Professionalism Award Winner, 1st pick of 6th
/> Seed Alliance.<br />
<div id="about-us-text"> </p>
Our team's annual goal is to assemble a team of <img
energetic students that bring academic lessons src="/Resources/Rhino-2024.jpg"
to bear in a robotics competition. We are part id="projects-image-Rhino-2024"
of the FIRST organization (For Inspiration and alt="Team Picture"
Recognition of Science and Technolgy) and />
participate in FIRST Robotics Competitions </section>
(FRC). </section>
<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.
</div>
</section>
</section>
<!-- Projects --> <!-- Leaders -->
<section class="section-gray"> <section class="section-white" id="leaders">
<header> <header>
<h2 class="header2">Projects</h2> <h2 class="header2">Leaders</h2>
</header> </header>
<section class="text-image-chunk" id="Rhino-2024"> <p class="leaders-title">Teacher Sponsors</p>
<p id="projects">For the 2024 FRC CRESCENDO Season, Team Paradise built "The Rhino".<br><br> <section id="head-mentors">
Hueneme Port (California)<br> <ul class="leaders-list">
AZ Valley - Gracious Professionalism Award Winner, Alliance Captain<br> <li id="lead-coach-1">
AZ East - Gracious Professionalism Award Winner, 1st pick of 6th Seed Alliance.<br> <div>Jorge "Chef" Ramos</div>
</p> <span> Coach </span>
<img </li>
src="/Resources/Rhino-2024.jpg" <li id="lead-coach-2">
id="projects-image-Rhino-2024" <div>Alex Ruiz</div>
alt="Team Picture" <span> Coach </span>
/> </li>
</section> </ul>
</section> </section>
<!-- Leaders -->
<section class="section-white" id="leaders">
<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">
<div>Jorge "Chef" Ramos</div>
<span> Coach </span>
</li>
<li id="lead-coach-2">
<div>Alex Ruiz</div>
<span> Coach </span>
</li>
</ul>
</section>
<p class="leaders-title">Mentors</p> <p class="leaders-title">Mentors</p>
<section id="mentors-1"> <section id="mentors-1">
<ul class="leaders-list"> <ul class="leaders-list">
<!-- <li> <!-- <li>
<div>N/A</div> <div>N/A</div>
<span> Build & Strategy </span> <span> Build & Strategy </span>
</li> --> </li> -->
<li> <li>
<div>Mike Moenich</div> <div>Mike Moenich</div>
<span> Administration & Build </span> <span> Administration & Build </span>
</li> </li>
<li> <li>
<div>Gatlin Farrington</div> <div>Gatlin Farrington</div>
<span> Electrical & Programming </span> <span> Electrical & Programming </span>
</li> </li>
<li> <li>
<div>Alarmel S</div> <div>Alarmel S</div>
<span> Build & Design </span> <span> Build & Design </span>
</li> </li>
<li> <li>
<div>Sam R</div> <div>Sam R</div>
<span> Administration </span> <span> Administration </span>
</li> </li>
<li> <li>
<div>Ken Whitley</div> <div>Ken Whitley</div>
<span> Build </span> <span> Build </span>
</li> </li>
<li> <li>
<div>Charlotte Moenich</div> <div>Charlotte Moenich</div>
<span> Administration & Strategy </span> <span> Administration & Strategy </span>
</li> </li>
<li> <li>
<div>Ethan Mullins</div> <div>Ethan Mullins</div>
<span> Build & Design </span> <span> Build & Design </span>
</li> </li>
<li> <li>
<div>Mason Mills</div> <div>Mason Mills</div>
<span> Build & Design </span> <span> Build & Design </span>
</li> </li>
</ul> </ul>
</section>
<p class="leaders-title">Officers</p>
<section id="officers">
<ul class="leaders-list">
<li>
<div>Aila Jamakovic</div>
<span> President </span>
</li>
<li>
<div>Aneesa Napoli</div>
<span> Vice President </span>
</li>
<li>
<div>Mason Cucci</div>
<span> Treasurer </span>
</li>
<li>
<div>Abby Neil</div>
<span> Secretary </span>
</li>
</ul>
</section>
<p class="leaders-title">Captains</p>
<section id="captains">
<ul class="leaders-list">
<li>
<div>Alexander Podborny</div>
<span> Captain of Build </span>
</li>
<li>
<div>Michael Yagodnik</div>
<span> Captain of Design </span>
</li>
<li>
<div>Andrew McBeath</div>
<span> Captain of CAD </span>
</li>
<li>
<div>Anthony Harkins</div>
<span> Captain of Electrical </span>
</li>
<li>
<div>Bridget Ruble</div>
<span> Captain of Media </span>
</li>
<li>
<div>Ashton Antila</div>
<span> Captain of Programming </span>
</li>
<li>
<div> Mason Cucci </div>
<span> Captian of Safety </span>
</li>
<li>
<div> Kaylynn Decker </div>
<span> Captain of Organization </span>
</li>
<li>
<div> Nic Fejfar </div>
<span> Captain of Scouting </span>
</li>
<li>
<div> Aneesa Napoli </div>
<span> Captain of The Arts </span>
</li>
</ul>
</section>
</section>
</section>
<!-- 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>
</section> </section>
</main>
</body> <p class="leaders-title">Officers</p>
<section id="officers">
<ul class="leaders-list">
<li>
<div>Aila Jamakovic</div>
<span> President </span>
</li>
<li>
<div>Aneesa Napoli</div>
<span> Vice President </span>
</li>
<li>
<div>Mason Cucci</div>
<span> Treasurer </span>
</li>
<li>
<div>Abby Neil</div>
<span> Secretary </span>
</li>
</ul>
</section>
<p class="leaders-title">Captains</p>
<section id="captains">
<ul class="leaders-list">
<li>
<div>Alexander Podborny</div>
<span> Captain of Build </span>
</li>
<li>
<div>Michael Yagodnik</div>
<span> Captain of Design </span>
</li>
<li>
<div>Andrew McBeath</div>
<span> Captain of CAD </span>
</li>
<li>
<div>Anthony Harkins</div>
<span> Captain of Electrical </span>
</li>
<li>
<div>Bridget Ruble</div>
<span> Captain of Media </span>
</li>
<li>
<div>Ashton Antila</div>
<span> Captain of Programming </span>
</li>
<li>
<div>Mason Cucci</div>
<span> Captian of Safety </span>
</li>
<li>
<div>Kaylynn Decker</div>
<span> Captain of Organization </span>
</li>
<li>
<div>Nic Fejfar</div>
<span> Captain of Scouting </span>
</li>
<li>
<div>Aneesa Napoli</div>
<span> Captain of The Arts </span>
</li>
</ul>
</section>
</section>
</section>
<!-- 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>
</section>
</main>
</body>
</html> </html>