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

Create .editorconfig and apply uniform code style

Browse source
This commit is contained in:
John Studnicka 2024-05-04 02:19:57 -07:00 • committed by Unknown
parent 2920e1e0d6
commit e2c3fe2cf7
14 changed files with 1594 additions and 1421 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
.editorconfig Normal file
View file

@ -0,0 +1,9 @@
# Top-most EditorConfig file
root = true
# Unix-style newlines with a newline ending and 4 space indents on every file
[*]
end_of_line = lf
insert_final_newline = true
indent_style = space
indent_size = 4

72
.github/workflows/jekyll-gh-pages.yml vendored
View file

@ -2,50 +2,50 @@
name: Deploy Jekyll with GitHub Pages dependencies preinstalled
on:
# Runs on pushes targeting the default branch
push:
branches: ["main"]
# Runs on pushes targeting the default branch
push:
branches: ["main"]
# Allows you to run this workflow manually from the Actions tab
workflow_dispatch:
# Allows you to run this workflow manually from the Actions tab
workflow_dispatch:
# Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages
permissions:
contents: read
pages: write
id-token: write
contents: read
pages: write
id-token: write
# Allow only one concurrent deployment, skipping runs queued between the run in-progress and latest queued.
# However, do NOT cancel in-progress runs as we want to allow these production deployments to complete.
concurrency:
group: "pages"
cancel-in-progress: false
group: "pages"
cancel-in-progress: false
jobs:
# Build job
build:
runs-on: ubuntu-latest
steps:
- name: Checkout
uses: actions/checkout@v4
- name: Setup Pages
uses: actions/configure-pages@v4
- name: Build with Jekyll
uses: actions/jekyll-build-pages@v1
with:
source: ./
destination: ./_site
- name: Upload artifact
uses: actions/upload-pages-artifact@v3
# Build job
build:
runs-on: ubuntu-latest
steps:
- name: Checkout
uses: actions/checkout@v4
- name: Setup Pages
uses: actions/configure-pages@v4
- name: Build with Jekyll
uses: actions/jekyll-build-pages@v1
with:
source: ./
destination: ./_site
- name: Upload artifact
uses: actions/upload-pages-artifact@v3
# Deployment job
deploy:
environment:
name: github-pages
url: ${{ steps.deployment.outputs.page_url }}
runs-on: ubuntu-latest
needs: build
steps:
- name: Deploy to GitHub Pages
id: deployment
uses: actions/deploy-pages@v4
# Deployment job
deploy:
environment:
name: github-pages
url: ${{ steps.deployment.outputs.page_url }}
runs-on: ubuntu-latest
needs: build
steps:
- name: Deploy to GitHub Pages
id: deployment
uses: actions/deploy-pages@v4

1
.gitignore vendored
View file

@ -1,2 +1 @@
Resources/facebook.png

183
Pages/Awards.html
View file

@ -1,89 +1,108 @@
<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"
<head>
<link rel="stylesheet" href="style.css" />
<link
rel="icon"
type="image/x-icon"
href="/Resources/Favicons/favicon.png"
/>
<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>
</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>
<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">Awards</h1>
<img src="/Resources/Icons/team-icon.png" id="TeamIcon" alt="Team Icon" />
</div>
<!-- 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"
/>
</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>
</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>
<li>
<a href="/Pages/newsletter form.html">Newsletter</a>
</li>
</ul>
</div>
</section>
</body>
<!-- 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>
<li>
<a href="/Pages/newsletter form.html">Newsletter</a>
</li>
</ul>
</div>
</section>
</body>
</html>

187
Pages/Donate.html
View file

@ -1,68 +1,79 @@
<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"
<head>
<link rel="stylesheet" href="style.css" />
<link
rel="icon"
type="image/x-icon"
href="/Resources/Favicons/favicon.png"
/>
<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>
</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>
<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">Donate</h1>
<img
src="/Resources/Icons/Pencil-icon.png"
id="TeamIcon"
alt="Team Icon"
/>
</div>
<!-- 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="UnderConstruction">
This section is under construction...
</div>
<!-- <div class="divider">
<!-- <div class="divider">
<hr />
<h1
style="
@ -98,32 +109,36 @@
>
<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>
<li>
<a href="/Pages/newsletter form.html">Newsletter</a>
</li>
</ul>
</div>
</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>
<li>
<a href="/Pages/newsletter form.html">Newsletter</a>
</li>
</ul>
</div>
</section>
</body>
</html>

