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

Merge branch 'Pull-request-branch' into development

Browse source
This commit is contained in:
Unknown 2024-10-30 11:22:44 -07:00
commit c5b1807dcc
16 changed files with 268 additions and 553 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -4,7 +4,7 @@ name: Deploy Jekyll with GitHub Pages dependencies preinstalled
on:
# Runs on pushes targeting the default branch
push:
branches: ["main"]
branches: ["Pull-request-branch"]
# Allows you to run this workflow manually from the Actions tab
workflow_dispatch:

2
CNAME
View file

@ -1 +1 @@
teamparadise.masoncucci.com
https://teamparadise.masoncucci.com

4
Pages/awards.html
View file

@ -1,4 +1,5 @@
<html>
<!DOCTYPE html>
<html lang="en">
<head>
<link
rel="icon"
@ -6,6 +7,7 @@
href="/Resources/Favicons/favicon.png"
/>
<link rel="stylesheet" href="/Pages/style.css" />
<script src="https://cdn.tailwindcss.com"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<script>

57
Pages/calendar.html
View file

@ -1,4 +1,5 @@
<html>
<!DOCTYPE html>
<html lang="en">
<head>
<link
rel="icon"
@ -6,6 +7,7 @@
href="/Resources/Favicons/favicon.png"
/>
<link rel="stylesheet" href="/Pages/style.css" />
<script src="https://cdn.tailwindcss.com"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<script>
@ -24,41 +26,32 @@
</script>
</head>
<body>
<body class="flex flex-col min-h-screen">
<!--Navigation Bar-->
<div id="navbar"></div>
<header id="navbar" class="mb-16"></header>
<!-- Body -->
<div class="Title-Container">
<h1 class="page-title" style="width: 100%; text-align: center">
Calendar
</h1>
<img
src="/Resources/Icons/calendar.png"
id="TeamIcon"
alt="Team Icon"
/>
</div>
<div
style="
display: flex;
justify-content: center;
text-align: center;
padding-top: 10%;
padding-bottom: 8%;
"
>
<iframe
src="https://calendar.google.com/calendar/embed?src=c_classroomf63767d2%40group.calendar.google.com&ctz=America%2FPhoenix"
style="border-width: 0"
width="800"
height="600"
frameborder="0"
scrolling="no"
></iframe>
</div>
<main class="flex-grow flex flex-col">
<div class="flex justify-center items-center">
<h1 class="text-3xl font-bold px-4">Calendar</h1>
<img
src="/Resources/Icons/calendar.png"
class="w-20"
alt="Team Icon"
/>
</div>
<div class="flex-grow relative overflow-hidden">
<iframe
class="absolute top-0 left-0 w-full h-full p-4"
src="https://calendar.google.com/calendar/embed?src=c_classroomf63767d2%40group.calendar.google.com&ctz=America%2FPhoenix"
style="border: 0"
frameborder="0"
scrolling="no"
></iframe>
</div>
</main>
<!-- Footer -->
<div id="socials"></div>
<footer id="socials"></footer>
</body>
</html>

27
Pages/donate.html
View file

@ -1,4 +1,5 @@
<html>
<!DOCTYPE html>
<html lang="en">
<head>
<link
rel="icon"
@ -6,6 +7,7 @@
href="/Resources/Favicons/favicon.png"
/>
<link rel="stylesheet" href="/Pages/style.css" />
<script src="https://cdn.tailwindcss.com"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<script>
@ -24,21 +26,20 @@
</script>
</head>
<body>
<body class="flex flex-col min-h-screen">
<!--Navigation Bar-->
<div id="navbar"></div>
<header id="navbar" class="mb-16"></header>
<!-- Body -->
<div class="Title-Container">
<h1 class="page-title" style="width: 100%; text-align: center">
Donate
</h1>
<img
src="/Resources/Icons/Pencil-icon.png"
id="TeamIcon"
alt="Team Icon"
/>
</div>
<main class="flex-grow flex flex-col">
<div class="flex justify-center items-center">
<h1 class="text-3xl font-bold px-4">Donate</h1>
<img
src="/Resources/Icons/Pencil-icon.png"
class="w-20"
alt="Team Icon"
/>
</div>
<div class="UnderConstruction">
This section is under construction...

