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

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

1
.gitignore vendored
View file

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

183
Pages/Awards.html
View file

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

187
Pages/Donate.html
View file

@ -1,68 +1,79 @@
<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"
/> />
<li class="nav-button" id="home-dropdown"> </head>
<a href="/index.html">Home</a> <body>
<nav class="dropdown-content" id="home-dropdown-content"> <!--Navigation Bar-->
<a class="first-dropdown" href="/index.html">Projects</a> <nav class="fill" id="nav-bar">
<a href="/index.html">Leaders</a> <ul>
</nav> <img
</li> src="/Resources/Black Logo-1.png"
<li class="nav-button"> id="nav-logo"
<a href="/Pages/calendar.html">Calendar</a> alt="Team 1165 Logo"
</li> />
<li class="nav-button"> <li class="nav-button" id="home-dropdown">
<a href="/Pages/sponsors.html">Sponsors</a> <a href="/index.html">Home</a>
</li> <nav class="dropdown-content" id="home-dropdown-content">
<li class="nav-button"><a href="/Pages/Shop.html">Shop</a></li> <a class="first-dropdown" href="/index.html"
<li class="nav-button" id="donate-dropdown"> >Projects</a
<a href="/Pages/Donate.html">Donate</a> >
<nav class="dropdown-content" id="donate-dropdown-content"> <a href="/index.html">Leaders</a>
<a class="first-dropdown" href="/Pages/Gen Donate.html" </nav>
>General Donation</a </li>
> <li class="nav-button">
<a href="/Pages/Tax credit Dono.html">Tax Credit</a> <a href="/Pages/calendar.html">Calendar</a>
</nav> </li>
</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"> <li class="nav-button" id="Accomplishments-dropdown">
<a href="/index.html">Accomplishments</a> <a href="/index.html">Accomplishments</a>
<nav class="dropdown-content" id="Accomplishments-dropdown-content"> <nav
<a class="first-dropdown" href="/Pages/Projects.html">Projects</a> class="dropdown-content"
<a href="/Pages/Awards.html">Awards</a> id="Accomplishments-dropdown-content"
</nav> >
</li> <a class="first-dropdown" href="/Pages/Projects.html"
</ul> >Projects</a
</nav> >
<a href="/Pages/Awards.html">Awards</a>
</nav>
</li>
</ul>
</nav>
<!-- Body --> <!-- Body -->
<div class="Title-Container"> <div class="Title-Container">
<h1 class="page-title" style="width: 100%; text-align: center">Donate</h1> <h1 class="page-title" style="width: 100%; text-align: center">
<img Donate
src="/Resources/Icons/Pencil-icon.png" </h1>
id="TeamIcon" <img
alt="Team Icon" src="/Resources/Icons/Pencil-icon.png"
/> id="TeamIcon"
</div> 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 /> <hr />
<h1 <h1
style=" style="
@ -98,32 +109,36 @@
> >
<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 href="https://www.facebook.com/Team1165" target="_blank" <a
><img src="/Resources/Facebook.png" alt="Facebook" href="https://www.facebook.com/Team1165"
/></a> target="_blank"
</li> ><img src="/Resources/Facebook.png" alt="Facebook"
<li> /></a>
<a href="mailto:team1165@gmail.com" target="_blank" </li>
><img src="/Resources/Gmail Logo.png" 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 src="/Resources/Instagram.png" alt="Instagram" href="https://www.instagram.com/teamparadise.1165"
/></a> target="_blank"
</li> ><img
<li> src="/Resources/Instagram.png"
<a href="/Pages/newsletter form.html">Newsletter</a> alt="Instagram"
</li> /></a>
</ul> </li>
</div> <li>
</section> <a href="/Pages/newsletter form.html">Newsletter</a>
</li>
</ul>
</div>
</section>
</body> </body>
</html> </html>

183
Pages/Gen Donate.html
View file

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

183
Pages/Projects.html
View file

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

181
Pages/Shop.html
View file

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

183
Pages/Tax credit Dono.html
View file

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

215
Pages/calendar.html
View file

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

