From 313246d25c0305497a7b727ef608bde47e92426f Mon Sep 17 00:00:00 2001 From: Unknown <53575465+EndlessEevee@users.noreply.github.com> Date: Fri, 3 May 2024 18:34:12 -0700 Subject: [PATCH] everything look very pretty now wowo --- .vscode/launch.json | 54 +-- Pages/Awards.html | 177 ++++---- Pages/Donate.html | 185 ++++---- Pages/Gen Donate.html | 179 ++++---- Pages/Projects.html | 180 ++++---- Pages/Shop.html | 266 +++++++---- Pages/Sponsors.html | 427 +++++++++--------- Pages/Tax credit Dono.html | 180 ++++---- Pages/calendar.html | 189 ++++---- Pages/email.js | 48 +- Pages/navbar.html | 32 ++ Pages/shopconstruction.html | 87 ++++ Pages/socials.html | 23 + Pages/style.css | 865 ++++++++++++++++++------------------ index.html | 552 ++++++++++++----------- 15 files changed, 1783 insertions(+), 1661 deletions(-) create mode 100644 Pages/navbar.html create mode 100644 Pages/shopconstruction.html create mode 100644 Pages/socials.html diff --git a/.vscode/launch.json b/.vscode/launch.json index b5485d0..45e7d17 100644 --- a/.vscode/launch.json +++ b/.vscode/launch.json @@ -1,29 +1,29 @@ { - // Use IntelliSense to learn about possible attributes. - // Hover to view descriptions of existing attributes. - // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387 - "version": "0.2.0", - "configurations": [ - { - "name": "Attach to Chrome", - "port": 8080, - "request": "attach", - "type": "chrome", - "webRoot": "${workspaceFolder}" - }, - { - "name": "Launch Chrome", - "request": "launch", - "type": "chrome", - "url": "https://localhost:8080", - "webRoot": "${workspaceFolder}" - }, - { - "type": "chrome", - "request": "launch", - "name": "Launch Chrome against localhost", - "url": "https://localhost:9222", - "webRoot": "${workspaceFolder}" - } - ] + // Use IntelliSense to learn about possible attributes. + // Hover to view descriptions of existing attributes. + // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387 + "version": "0.2.0", + "configurations": [ + { + "name": "Attach to Chrome", + "port": 8080, + "request": "attach", + "type": "chrome", + "webRoot": "${workspaceFolder}" + }, + { + "name": "Launch Chrome", + "request": "launch", + "type": "chrome", + "url": "https://localhost:8080", + "webRoot": "${workspaceFolder}" + }, + { + "type": "chrome", + "request": "launch", + "name": "Launch Chrome against localhost", + "url": "https://localhost:9222", + "webRoot": "${workspaceFolder}" + } + ] } diff --git a/Pages/Awards.html b/Pages/Awards.html index d553a66..201f70d 100644 --- a/Pages/Awards.html +++ b/Pages/Awards.html @@ -1,101 +1,86 @@ - - - + + + + + + + +
  • + Calendar +
    • +
  • + Sponsors +
    • +
  • Shop
    • + - -
    -

    - Awards -

    - Team Icon -
    - -
    - This section is under construction... -
    + + + - -
    -
    - -
    -
    - + +
    +

    Awards

    + Team Icon +
    + +
    This section is under construction...
    + + +
    +
    + +
    +
    + diff --git a/Pages/Donate.html b/Pages/Donate.html index 90d12d1..2bc4265 100644 --- a/Pages/Donate.html +++ b/Pages/Donate.html @@ -1,71 +1,69 @@ - - - + + + + + + + + +
  • + Calendar +
    • +
  • + Sponsors +
    • +
  • Shop
    • + - -
    -

    - Donate -

    - Team Icon -
    + + + - -
    - This section is under construction... -
    + +
    +

    Donate

    + Team Icon +
    - - - - -
    -
    - -
    -
    - + +
    +
    + +
    +
    + diff --git a/Pages/Gen Donate.html b/Pages/Gen Donate.html index 7ecd4be..8122adc 100644 --- a/Pages/Gen Donate.html +++ b/Pages/Gen Donate.html @@ -1,101 +1,88 @@ - - - + + + + + + + +
  • + Calendar +
    • +
  • + Sponsors +
    • +
  • Shop
    • + - -
    -

    - General Donation -

    - Team Icon -
    - -
    - This section is under construction... -
    + + + - -
    -
    - -
    -
    - + +
    +

    + General Donation +

    + Team Icon +
    + +
    This section is under construction...
    + + +
    +
    + +
    +
    + diff --git a/Pages/Projects.html b/Pages/Projects.html index 9730425..aced2de 100644 --- a/Pages/Projects.html +++ b/Pages/Projects.html @@ -1,101 +1,89 @@ - - - + + + + + + + + +
  • + Calendar +
    • +
  • + Sponsors +
    • +
  • Shop
    • + - -
    -

    - Projects -

    - Team Icon -
    - -
    - This section is under construction... -
    + + + - -
    -
    - -
    -
    - + +
    +

    + Projects +

    + Team Icon +
    + +
    This section is under construction...
    + + +
    +
    + +
    +
    + diff --git a/Pages/Shop.html b/Pages/Shop.html index 8ad8877..e79bb4d 100644 --- a/Pages/Shop.html +++ b/Pages/Shop.html @@ -1,101 +1,185 @@ - - - - + + + + + + + + + - - - - - - -
    -

    - Shop -

    - Team Icon +

    Welcome to Our Online Shop

    +
    +
    + Hoodie +

    Hoodies - $45

    + + + + -
    - -
    - This section is under construction... +
    +
    + T-Shirt +

    T-Shirts - $15

    + + + + +
    + +
    +

    Your Order Summary:

    +

    +
    +
    - +
    +
    + diff --git a/Pages/Sponsors.html b/Pages/Sponsors.html index 405c93a..eae44e8 100644 --- a/Pages/Sponsors.html +++ b/Pages/Sponsors.html @@ -1,223 +1,220 @@ - - - + + + + + + + + +
  • + Calendar +
    • +
  • + Sponsors +
    • +
  • Shop
    • + - -
    -

    - Sponsor Us -

    - Team Icon -
    + + + - -
    -
    -

    - Sponsorship Packet -

    -
    -
    -
    -

    - View our Sponsorship Packet -

    - -
    - - -
    -
    -

    - Sponsorship Tiers -

    -
    -
    -
    - -
    - - + +
    +

    + Sponsor Us +

    + Team Icon +
    - - - -
    -
    -
    - - - + +
    +
    +

    + Sponsorship Packet +

    +
    +
    +
    +

    View our Sponsorship Packet

    + +
    - - - - - -
    -
    -
    - - - - - - - -
    -
    -
    - - - - - - - -
    -
    -
    - - - - - -
    -
    + +
    +
    +

    + Sponsorship Tiers +

    +
    +
    +
    + +
    + + + + - - -
    - -
    - + + +
    +
    +
    + + + + + + + + + +
    +
    +
    + + + + + + + +
    +
    +
    + + + + + + + +
    +
    +
    + + + + + +
    +
    +
    + + +
    + +
    + diff --git a/Pages/Tax credit Dono.html b/Pages/Tax credit Dono.html index 60f163f..3f296ee 100644 --- a/Pages/Tax credit Dono.html +++ b/Pages/Tax credit Dono.html @@ -1,101 +1,89 @@ - - - + + + + + + + + +
  • + Calendar +
    • +
  • + Sponsors +
    • +
  • Shop
    • + - -
    -

    - Tax Credit -

    - Team Icon -
    - -
    - This section is under construction... -
    + + + - -
    - -
    - + +
    +

    + Tax Credit +

    + Team Icon +
    + +
    This section is under construction...
    + + +
    + +
    + diff --git a/Pages/calendar.html b/Pages/calendar.html index facdcc1..2f12c85 100644 --- a/Pages/calendar.html +++ b/Pages/calendar.html @@ -1,115 +1,82 @@ - - - + + + + + + + +
  • + Calendar +
    • +
  • + Sponsors +
    • +
  • Shop
    • + - -
    -

    - Calendar -

    - Team Icon -
    -
    - -
    - - -
    - -
    - + + + + + +
    +

    + Calendar +

    + Team Icon +
    +
    + +
    + + +
    + diff --git a/Pages/email.js b/Pages/email.js index ddb8cc5..29cfb4c 100644 --- a/Pages/email.js +++ b/Pages/email.js @@ -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() { diff --git a/Pages/navbar.html b/Pages/navbar.html new file mode 100644 index 0000000..b931742 --- /dev/null +++ b/Pages/navbar.html @@ -0,0 +1,32 @@ + + + diff --git a/Pages/shopconstruction.html b/Pages/shopconstruction.html new file mode 100644 index 0000000..67b0969 --- /dev/null +++ b/Pages/shopconstruction.html @@ -0,0 +1,87 @@ + + + + + + + + + + + +
    +

    Shop

    + Team Icon +
    + +
    This section is under construction...
    + + +
    + +
    + + diff --git a/Pages/socials.html b/Pages/socials.html new file mode 100644 index 0000000..22c738d --- /dev/null +++ b/Pages/socials.html @@ -0,0 +1,23 @@ + +
    + +
    + diff --git a/Pages/style.css b/Pages/style.css index e83270b..2c1a10f 100644 --- a/Pages/style.css +++ b/Pages/style.css @@ -1,688 +1,687 @@ @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 { - display: block; - padding: 15px; - text-decoration: none; - color: #141415; - font-weight: 800; - text-transform: uppercase; +#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 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%; +nav.fill ul #menu-dropdown:hover #menu-dropdown-content { + display: block; + text-align: center; + font-size: small; + z-index: 110; + width: fit-content; } /* Show dropdown on hover */ nav.fill ul #donate-dropdown:hover #donate-dropdown-content { - 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, +nav.fill ul li[tabindex]:focus .dropdown-content { + display: block; } 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; + 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 { - column-count: 4; + grid-template-columns: repeat(2, 1fr); /* 2 columns */ } + +#mentors-1 ul, #captains ul { - column-count: 6; + grid-template-columns: repeat(2, 1fr); /* 2 columns */ } /* Footer */ .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; } -/* shop css */ -/* body { - font-family: Arial, sans-serif; - margin: 0; - padding: 0; - background-color: #f4f4f4; - } - .container { - max-width: 800px; - margin: 20px auto; - padding: 20px; - background-color: #fff; - border-radius: 10px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); - } +body { + font-family: Arial, sans-serif; + margin: 0; + padding: 0; + background-color: #f4f4f4; +} - h1 { - text-align: center; - color: #333; - } +.container { + max-width: 800px; + margin: 20px auto; + padding: 20px; + background-color: #fff; + border-radius: 10px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); +} - h2 { - margin-top: 20px; - color: #333; - } +h1 { + text-align: center; + color: #333; +} - .products { - display: flex; - justify-content: space-between; - margin-bottom: 20px; - } +h2 { + margin-top: 20px; + color: #333; +} - .product { - flex-basis: 45%; - padding: 20px; - background-color: #f9f9f9; - border-radius: 10px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); - } +.products { + display: flex; + justify-content: space-between; + margin-bottom: 20px; +} - .product img { - max-width: 100%; - border-radius: 5px; - margin-bottom: 10px; - } +.product { + flex-basis: 45%; + padding: 20px; + background-color: #f9f9f9; + border-radius: 10px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); +} - label { - display: block; - margin-bottom: 5px; - } +.product img { + max-width: 100%; + border-radius: 5px; + margin-bottom: 10px; +} - select { - width: 100%; - padding: 8px; - margin-bottom: 10px; - border-radius: 5px; - } +label { + display: block; + margin-bottom: 5px; +} - input[type="number"] { - width: calc(50% - 5px); - padding: 8px; - margin-bottom: 10px; - border-radius: 5px; - } +select { + width: 100%; + padding: 8px; + margin-bottom: 10px; + border-radius: 5px; +} - input[type="submit"] { - width: 100%; - padding: 10px; - background-color: #4CAF50; - color: white; - border: none; - border-radius: 5px; - cursor: pointer; - } +input[type="number"] { + width: calc(50% - 5px); + padding: 8px; + margin-bottom: 10px; + border-radius: 5px; +} - input[type="submit"]:hover { - background-color: #45a049; - } +input[type="submit"] { + width: 100%; + padding: 10px; + background-color: #4caf50; + color: white; + border: none; + border-radius: 5px; + cursor: pointer; +} - .order-summary { - margin-top: 30px; - border-top: 1px solid #ccc; - padding-top: 20px; - } +input[type="submit"]:hover { + background-color: #45a049; +} - #order-summary { - font-weight: bold; - } +.order-summary { + margin-top: 30px; + border-top: 1px solid #ccc; + padding-top: 20px; +} - body { - font-family: Arial, sans-serif; - margin: 0; - padding: 0; - background-color: #f4f4f4; - } +#order-summary { + font-weight: bold; +} - .container { - max-width: 800px; - margin: 20px auto; - padding: 20px; - background-color: #fff; - border-radius: 10px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); - } +body { + font-family: Arial, sans-serif; + margin: 0; + padding: 0; + background-color: #f4f4f4; +} - h1 { - text-align: center; - color: #333; - } +.container { + max-width: 800px; + margin: 20px auto; + padding: 20px; + background-color: #fff; + border-radius: 10px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); +} - h2 { - margin-top: 20px; - color: #333; - } +h1 { + text-align: center; + color: #333; +} - .products { - display: flex; - justify-content: space-between; - margin-bottom: 20px; - } +h2 { + margin-top: 20px; + color: #333; +} - .product { - flex-basis: 45%; - padding: 20px; - background-color: #f9f9f9; - border-radius: 10px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); - } +.products { + display: flex; + justify-content: space-between; + margin-bottom: 20px; +} - .product img { - max-width: 100%; - border-radius: 5px; - margin-bottom: 10px; - } +.product { + flex-basis: 45%; + padding: 20px; + background-color: #f9f9f9; + border-radius: 10px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); +} - label { - display: block; - margin-bottom: 5px; - } +.product img { + max-width: 100%; + border-radius: 5px; + margin-bottom: 10px; +} - select { - width: 100%; - padding: 8px; - margin-bottom: 10px; - border-radius: 5px; - } +label { + display: block; + margin-bottom: 5px; +} - input[type="number"] { - width: calc(50% - 5px); - padding: 8px; - margin-bottom: 10px; - border-radius: 5px; - } +select { + width: 100%; + padding: 8px; + margin-bottom: 10px; + border-radius: 5px; +} - input[type="submit"] { - width: 100%; - padding: 10px; - background-color: #4CAF50; - color: white; - border: none; - border-radius: 5px; - cursor: pointer; - } +input[type="number"] { + width: calc(50% - 5px); + padding: 8px; + margin-bottom: 10px; + border-radius: 5px; +} - input[type="submit"]:hover { - background-color: #45a049; - } +input[type="submit"] { + width: 100%; + padding: 10px; + background-color: #4caf50; + color: white; + border: none; + border-radius: 5px; + cursor: pointer; +} - .order-summary { - margin-top: 30px; - border-top: 1px solid #ccc; - padding-top: 20px; - } +input[type="submit"]:hover { + background-color: #45a049; +} + +.order-summary { + margin-top: 30px; + border-top: 1px solid #ccc; + padding-top: 20px; +} + +#order-summary { + font-weight: bold; +} - #order-summary { - font-weight: bold; - } */ -/* end shop css */ /*@-webkit-keyframes fill { 0% { width: 0%; diff --git a/index.html b/index.html index d959e00..a2e1121 100644 --- a/index.html +++ b/index.html @@ -1,290 +1,288 @@ - - + + + + + + + + + + - -
    -
    - Team 1165 Logo - Background Image + +
    +
    + Team 1165 Logo + Background Image +
    +
    + +
    +
    +
    + +
    +
    +

    About Us

    +
    +
    + Team Picture +
    + 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). +
    +
    + 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. +
    -
    + -
    -
    -
    - -
    -
    -

    About Us

    -
    -
    - Team Picture -
    - 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). -
    -
    - 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. -
    -
    -
    + +
    +
    +

    Projects

    +
    +
    +

    + For the 2024 FRC CRESCENDO Season, Team Paradise built "The + Rhino".

    + Hueneme Port (California)
    + AZ Valley - Gracious Professionalism Award Winner, Alliance + Captain
    + AZ East - Gracious Professionalism Award Winner, 1st pick of 6th + Seed Alliance.
    +

    + Team Picture +
    +
    - -
    -
    -

    Projects

    -
    -
    -

    For the 2024 FRC CRESCENDO Season, Team Paradise built "The Rhino".

    - Hueneme Port (California)
    - AZ Valley - Gracious Professionalism Award Winner, Alliance Captain
    - AZ East - Gracious Professionalism Award Winner, 1st pick of 6th Seed Alliance.
    -

    - Team Picture -
    -
    - - -
    -
    -

    Leaders

    -
    -

    Teacher Sponsors

    -
    -
      -
    • -
      Jorge "Chef" Ramos
      - Coach -
      • -
    • -
      Alex Ruiz
      - Coach -
      • -
    -
    + +
    +
    +

    Leaders

    +
    +

    Teacher Sponsors

    +
    +
      +
    • +
      Jorge "Chef" Ramos
      + Coach +
      • +
    • +
      Alex Ruiz
      + Coach +
      • +
    +
    -

    Mentors

    -
    -
      - -
    • -
      Mike Moenich
      - Administration & Build -
      • -
    • -
      Gatlin Farrington
      - Electrical & Programming -
      • -
    • -
      Alarmel S
      - Build & Design -
      • -
    • -
      Sam R
      - Administration -
      • -
    • -
      Ken Whitley
      - Build -
      • -
    • -
      Charlotte Moenich
      - Administration & Strategy -
      • -
    • -
      Ethan Mullins
      - Build & Design -
      • -
    • -
      Mason Mills
      - Build & Design -
      • -
    -
    - -

    Officers

    -
    -
      -
    • -
      Aila Jamakovic
      - President -
      • -
    • -
      Aneesa Napoli
      - Vice President -
      • -
    • -
      Mason Cucci
      - Treasurer -
      • -
    • -
      Abby Neil
      - Secretary -
      • -
    -
    - -

    Captains

    -
    -
      -
    • -
      Alexander Podborny
      - Captain of Build -
      • -
    • -
      Michael Yagodnik
      - Captain of Design -
      • -
    • -
      Andrew McBeath
      - Captain of CAD -
      • -
    • -
      Anthony Harkins
      - Captain of Electrical -
      • -
    • -
      Bridget Ruble
      - Captain of Media -
      • -
    • -
      Ashton Antila
      - Captain of Programming -
      • -
    • -
      Mason Cucci
      - Captian of Safety -
      • -
    • -
      Kaylynn Decker
      - Captain of Organization -
      • -
    • -
      Nic Fejfar
      - Captain of Scouting -
      • -
    • -
      Aneesa Napoli
      - Captain of The Arts -
      • -
    -
    -
    -
    - - -
    - -
    +
  • +
    Mike Moenich
    + Administration & Build +
    • +
  • +
    Gatlin Farrington
    + Electrical & Programming +
    • +
  • +
    Alarmel S
    + Build & Design +
    • +
  • +
    Sam R
    + Administration +
    • +
  • +
    Ken Whitley
    + Build +
    • +
  • +
    Charlotte Moenich
    + Administration & Strategy +
    • +
  • +
    Ethan Mullins
    + Build & Design +
    • +
  • +
    Mason Mills
    + Build & Design +
    • +
    -
    - + +

    Officers

    +
    + +
    + +

    Captains

    +
    + +
    + + + + +
    + +
    + + +