4
Pages/gen_donate.html
View file

@ -1,4 +1,5 @@
<html>
<!DOCTYPE html>
<html lang="en">
<head>
<link
rel="icon"
@ -6,6 +7,7 @@
href="/Resources/Favicons/favicon.png"
/>
<link rel="stylesheet" href="/Pages/style.css" />
<script src="https://cdn.tailwindcss.com"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<script>

139
Pages/navbar.html
View file

@ -1,46 +1,109 @@
<body>
<nav class="fill" id="nav-bar">
<ul>
<img
src="/Resources/Black Logo-1.png"
id="nav-logo"
alt="Team 1165 Logo"
/>
<li class="nav-button" id="home-dropdown">
<a href="/index.html">Home</a>
<nav class="dropdown-content" id="home-dropdown-content">
<a class="first-dropdown" href="/index.html">Projects</a>
<a href="/index.html">Leaders</a>
</nav>
<!-- Navbar -->
<nav
id="nav-bar"
class="fixed top-0 left-0 w-full bg-gray-100 border-b border-black text-sm z-50"
>
<ul
class="flex flex-wrap justify-center items-center m-0 p-0 list-none"
>
<li>
<img
src="/Resources/Black Logo-1.png"
id="nav-logo"
alt="Team 1165 Logo"
class="hidden md:inline w-[3.5vw] pr-[30%] align-middle"
/>
</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"
<li class="relative group">
<a
href="/index.html"
class="block p-2 md:p-4 text-xs md:text-sm lg:text-base text-black font-extrabold uppercase transition-all duration-200 ease-in-out hover:text-c3153a break-words whitespace-normal"
>
<a class="first-dropdown" href="/Pages/projects.html"
Home
</a>
<div
class="absolute left-0 top-full hidden group-hover:block bg-white border border-gray-300 text-center text-sm z-50"
>
<a
href="/index.html"
class="block px-4 py-2 text-gray-900 hover:text-black"
>Projects</a
>
<a href="/Pages/awards.html">Awards</a>
</nav>
<a
href="/index.html"
class="block px-4 py-2 text-gray-900 hover:text-black"
>Leaders</a
>
</div>
</li>
<li class="relative group">
<a
href="/Pages/calendar.html"
class="block p-2 md:p-4 text-xs md:text-sm lg:text-base text-black font-extrabold uppercase transition-all duration-200 ease-in-out hover:text-c3153a break-words whitespace-normal"
>
Calendar
</a>
</li>
<li class="relative group">
<a
href="/Pages/sponsors.html"
class="block p-2 md:p-4 text-xs md:text-sm lg:text-base text-black font-extrabold uppercase transition-all duration-200 ease-in-out hover:text-c3153a break-words whitespace-normal"
>
Sponsors
</a>
</li>
<li class="relative group">
<a
href="/Pages/shop.html"
class="block p-2 md:p-4 text-xs md:text-sm lg:text-base text-black font-extrabold uppercase transition-all duration-200 ease-in-out hover:text-c3153a break-words whitespace-normal"
>
Shop
</a>
</li>
<li class="relative group">
<a
href="/Pages/donate.html"
class="block p-2 md:p-4 text-xs md:text-sm lg:text-base text-black font-extrabold uppercase transition-all duration-200 ease-in-out hover:text-c3153a break-words whitespace-normal"
>
Donate
</a>
<div
class="absolute left-0 top-full hidden group-hover:block bg-white border border-gray-300 text-center text-sm z-50"
>
<a
href="/Pages/gen_donate.html"
class="block px-4 py-2 text-gray-900 hover:text-black"
>General Donation</a
>
<a
href="/Pages/tax_credit_dono.html"
class="block px-4 py-2 text-gray-900 hover:text-black"
>Tax Credit</a
>
</div>
</li>
<li class="relative group">
<a
href="/index.html"
class="block p-2 md:p-4 text-xs md:text-sm lg:text-base text-black font-extrabold uppercase transition-all duration-200 ease-in-out hover:text-c3153a break-words whitespace-normal"
>
Accomplishments
</a>
<div
class="absolute left-0 top-full hidden group-hover:block bg-white border border-gray-300 text-center text-sm z-50"
>
<a
href="/Pages/projects.html"
class="block px-4 py-2 text-gray-900 hover:text-black"
>Projects</a
>
<a
href="/Pages/awards.html"
class="block px-4 py-2 text-gray-900 hover:text-black"
>Awards</a
>
</div>
</li>
</ul>
</nav>