48
Pages/email.js
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() {

451
Pages/sponsors.html
View file

@ -1,222 +1,247 @@
<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"
/> />
<li class="nav-button" id="home-dropdown"> </head>
<a href="/index.html">Home</a> <body>
<nav class="dropdown-content" id="home-dropdown-content"> <!--Navigation Bar-->
<a class="first-dropdown" href="/index.html">Projects</a> <nav class="fill" id="nav-bar">
<a href="/index.html">Leaders</a> <ul>
</nav> <img
</li> src="/Resources/Black Logo-1.png"
<li class="nav-button"> id="nav-logo"
<a href="/Pages/calendar.html">Calendar</a> alt="Team 1165 Logo"
</li> />
<li class="nav-button"> <li class="nav-button" id="home-dropdown">
<a href="/Pages/sponsors.html">Sponsors</a> <a href="/index.html">Home</a>
</li> <nav class="dropdown-content" id="home-dropdown-content">
<li class="nav-button"><a href="/Pages/Shop.html">Shop</a></li> <a class="first-dropdown" href="/index.html"
<li class="nav-button" id="donate-dropdown"> >Projects</a
<a href="/Pages/Donate.html">Donate</a> >
<nav class="dropdown-content" id="donate-dropdown-content"> <a href="/index.html">Leaders</a>
<a class="first-dropdown" href="/Pages/Gen Donate.html" </nav>
>General Donation</a </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> Sponsorship Packet
</nav> </h1>
</li> <hr />
</div>
<li class="nav-button" id="Accomplishments-dropdown"> <div id="sponsorship-packet">
<a href="/index.html">Accomplishments</a> <p>View our Sponsorship Packet</p>
<nav class="dropdown-content" id="Accomplishments-dropdown-content"> <iframe
<a class="first-dropdown" href="/Pages/Projects.html">Projects</a> src="https://drive.google.com/file/d/1wOAIZDS4SVDNGWNok7cfo6i1EDZdo6yL/preview"
<a href="/Pages/Awards.html">Awards</a> style="border-width: 0"
</nav> width="500"
</li> height="400"
</ul> frameborder="0"
</nav> scrolling="no"
></iframe>
<!-- 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
</div> </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"> <!-- Sponsorship Tiers -->
•Robot Demonstration at Company (pending Sponsor request and team <div class="divider">
availability) <hr />
<h1
style="
display: flex;
justify-content: center;
align-items: center;
text-align: center;
"
>
Sponsorship Tiers
</h1>
<hr />
</div> </div>
<div class="sponsor-detail">•Name and Logo on Workbench</div> <div style="text-align: center; font-size: large">
<div class="sponsor-detail">•Name and Logo on Competition Robot</div> <!-- Paradise Sponsor -->
<div class="sponsor-detail"> <div>
•Monthly Video Call with Students to talk about STEM <h2
</div> class="sponsor-tier"
<div class="sponsor-detail">•Gold Tier Benefits</div> style="color: #500a0a; text-decoration: underline"
</div> >
<br /> Paradise Sponsor
<div> </h2>
<!-- Gold Sponsor --> <div class="sponsor-amount">$10,000+</div>
<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 --> <div class="sponsor-detail">
<section class="footer"> •Separate Banner in our Pit with Company Name and Logo
<div class="social-icons"> </div>
<ul> <div class="sponsor-detail">
<li> •Video Shoutout on our Social Media
<a href="https://www.facebook.com/Team1165" target="_blank" </div>
><img src="/Resources/Facebook.png" alt="Facebook" <div class="sponsor-detail">•Platinum Tier Benefits</div>
/></a> </div>
</li> <br />
<li> <div>
<a href="mailto:team1165@gmail.com" target="_blank" <!-- Platinum Sponsor -->
><img src="/Resources/Gmail Logo.png" alt="Gmail" <h2
/></a> class="sponsor-tier"
</li> style="color: #6d9eeb; text-decoration: underline"
<li> >
<a Platinum Sponsor
href="https://www.instagram.com/teamparadise.1165" </h2>
target="_blank" <div class="sponsor-amount">$5,000-$9,999</div>
><img src="/Resources/Instagram.png" alt="Instagram"
/></a> <div class="sponsor-detail">
</li> •Robot Demonstration at Company (pending Sponsor request and
<li> team availability)
<a href="/Pages/newsletter form.html">Newsletter</a> </div>
</li> <div class="sponsor-detail">•Name and Logo on Workbench</div>
</ul> <div class="sponsor-detail">
</div> •Name and Logo on Competition Robot
</section> </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> </body>
</html> </html>

552
Pages/style.css
View file

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

567
index.html
View file

@ -1,286 +1,307 @@
<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"
/> />
<li class="nav-button" id="home-dropdown"> <link rel="stylesheet" href="/Pages/style.css" />
<a href="/index.html">Home</a> </head>
<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"> <body>
<a href="/index.html">Accomplishments</a> <!--Navigation Bar-->
<nav class="dropdown-content" id="Accomplishments-dropdown-content"> <nav class="fill" id="nav-bar">
<a class="first-dropdown" href="/Pages/Projects.html">Projects</a> <ul>
<a href="/Pages/Awards.html">Awards</a> <img
</nav> src="/Resources/Black Logo-1.png"
</li> id="nav-logo"
</ul> alt="Team 1165 Logo"
</nav> />
<li class="nav-button" id="home-dropdown">
<!--Background Image + Logo--> <a href="/index.html">Home</a>
<header> <nav class="dropdown-content" id="home-dropdown-content">
<section class="logo-container"> <a class="first-dropdown" href="/index.html"
<img >Projects</a
src="/Resources/ParadiseLogo.png" >
id="Logo-Image" <a href="/index.html">Leaders</a>
alt="Team 1165 Logo" </nav>
/>
<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>
<li id="lead-coach-2"> <li class="nav-button">
<div>Alex Ruiz</div> <a href="/Pages/calendar.html">Calendar</a>
<span> Coach </span> </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>
</ul>
</section>
<p class="leaders-title">Mentors</p> <li class="nav-button" id="Accomplishments-dropdown">
<section id="mentors-1"> <a href="/index.html">Accomplishments</a>
<ul class="leaders-list"> <nav
<!-- <li> 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> <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> </section>
<p class="leaders-title">Officers</p> <p class="leaders-title">Officers</p>
<section id="officers"> <section id="officers">
<ul class="leaders-list"> <ul class="leaders-list">
<li> <li>
<div>Aila Jamakovic</div> <div>Aila Jamakovic</div>
<span> President </span> <span> President </span>
</li> </li>
<li> <li>
<div>Aneesa Napoli</div> <div>Aneesa Napoli</div>
<span> Vice President </span> <span> Vice President </span>
</li> </li>
<li> <li>
<div>Mason Cucci</div> <div>Mason Cucci</div>
<span> Treasurer </span> <span> Treasurer </span>
</li> </li>
<li> <li>
<div>Abby Neil</div> <div>Abby Neil</div>
<span> Secretary </span> <span> Secretary </span>
</li> </li>
</ul> </ul>
</section> </section>
<p class="leaders-title">Captains</p> <p class="leaders-title">Captains</p>
<section id="captains"> <section id="captains">
<ul class="leaders-list"> <ul class="leaders-list">
<li> <li>
<div>Alexander Podborny</div> <div>Alexander Podborny</div>
<span> Captain of Build </span> <span> Captain of Build </span>
</li> </li>
<li> <li>
<div>Michael Yagodnik</div> <div>Michael Yagodnik</div>
<span> Captain of Design </span> <span> Captain of Design </span>
</li> </li>
<li> <li>
<div>Andrew McBeath</div> <div>Andrew McBeath</div>
<span> Captain of CAD </span> <span> Captain of CAD </span>
</li> </li>
<li> <li>
<div>Anthony Harkins</div> <div>Anthony Harkins</div>
<span> Captain of Electrical </span> <span> Captain of Electrical </span>
</li> </li>
<li> <li>
<div>Bridget Ruble</div> <div>Bridget Ruble</div>
<span> Captain of Media </span> <span> Captain of Media </span>
</li> </li>
<li> <li>
<div>Ashton Antila</div> <div>Ashton Antila</div>
<span> Captain of Programming </span> <span> Captain of Programming </span>
</li> </li>
<li> <li>
<div>Mason Cucci</div> <div>Mason Cucci</div>
<span> Captian of Safety </span> <span> Captian of Safety </span>
</li> </li>
<li> <li>
<div>Kaylynn Decker</div> <div>Kaylynn Decker</div>
<span> Captain of Organization </span> <span> Captain of Organization </span>
</li> </li>
<li> <li>
<div>Nic Fejfar</div> <div>Nic Fejfar</div>
<span> Captain of Scouting </span> <span> Captain of Scouting </span>
</li> </li>
<li> <li>
<div>Aneesa Napoli</div> <div>Aneesa Napoli</div>
<span> Captain of The Arts </span> <span> Captain of The Arts </span>
</li> </li>
</ul> </ul>
</section> </section>
</section> </section>
</section> </section>
<!-- Footer --> <!-- Footer -->
<section class="footer"> <section class="footer">
<div class="social-icons"> <div class="social-icons">
<ul> <ul>
<li> <li>
<a href="https://www.facebook.com/Team1165" target="_blank" <a
><img src="/Resources/Facebook.png" alt="Facebook" href="https://www.facebook.com/Team1165"
/></a> target="_blank"
</li> ><img
<li> src="/Resources/Facebook.png"
<a href="mailto:team1165@gmail.com" target="_blank" alt="Facebook"
><img src="/Resources/Gmail Logo.png" alt="Gmail" /></a>
/></a> </li>
</li> <li>
<li> <a
<a href="mailto:team1165@gmail.com"
href="https://www.instagram.com/teamparadise.1165" target="_blank"
target="_blank" ><img
><img src="/Resources/Instagram.png" alt="Instagram" src="/Resources/Gmail Logo.png"
/></a> alt="Gmail"
</li> /></a>
<li> </li>
<a href="/Pages/newsletter form.html">Newsletter</a> <li>
</li> <a
</ul> href="https://www.instagram.com/teamparadise.1165"
</div> target="_blank"
</section> ><img
</section> src="/Resources/Instagram.png"
</main> alt="Instagram"
</body> /></a>
</li>
<li>
<a href="/Pages/newsletter form.html">Newsletter</a>
</li>
</ul>
</div>
</section>
</section>
</main>
</body>
</html> </html>