183
Pages/Gen Donate.html
View file

@ -1,91 +1,108 @@
<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"
<head>
<link rel="stylesheet" href="style.css" />
<link
rel="icon"
type="image/x-icon"
href="/Resources/Favicons/favicon.png"
/>
<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>
</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>
<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">
General Donation
</h1>
<img src="/Resources/Icons/team-icon.png" id="TeamIcon" alt="Team Icon" />
</div>
<!-- Body -->
<div class="Title-Container">
<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"
/>
</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>
</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>
<li>
<a href="/Pages/newsletter form.html">Newsletter</a>
</li>
</ul>
</div>
</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>
<li>
<a href="/Pages/newsletter form.html">Newsletter</a>
</li>
</ul>
</div>
</section>
</body>
</html>

183
Pages/Projects.html
View file

@ -1,91 +1,108 @@
<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"
<head>
<link rel="stylesheet" href="style.css" />
<link
rel="icon"
type="image/x-icon"
href="/Resources/Favicons/favicon.png"
/>
<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>
</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>
<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">
Projects
</h1>
<img src="/Resources/Icons/team-icon.png" id="TeamIcon" alt="Team Icon" />
</div>
<!-- Body -->
<div class="Title-Container">
<h1 class="page-title" style="width: 100%; text-align: center">
Projects
</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>
</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>
<li>
<a href="/Pages/newsletter form.html">Newsletter</a>
</li>
</ul>
</div>
</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>
<li>
<a href="/Pages/newsletter form.html">Newsletter</a>
</li>
</ul>
</div>
</section>
</body>
</html>

181
Pages/Shop.html
View file

@ -1,89 +1,108 @@
<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"
<head>
<link rel="stylesheet" href="style.css" />
<link
rel="icon"
type="image/x-icon"
href="/Resources/Favicons/favicon.png"
/>
<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>
</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>
<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>
<!-- 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>
<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>
<li>
<a href="/Pages/newsletter form.html">Newsletter</a>
</li>
</ul>
</div>
</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>
<li>
<a href="/Pages/newsletter form.html">Newsletter</a>
</li>
</ul>
</div>
</section>
</body>
</html>

183
Pages/Tax credit Dono.html
View file

@ -1,91 +1,108 @@
<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"
<head>
<link rel="stylesheet" href="style.css" />
<link
rel="icon"
type="image/x-icon"
href="/Resources/Favicons/favicon.png"
/>
<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>
</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>
<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">
Tax Credit
</h1>
<img src="/Resources/Icons/team-icon.png" id="TeamIcon" alt="Team Icon" />
</div>
<!-- Body -->
<div class="Title-Container">
<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"
/>
</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>
</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>
<li>
<a href="/Pages/newsletter form.html">Newsletter</a>
</li>
</ul>
</div>
</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>
<li>
<a href="/Pages/newsletter form.html">Newsletter</a>
</li>
</ul>
</div>
</section>
</body>
</html>

215
Pages/calendar.html
View file

@ -1,107 +1,122 @@
<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"
<head>
<link rel="stylesheet" href="style.css" />
<link
rel="icon"
type="image/x-icon"
href="/Resources/Favicons/favicon.png"
/>
<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>
</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>
<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">
Calendar
</h1>
<img src="/Resources/Icons/calendar.png" id="TeamIcon" alt="Team Icon" />
</div>
<div
style="
display: flex;
justify-content: center;
text-align: center;
padding-top: 10%;
padding-bottom: 8%;
"
>
<iframe
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"
frameborder="0"
scrolling="no"
></iframe>
</div>
<!-- Body -->
<div class="Title-Container">
<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="
display: flex;
justify-content: center;
text-align: center;
padding-top: 10%;
padding-bottom: 8%;
"
>
<iframe
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"
frameborder="0"
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>
<li>
<a href="/Pages/newsletter form.html">Newsletter</a>
</li>
</ul>
</div>
</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>
<li>
<a href="/Pages/newsletter form.html">Newsletter</a>
</li>
</ul>
</div>
</section>
</body>
</html>

48
Pages/email.js
View file