11
Pages/newsletter_form.html
View file

@ -1,4 +1,5 @@
<html>
<!DOCTYPE html>
<html lang="en">
<head>
<link
rel="icon"
@ -6,6 +7,7 @@
href="/Resources/Favicons/favicon.png"
/>
<link rel="stylesheet" href="/Pages/style.css" />
<script src="https://cdn.tailwindcss.com"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<script>
@ -35,7 +37,12 @@
type="text/css"
/>
<style type="text/css">
#mc_embed_signup{background:#fff; false;clear:left; font:14px Helvetica,Arial,sans-serif; width: px;}
#mc_embed_signup {
background: #fff;
clear: left;
font: 14px Helvetica, Arial, sans-serif;
width: px;
}
/* Add your own Mailchimp form style overrides in your site stylesheet or in this style block.
We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
</style>

4
Pages/projects.html
View file

@ -1,4 +1,5 @@
<html>
<!DOCTYPE html>
<html lang="en">
<head>
<link
rel="icon"
@ -6,6 +7,7 @@
href="/Resources/Favicons/favicon.png"
/>
<link rel="stylesheet" href="/Pages/style.css" />
<script src="https://cdn.tailwindcss.com"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<script>

56
Pages/shop.html
View file

@ -1,4 +1,5 @@
<html>
<!DOCTYPE html>
<html lang="en">
<head>
<link
rel="icon"
@ -6,6 +7,7 @@
href="/Resources/Favicons/favicon.png"
/>
<link rel="stylesheet" href="/Pages/style.css" />
<script src="https://cdn.tailwindcss.com"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<script>
@ -22,26 +24,46 @@
});
});
</script>
<style>
#iframeContainer {
display: flex;
justify-content: center;
align-items: center;
height: 100vh; /* Full viewport height */
}
#zeffyIframe {
width: 80vw; /* 50% of the viewport width */
height: 90vh; /* 50% of the viewport height */
}
</style>
</head>
<body>
<body class="flex flex-col min-h-screen">
<!--Navigation Bar-->
<div id="navbar"></div>
<header id="navbar" class="mb-16"></header>
<!-- Body -->
<div class="Title-Container">
<h1 class="page-title" style="width: 100%; text-align: center">
Shop
</h1>
<img
src="/Resources/Icons/team-icon.png"
id="TeamIcon"
alt="Team Icon"
/>
</div>
<div class="UnderConstruction">
This section is under construction...
</div>
<main class="flex-grow flex flex-col">
<div class="flex justify-center items-center">
<h1 class="text-3xl font-bold px-4">Shop</h1>
<img
src="/Resources/Icons/team-icon.png"
class="w-20"
alt="Team Icon"
/>
</div>
<div class="flex-grow relative overflow-auto" id="iframeContainer">
<iframe
id="zeffyIframe"
class="w-full p-4"
src="https://www.zeffy.com/embed/ticketing/78ec0d8d-12a7-4f4a-9b97-7c9beea43fd5"
style="border: 0; overflow: hidden"
frameborder="0"
allowpaymentrequest
allowTransparency="true"
></iframe>
</div>
</main>
<!-- Footer -->
<div id="socials"></div>

2
Pages/showcase.html
View file

@ -7,6 +7,7 @@
href="/Resources/Favicons/favicon.png"
/>
<link rel="stylesheet" href="/Pages/style.css" />
<script src="https://cdn.tailwindcss.com"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<script>
@ -25,6 +26,7 @@
</script>
<title>Showcase Page</title>
</head>
<body>
<!--Navigation Bar-->
<div id="navbar"></div>