@ -1,46 +1,46 @@
document.addEventListener("DOMContentLoaded", function () {
fields.firstName = document.getElementById("firstName");
fields.lastName = document.getElementById("lastName");
fields.email = document.getElementById("email");
fields.message = document.getElementById("question");
fields.firstName = document.getElementById("firstName");
fields.lastName = document.getElementById("lastName");
fields.email = document.getElementById("email");
fields.message = document.getElementById("question");
});
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) {
return num.length > 0 && !isNaN(num);
return num.length > 0 && !isNaN(num);
}
function isEmail(email) {
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])?)*$/;
return regex.test(String(email).toLowerCase());
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])?)*$/;
return regex.test(String(email).toLowerCase());
}
//field.className to change classes
class User {
constructor(firstName, lastName, email, question) {
this.firstName = firstName;
this.lastName = lastName;
this.email = email;
this.question = question;
}
constructor(firstName, lastName, email, question) {
this.firstName = firstName;
this.lastName = lastName;
this.email = email;
this.question = question;
}
}
function sendContact() {
if (isValid()) {
let usr = new User(
firstName.value,
lastName.value,
email.value,
question.value
);
}
if (isValid()) {
let usr = new User(
firstName.value,
lastName.value,
email.value,
question.value
);
}
}
/*function scrollPosition() {

451
Pages/sponsors.html
View file

@ -1,222 +1,247 @@
<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"
<head>
<link rel="stylesheet" href="style.css" />
<link
rel="icon"
type="image/x-icon"
href="/Resources/Favicons/favicon.png"
/>
<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
</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">
Sponsor Us
</h1>
<img
src="/Resources/Icons/handshake-icon.png"
id="TeamIcon"
alt="Team Icon"
/>
</div>
<!-- Sponsorship Packet -->
<div class="divider">
<hr />
<h1
style="
display: flex;
justify-content: center;
align-items: center;
text-align: center;
"
>
<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">
Sponsor Us
</h1>
<img
src="/Resources/Icons/handshake-icon.png"
id="TeamIcon"
alt="Team Icon"
/>
</div>
<!-- Sponsorship Packet -->
<div class="divider">
<hr />
<h1
style="
display: flex;
justify-content: center;
align-items: 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>
<h2
class="sponsor-tier"
style="color: #500a0a; text-decoration: underline"
>
Paradise Sponsor
</h2>
<div class="sponsor-amount">$10,000+</div>
<div class="sponsor-detail">
•Separate Banner in our Pit with Company Name and Logo
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>
<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"
>
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)
<!-- 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 class="sponsor-detail">•Name and Logo on Workbench</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>
<div class="sponsor-detail">•Gold Tier Benefits</div>
</div>
<br />
<div>
<!-- Gold Sponsor -->
<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 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>
<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>
<!-- 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>
<li>
<a href="/Pages/newsletter form.html">Newsletter</a>
</li>
</ul>
</div>
</section>
<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">•Platinum Tier Benefits</div>
</div>
<br />
<div>
<!-- Platinum Sponsor -->
<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)
</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">
•Monthly Video Call with Students to talk about STEM
</div>
<div class="sponsor-detail">•Gold Tier Benefits</div>
</div>
<br />
<div>
<!-- Gold Sponsor -->
<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 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>
<li>
<a href="/Pages/newsletter form.html">Newsletter</a>
</li>
</ul>
</div>
</section>
</body>
</html>

552
Pages/style.css
View file

@ -1,175 +1,174 @@
@font-face {
font-family: OpenSans;
src: url("../Resources/openSans.ttf");
font-family: OpenSans;
src: url("../Resources/openSans.ttf");
}
html {
background-color: #e0e0e0;
font-family: OpenSans;
background-color: #e0e0e0;
font-family: OpenSans;
}
/*SCROLLBAR*/
/* width */
::-webkit-scrollbar {
width: 10px;
width: 10px;
}
/* Handle */
::-webkit-scrollbar-thumb {
border-radius: 10px;
border-color: #000;
background: #c0c0c0;
border-radius: 10px;
border-color: #000;
background: #c0c0c0;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #000000;
background: #000000;
}
/* Body */
body {
display: flex;
flex-direction: column;
width: 100%;
margin: 0;
background-color: #f1f1f1;
display: flex;
flex-direction: column;
width: 100%;
margin: 0;
background-color: #f1f1f1;
}
/* Navigation Bar */
#nav-bar {
position: fixed;
z-index: 110;
background-color: #f1f1f1;
width: 100%;
border-bottom: 1px solid;
border-bottom-color: #000;
margin: 0;
position: fixed;
z-index: 110;
background-color: #f1f1f1;
width: 100%;
border-bottom: 1px solid;
border-bottom-color: #000;
margin: 0;
}
#nav-bar::after {
color: #000;
color: #000;
}
#nav-bar ul {
list-style: none;
text-align: center;
margin: 0;
padding: 0;
list-style: none;
text-align: center;
margin: 0;
padding: 0;
}
#nav-bar ul li {
display: inline-block;
display: inline-block;
}
#nav-bar ul li a,
#nav-bar ul li span {
display: block;
padding: 15px;
text-decoration: none;
color: #141415;
font-weight: 800;
text-transform: uppercase;
#nav-bar ul li a {
display: block;
padding: 15px;
text-decoration: none;
color: #141415;
font-weight: 800;
text-transform: uppercase;
}
#nav-bar ul li nav.dropdown-content {
position: fixed;
top: 50;
position: fixed;
top: 50;
}
#nav-bar ul li nav.dropdown-content::before {
position: absolute;
left: 50%;
top: auto;
width: 0;
height: 0;
border: solid transparent;
content: "";
position: absolute;
left: 50%;
top: auto;
width: 0;
height: 0;
border: solid transparent;
content: "";
}
#nav-logo {
width: 3.5%;
vertical-align: middle;
padding-right: 30%;
display: none;
width: 3.5%;
vertical-align: middle;
padding-right: 30%;
display: none;
}
nav.fill ul .nav-button {
justify-content: right;
justify-content: right;
}
/* Hide Dropdown */
nav.fill ul .dropdown-content {
display: none;
position: absolute;
background-color: #f1f1f1;
border-color: #000;
border: 1px solid;
z-index: 110;
display: none;
position: absolute;
background-color: #f1f1f1;
border-color: #000;
border: 1px solid;
z-index: 110;
}
/* Dropdown Text */
nav.fill ul .dropdown-content a {
color: #f1f1f1;
color: #f1f1f1;
}
/* Hover over dropdown text */
nav.fill ul .dropdown-content a:hover {
color: #000;
color: #000;
}
/* Show dropdown on hover */
nav.fill ul #home-dropdown:hover #home-dropdown-content {
display: block;
text-align: center;
font-size: small;
z-index: 110;
width: 10%;
display: block;
text-align: center;
font-size: small;
z-index: 110;
width: 10%;
}
/* Show dropdown on hover */
nav.fill ul #donate-dropdown:hover #donate-dropdown-content {
display: block;
text-align: center;
z-index: 110;
width: 10%;
display: block;
text-align: center;
z-index: 110;
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%;
display: block;
text-align: center;
z-index: 110;
width: 10%;
}
nav ul li a,
nav ul li a:after,
nav ul li a:before {
transition: all 0.2s;
transition: all 0.2s;
}
nav ul li a:hover {
color: #000000;
color: #000000;
}
nav.fill ul li a:after {
position: absolute;
bottom: 0;
left: 0;
right: 0;
width: 0%;
content: ".";
margin: 0;
opacity: 0;
color: transparent;
background: #aaa;
height: 1px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
width: 0%;
content: ".";
margin: 0;
opacity: 0;
color: transparent;
background: #aaa;
height: 1px;
}
nav.fill ul li a {
transition: all 1s;
transition: all 1s;
}
nav.fill ul li a:hover {
color: #c3153a;
z-index: 1;
color: #c3153a;
z-index: 1;
}
nav.fill ul li a:hover:after {
z-index: -10;
animation: fill 0.5s forwards;
-webkit-animation: fill 1s forwards;
-moz-animation: fill 1s forwards;
opacity: 1;
z-index: -10;
animation: fill 0.5s forwards;
-webkit-animation: fill 1s forwards;
-moz-animation: fill 1s forwards;
opacity: 1;
}
nav.fill ul li[tabindex]:hover .dropdown-content,
@ -178,336 +177,337 @@ nav.fill ul li[tabindex]:focus .dropdown-content {
}
main {
padding-top: 25px;
background-color: #f1f1f1;
z-index: 100;
padding-top: 25px;
background-color: #f1f1f1;
z-index: 100;
}
/* Logo + Background Image */
.logo-container {
display: flex;
align-items: center;
justify-content: center;
/*height: calc(100vw*0.664179104);*/
height: calc(100vh);
display: flex;
align-items: center;
justify-content: center;
/*height: calc(100vw*0.664179104);*/
height: calc(100vh);
}
.logo-container #Logo-Image {
position: fixed;
z-index: 80;
width: 50%;
position: fixed;
z-index: 80;
width: 50%;
}
.logo-container #Background-Image {
position: fixed;
z-index: 50;
width: 100%;
height: 100%;
object-fit: cover;
object-position: bottom;
position: fixed;
z-index: 50;
width: 100%;
height: 100%;
object-fit: cover;
object-position: bottom;
}
#Background-Image {
overflow: visible;
height: auto;
overflow: visible;
height: auto;
}
/* Home Content */
.header2 {
padding-bottom: 15px;
justify-content: center;
text-align: center;
padding-bottom: 15px;
justify-content: center;
text-align: center;
}
.section-white {
background-color: #f1f1f1;
padding-top: 5vh;
padding-bottom: 5vh;
background-color: #f1f1f1;
padding-top: 5vh;
padding-bottom: 5vh;
}
.section-gray {
background-color: #e1e1e1;
padding-top: 5vh;
padding-bottom: 5vh;
background-color: #e1e1e1;
padding-top: 5vh;
padding-bottom: 5vh;
}
/* About Us */
#about-us-image {
padding-left: 10%;
padding-right: 10%;
width: 35%;
padding-left: 10%;
padding-right: 10%;
width: 35%;
}
#about-us-text {
text-align: center;
padding-right: 5%;
text-align: center;
padding-right: 5%;
}
/* Projects */
#Rhino-2024 {
justify-content: right;
justify-content: right;
}
#projects-image-Rhino-2024 {
height: 60%;
width: calc(60vh * 1.02327961);
padding-right: 10%;
padding-left: 10%;
margin-bottom: 20px;
height: 60%;
width: calc(60vh * 1.02327961);
padding-right: 10%;
padding-left: 10%;
margin-bottom: 20px;
}
.text-image-chunk {
display: flex;
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;
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue",
sans-serif;
}
/* Leaders */
#leaders section {
margin-bottom: 0;
margin-bottom: 0;
}
.leaders-list {
display: grid;
gap: 1.25rem; /* Adjusts the space between grid items */
list-style: none;
text-align: center;
font-family: OpenSans;
padding: 1.25rem;
display: grid;
gap: 1.25rem; /* Adjusts the space between grid items */
list-style: none;
text-align: center;
font-family: OpenSans;
padding: 1.25rem;
}
.leaders-list li {
background-color: #f9fafb; /* Light gray background */
border: 1px solid #e5e7eb; /* Gray border */
border-radius: 0.375rem; /* Rounded corners */
padding: 1.5rem; /* Spacing inside the card */
background-color: #f9fafb; /* Light gray background */
border: 1px solid #e5e7eb; /* Gray border */
border-radius: 0.375rem; /* Rounded corners */
padding: 1.5rem; /* Spacing inside the card */
}
.leaders-list li div {
font-size: 1.25rem; /* Equivalent to text-xl */
font-weight: bold; /* Makes the text bold */
margin-bottom: 1rem; /* 4 margin-bottom */
font-size: 1.25rem; /* Equivalent to text-xl */
font-weight: bold; /* Makes the text bold */
margin-bottom: 1rem; /* 4 margin-bottom */
}
.leaders-list li span {
font-size: 1.5rem;
font-weight: normal;
font-size: 1.5rem;
font-weight: normal;
}
.leaders-title {
font-size: x-large;
text-align: center;
margin-top: 10vh;
text-decoration: underline;
font-size: x-large;
text-align: center;
margin-top: 10vh;
text-decoration: underline;
}
#head-mentors ul,
#officers ul {
grid-template-columns: repeat(2, 1fr); /* 2 columns */
grid-template-columns: repeat(2, 1fr); /* 2 columns */
}
#mentors-1 ul,
#captains ul {
grid-template-columns: repeat(2, 1fr); /* 3 columns */
grid-template-columns: repeat(2, 1fr); /* 2 columns */
}
/* Footer */
.footer {
padding-top: 50px;
background-color: #e1e1e1;
display: flex;
padding-top: 50px;
background-color: #e1e1e1;
display: flex;
}
.social-icons {
position: relative;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
z-index: 1000;
background: #fff;
border: 1px solid #ccc;
padding: 10px;
border-radius: 5px; /* Optional, for rounded corners */
position: relative;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
z-index: 1000;
background: #fff;
border: 1px solid #ccc;
padding: 10px;
border-radius: 5px; /* Optional, for rounded corners */
}
.social-icons ul {
list-style: none;
padding: 0;
margin: 0;
display: flex; /* Displays the icons in a row */
list-style: none;
padding: 0;
margin: 0;
display: flex; /* Displays the icons in a row */
}
.social-icons ul li {
margin-right: 10px; /* Adds some space between icons */
margin-right: 10px; /* Adds some space between icons */
}
.social-icons ul li:last-child {
margin-right: 0; /* Removes margin from the last icon */
margin-right: 0; /* Removes margin from the last icon */
}
.social-icons ul li a img {
width: 30px; /* Adjusts the size of the icons */
height: auto;
transition: transform 0.3s ease; /* Smooth scaling effect on hover */
width: 30px; /* Adjusts the size of the icons */
height: auto;
transition: transform 0.3s ease; /* Smooth scaling effect on hover */
}
.social-icons ul li a:hover img {
transform: scale(1.1); /* Scales the icon on hover */
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 */
.ourStory-Container {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
margin: 5%;
}
.ourStory-Container div {
font-family: OpenSans;
padding: 2%;
width: 80%;
text-align: center;
font-size: medium;
}
.ourStory-Container img {
width: 80%;
padding: 2%;
}
nav {
width: 80%;
margin: 0;
margin-right: 5%;
font-size: 15px;
}
/* comes into effect for screens larger than or equal to 481 pixels */
.ourStory-Container {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
margin: 5%;
}
.ourStory-Container div {
font-family: OpenSans;
padding: 2%;
width: 80%;
text-align: center;
font-size: medium;
}
.ourStory-Container img {
width: 80%;
padding: 2%;
}
nav {
width: 80%;
margin: 0;
margin-right: 5%;
font-size: 15px;
}
}
/*Desktop*/
@media screen and (min-width: 1201px) {
.ourStory-Container {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
margin: 5%;
}
.ourStory-Container div {
font-family: OpenSans;
padding: 2%;
flex-grow: 4;
width: 45%;
text-align: center;
font-size: medium;
min-width: 300px;
}
.ourStory-Container {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
margin: 5%;
}
.ourStory-Container div {
font-family: OpenSans;
padding: 2%;
flex-grow: 4;
width: 45%;
text-align: center;
font-size: medium;
min-width: 300px;
}
.ourStory-Container img {
padding: 2%;
width: 40%;
}
.ourStory-Container img {
padding: 2%;
width: 40%;
}
}
/* Other Pages */
body .Title-Container {
font-size: 10px;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
margin-top: 7vh;
font-size: 10px;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
margin-top: 7vh;
}
.page-title {
font-size: 60px;
color: #141415;
font-family: OpenSans;
font-size: 60px;
color: #141415;
font-family: OpenSans;
}
body .Title-Container #TeamIcon {
width: 7%;
display: block;
width: 7%;
display: block;
}
.flex-break {
flex-basis: 100%;
height: 0;
flex-basis: 100%;
height: 0;
}
.people-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.people-container .person {
justify-content: center;
text-align: center;
padding: 12px;
justify-content: center;
text-align: center;
padding: 12px;
}
.people-container .person .name {
font-size: px;
color: #000000;
font-size: px;
color: #000000;
}
.people-container .person .pTitle {
font-size: 18px;
color: rgb(224, 198, 83);
font-size: 18px;
color: rgb(224, 198, 83);
}
.sponsor-amount {
color: #000000;
size: 18px;
color: #000000;
size: 18px;
}
.sponsor-detail {
color: #000000;
size: 14px;
color: #000000;
size: 14px;
}
.button {
display: inline-block;
padding: 10px 20px;
background-color: #2636c6;
color: white;
text-decoration: none;
border: none;
border-radius: 5px;
cursor: pointer;
display: inline-block;
padding: 10px 20px;
background-color: #2636c6;
color: white;
text-decoration: none;
border: none;
border-radius: 5px;
cursor: pointer;
}
.button:hover {
background-color: #45a049;
background-color: #45a049;
}
.button:active {
background-color: #3e8e41;
background-color: #3e8e41;
}
h2 {
margin: 5px;
margin: 5px;
}
.sponsor-tier {
font-weight: 500;
font-weight: 500;
}
#sponsorship-packet {
display: block;
justify-content: center;
align-items: center;
text-align: center;
width: 50%;
margin-left: auto;
margin-right: auto;
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;
font-size: 20;
font-weight: 500;
}
.UnderConstruction {
font-size: 25;
margin-top: 10vh;
margin-bottom: 10vh;
display: flex;
justify-content: center;
font-size: 25;
margin-top: 10vh;
margin-bottom: 10vh;
display: flex;
justify-content: center;
}