14
Pages/sponsors.html
View file

@ -1,4 +1,5 @@
<html>
<!DOCTYPE html>
<html lang="en">
<head>
<link
rel="icon"
@ -6,6 +7,7 @@
href="/Resources/Favicons/favicon.png"
/>
<link rel="stylesheet" href="/Pages/style.css" />
<script src="https://cdn.tailwindcss.com"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<script>
@ -58,7 +60,7 @@
<div id="sponsorship-packet">
<p>View our Sponsorship Packet</p>
<iframe
src="https://drive.google.com/file/d/1wOAIZDS4SVDNGWNok7cfo6i1EDZdo6yL/preview"
src="https://drive.google.com/file/d/14oA3Hyh-lm8z5FwSiM-krLThNRr6CWQV/preview"
style="border-width: 0"
width="500"
height="400"
@ -116,7 +118,9 @@
•Robot Demonstration at Company (pending Sponsor request and
team availability)
</div>
<div class="sponsor-detail">•Name and Logo on Workbench</div>
<div class="sponsor-detail">
•3D Model of our comeptition robot
</div>
<div class="sponsor-detail">
•Name and Logo on Competition Robot
</div>
@ -135,10 +139,10 @@
Gold Sponsor
</h2>
<div class="sponsor-amount">$1,500-$4,999</div>
<div class="sponsor-detail">•Name and Logo on Workbench</div>
<div class="sponsor-detail">
•Name and Logo Displayed in Pit
•Name and Logo on comeptition Shirts
</div>
<div class="sponsor-detail">•Name and Logo on Shirts</div>
<div class="sponsor-detail">
•Name listed on team registration papers
</div>

415
Pages/style.css
View file

@ -1,15 +1,11 @@
@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*/
@ -40,152 +36,10 @@ body {
background-color: #f1f1f1;
}
/* Navigation Bar */
#nav-bar {
position: fixed;
z-index: 110;
background-color: #f1f1f1;
width: calc(100vw);
border-bottom: 1px solid;
border-bottom-color: #000;
margin: 0;
font-size: 1rem;
}
#nav-bar::after {
color: #000;
}
#nav-bar ul {
list-style: none;
text-align: center;
margin: 0;
padding: 0;
}
#nav-bar ul li {
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 nav.dropdown-content {
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: "";
}
#nav-logo {
width: calc(3.5vw);
vertical-align: middle;
padding-right: 30%;
display: none;
}
nav.fill ul .nav-button {
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;
}
/* Dropdown Text */
nav.fill ul .dropdown-content a {
color: #f1f1f1;
}
/* Hover over dropdown text */
nav.fill ul .dropdown-content a:hover {
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: calc(10vw);
}
/* Show dropdown on hover */
nav.fill ul #donate-dropdown:hover #donate-dropdown-content {
display: block;
text-align: center;
z-index: 110;
width: calc(10vw);
}
/* Show dropdown on hover */
nav.fill ul #Accomplishments-dropdown:hover #Accomplishments-dropdown-content {
display: block;
text-align: center;
z-index: 110;
width: calc(10vw);
}
nav ul li a,
nav ul li a:after,
nav ul li a:before {
transition: all 0.2s;
}
nav ul li a:hover {
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;
}
nav.fill ul li a {
transition: all 1s;
}
nav.fill ul li a:hover {
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;
}
nav.fill ul li[tabindex]:hover .dropdown-content,
nav.fill ul li[tabindex]:focus .dropdown-content {
display: block;
}
main {
width: 100%;
background-color: #f1f1f1;
z-index: 100;
z-index: 10;
}
/* Logo + Background Image */
@ -200,7 +54,7 @@ main {
.logo-container #Logo-Image {
position: fixed;
z-index: 80;
z-index: 1;
width: auto;
height: auto;
max-width: calc(60vw);
@ -209,7 +63,7 @@ main {
.logo-container #Background-Image {
position: fixed;
z-index: 50;
z-index: 0;
width: calc(100vw);
height: calc(100vh);
object-fit: cover;
@ -344,7 +198,7 @@ main {
bottom: 20px;
left: 50%;
transform: translateX(-50%);
z-index: 1000;
z-index: 30;
background: #fff;
border: 1px solid #ccc;
padding: 10px;
@ -392,7 +246,7 @@ main {
bottom: 20px;
left: 50%;
transform: translateX(-50%);
z-index: 1000;
z-index: 30;
background: #fff;
border: 1px solid #ccc;
padding: 10px;
@ -412,29 +266,15 @@ main {
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
/*Upload Page*/
.container {
margin: 50px auto;
width: 80%;
text-align: center;
}
.upload-btn {
padding: 10px 20px;
background-color: #c5203d;
color: #000;
#shopIframe {
width: 100%;
border: none;
cursor: pointer;
border-radius: 5px; /* Optional, for rounded corners */
}
input[type="file"] {
display: none;
}
#uploaded-image {
max-width: 500px;
margin-top: 20px;
}
#iframeContainer {
height: 100%;
overflow: auto;
}
/*Mobile*/
@media screen and (max-width: 1000px) {
/* comes into effect for screens larger than or equal to 481 pixels */
@ -624,236 +464,3 @@ h2 {
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);
}
h1 {
text-align: center;
color: #333;
}
h2 {
margin-top: 20px;
color: #333;
}
.products {
display: flex;
justify-content: space-between;
margin-bottom: 20px;
}
.product {
flex-basis: 45%;
padding: 20px;
background-color: #f9f9f9;
border-radius: 10px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.product img {
max-width: 100%;
border-radius: 5px;
margin-bottom: 10px;
}
label {
display: block;
margin-bottom: 5px;
}
select {
width: 100%;
padding: 8px;
margin-bottom: 10px;
border-radius: 5px;
}
input[type="number"] {
width: calc(50% - 5px);
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="submit"]:hover {
background-color: #45a049;
}
.order-summary {
margin-top: 30px;
border-top: 1px solid #ccc;
padding-top: 20px;
}
#order-summary {
font-weight: bold;
}
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);
}
h1 {
text-align: center;
color: #333;
}
h2 {
margin-top: 20px;
color: #333;
}
.products {
display: flex;
justify-content: space-between;
margin-bottom: 20px;
}
.product {
flex-basis: 45%;
padding: 20px;
background-color: #f9f9f9;
border-radius: 10px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.product img {
max-width: 100%;
border-radius: 5px;
margin-bottom: 10px;
}
label {
display: block;
margin-bottom: 5px;
}
select {
width: 100%;
padding: 8px;
margin-bottom: 10px;
border-radius: 5px;
}
input[type="number"] {
width: calc(50% - 5px);
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="submit"]:hover {
background-color: #45a049;
}
.order-summary {
margin-top: 30px;
border-top: 1px solid #ccc;
padding-top: 20px;
}
#order-summary {
font-weight: bold;
}
/* end shop css */
/*@-webkit-keyframes fill {
0% {
width: 0%;
height: 1px;
}
50% {
width: 100%;
height: 1px;
}
100% {
width: 100%;
height: 100%;
background: rgb(163, 47, 47);
}
}*/
/*Upload Page*/
/* Style the button to look like a file input */
.file-input-button {
display: inline-block;
padding: 10px 20px;
margin: 10px;
background-color: #c5203d;
color: #000;
border: none;
cursor: pointer;
border-radius: 5px;
text-align: center;
transition: background-color 0.3s ease;
font-size: 14px; /* Adjust font size */
}
/* Style the hover effect */
.file-input-button:hover {
background-color: #ff4d6d;
}
/* Style for generic button */
.button-style {
display: inline-block;
padding: 10px 20px;
/*margin: 3px;*/
background-color: #c5203d;
color: #000;
border: none;
cursor: pointer;
border-radius: 5px;
text-align: center;
transition: background-color 0.3s ease;
font-size: 20px; /* Adjust font size */
font-weight: bold;
}
/* Style the hover effect for generic button */
.button-style:hover {
background-color: #ff4d6d;
}
.middle-button-style {
display: inline-block;
padding: 10px 20px;
background-color: #382e2e;
color: #c5203d;
border: none;
cursor: pointer;
border-radius: 5px;
text-align: center;
transition: background-color 0.3s ease;
font-size: 20px; /* Adjust font size */
font-weight: bold;
}
.middle-button-style:hover {
background-color: #372222;
}
/* Center the image */
.centered-image {
display: block;
margin: 0 auto;
}

4
Pages/tax_credit_dono.html
View file

@ -1,4 +1,5 @@
<html>
<!DOCTYPE html>
<html lang="en">
<head>
<link
rel="icon"
@ -6,6 +7,7 @@
href="/Resources/Favicons/favicon.png"
/>
<link rel="stylesheet" href="/Pages/style.css" />
<script src="https://cdn.tailwindcss.com"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<script>

70
Pages/upload.html
View file

@ -1,38 +1,44 @@
<!DOCTYPE html>
<html lang="en">
<head>
<script src="https://apis.google.com/js/api.js"></script>
<link rel="icon" type="image/x-icon" href="/Resources/Favicons/favicon.png"/>
<link rel="stylesheet" href="/Pages/style.css"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
</head>
<body>
<!-- Navigation Bar -->
<div id="navbar"></div>
<div class="Title-Container">
<h1 class="page-title" style="width: 100%; text-align: center">Upload Photos</h1>
<img src="/Resources/Icons/team-icon.png" id="TeamIcon" alt="Team Icon"/>
</div>
<head>
<link
rel="icon"
type="image/x-icon"
href="/Resources/Favicons/favicon.png"
/>
<link rel="stylesheet" href="/Pages/style.css" />
<script src="https://cdn.tailwindcss.com"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<form id="uploadForm">
<button class="button-style" onclick="document.getElementById('fileInput').click()" type="button">
Choose File to Upload
</button>
<input type="file" id="fileInput" accept="image/*" style="display: none"/>
<button class="middle-button-style" type="submit">Send</button>
</form>
<script>
window.addEventListener("DOMContentLoaded", (event) => {
fetch("/Pages/navbar.html")
.then((response) => response.text())
.then((data) => {
document.getElementById("navbar").innerHTML = data;
});
fetch("/Pages/socials.html")
.then((response) => response.text())
.then((data) => {
document.getElementById("socials").innerHTML = data;
});
});
</script>
</head>
<div id="fileNameDisplay"></div>
<img id="filePreview" style="max-width: 100%; display: block; margin-top: 10px;"/>
<body>
<!--Navigation Bar-->
<div id="navbar"></div>
<h1></h1>
<h1></h1>
<h1>Upload Photos and Videos</h1>
<form id="uploadForm" enctype="multipart/form-data">
<input type="file" name="file" id="fileInput" multiple />
<button type="submit">Upload</button>
</form>
<button class="button-style" onclick="signInWithGoogle()">Click here to sign in with Google</button>
<button class="button-style" onclick="logout()">Log out</button>
<!-- Access Token Display -->
<h1>Access Token:</h1>
<div id="accessTokenDisplay"></div>
<!-- Footer -->
<div id="socials"></div>
</body>
<script src="/Pages/upload.js"></script>
<!-- Footer -->
<div id="socials"></div>
</body>
</html>

10
index.html
View file

@ -1,4 +1,5 @@
<html>
<!DOCTYPE html>
<html lang="en">
<head>
<link
rel="icon"
@ -6,6 +7,7 @@
href="/Resources/Favicons/favicon.png"
/>
<link rel="stylesheet" href="/Pages/style.css" />
<script src="https://cdn.tailwindcss.com"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<script>
@ -169,11 +171,11 @@
<section id="officers">
<ul class="leaders-list">
<li>
<div>Aila Jamakovic</div>
<div>Aneesa Napoli</div>
<span> President </span>
</li>
<li>
<div>Aneesa Napoli</div>
<div>Abby Neil</div>
<span> Vice President </span>
</li>
<li>
@ -181,7 +183,7 @@
<span> Treasurer </span>
</li>
<li>
<div>Abby Neil</div>
<div>Lucius Tso</div>
<span> Secretary </span>
</li>
</ul>