567
index.html
View file

@ -1,286 +1,307 @@
<html>
<head>
<link
rel="icon"
type="image/x-icon"
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"
<head>
<link
rel="icon"
type="image/x-icon"
href="/Resources/Favicons/favicon.png"
/>
<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>
<link rel="stylesheet" href="/Pages/style.css" />
</head>
<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>
<!--Background Image + Logo-->
<header>
<section class="logo-container">
<img
src="/Resources/ParadiseLogo.png"
id="Logo-Image"
alt="Team 1165 Logo"
/>
<img
src="/Resources/Homepage-Picture.jpg"
id="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>
<!-- Projects -->
<section class="section-gray">
<header>
<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>
<img
src="/Resources/Rhino-2024.jpg"
id="projects-image-Rhino-2024"
alt="Team Picture"
/>
</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>
<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 id="lead-coach-2">
<div>Alex Ruiz</div>
<span> Coach </span>
<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>
</ul>
</section>
<p class="leaders-title">Mentors</p>
<section id="mentors-1">
<ul class="leaders-list">
<!-- <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>
<!--Background Image + Logo-->
<header>
<section class="logo-container">
<img
src="/Resources/ParadiseLogo.png"
id="Logo-Image"
alt="Team 1165 Logo"
/>
<img
src="/Resources/Homepage-Picture.jpg"
id="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>
<!-- Projects -->
<section class="section-gray">
<header>
<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>
<img
src="/Resources/Rhino-2024.jpg"
id="projects-image-Rhino-2024"
alt="Team Picture"
/>
</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>
<section id="mentors-1">
<ul class="leaders-list">
<!-- <li>
<div>N/A</div>
<span> Build & Strategy </span>
</li> -->
<li>
<div>Mike Moenich</div>
<span> Administration & Build </span>
</li>
<li>
<div>Gatlin Farrington</div>
<span> Electrical & Programming </span>
</li>
<li>
<div>Alarmel S</div>
<span> Build & Design </span>
</li>
<li>
<div>Sam R</div>
<span> Administration </span>
</li>
<li>
<div>Ken Whitley</div>
<span> Build </span>
</li>
<li>
<div>Charlotte Moenich</div>
<span> Administration & Strategy </span>
</li>
<li>
<div>Ethan Mullins</div>
<span> Build & Design </span>
</li>
<li>
<div>Mason Mills</div>
<span> Build & Design </span>
</li>
</ul>
</section>
<li>
<div>Mike Moenich</div>
<span> Administration & Build </span>
</li>
<li>
<div>Gatlin Farrington</div>
<span> Electrical & Programming </span>
</li>
<li>
<div>Alarmel S</div>
<span> Build & Design </span>
</li>
<li>
<div>Sam R</div>
<span> Administration </span>
</li>
<li>
<div>Ken Whitley</div>
<span> Build </span>
</li>
<li>
<div>Charlotte Moenich</div>
<span> Administration & Strategy </span>
</li>
<li>
<div>Ethan Mullins</div>
<span> Build & Design </span>
</li>
<li>
<div>Mason Mills</div>
<span> Build & Design </span>
</li>
</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">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>
<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>
<li>
<a href="/Pages/newsletter form.html">Newsletter</a>
</li>
</ul>
</div>
</section>
</section>
</main>
</body>
<!-- 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>
<li>
<a href="/Pages/newsletter form.html">Newsletter</a>
</li>
</ul>
</div>
</section>
</section>
</main>
</body>
</html>