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

Merge branch 'Made-for-Jaden' of https://github.com/EndlessEevee/endlesseevee.github.io into Made-for-Jaden

Browse source
This commit is contained in:
iiooasd 2024-05-11 18:22:53 -07:00
commit a5a80fe6e5
14 changed files with 176 additions and 48 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
Pages/calendar.html
View file

@ -6,7 +6,7 @@
href="/Resources/Favicons/favicon.png"
/>
<link rel="stylesheet" href="/Pages/style.css" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<script>
window.addEventListener("DOMContentLoaded", (event) => {

2
Pages/donate.html
View file

@ -6,7 +6,7 @@
href="/Resources/Favicons/favicon.png"
/>
<link rel="stylesheet" href="/Pages/style.css" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<script>
window.addEventListener("DOMContentLoaded", (event) => {

2
Pages/gen_donate.html
View file

@ -6,7 +6,7 @@
href="/Resources/Favicons/favicon.png"
/>
<link rel="stylesheet" href="/Pages/style.css" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<script>
window.addEventListener("DOMContentLoaded", (event) => {

2
Pages/newsletter_form.html
View file

@ -6,7 +6,7 @@
href="/Resources/Favicons/favicon.png"
/>
<link rel="stylesheet" href="/Pages/style.css" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<script>
window.addEventListener("DOMContentLoaded", (event) => {

2
Pages/projects.html
View file

@ -6,7 +6,7 @@
href="/Resources/Favicons/favicon.png"
/>
<link rel="stylesheet" href="/Pages/style.css" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<script>
window.addEventListener("DOMContentLoaded", (event) => {

2
Pages/shop.html
View file

@ -6,7 +6,7 @@
href="/Resources/Favicons/favicon.png"
/>
<link rel="stylesheet" href="/Pages/style.css" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<script>
window.addEventListener("DOMContentLoaded", (event) => {

42
Pages/showcase.html Normal file
View file

@ -0,0 +1,42 @@
<!DOCTYPE html>
<html lang="en">
<head>
<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" />
<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>
<title>Showcase Page</title>
</head>
<body>
<!--Navigation Bar-->
<div id="navbar"></div>
<h1></h1>
<h1>Shuffled Photos and Videos</h1>
<div id="mediaContainer"></div>
<script src="/Pages/showcase.js"></script>
</body>
<h1></h1>
<h1></h1>
<!-- Footer -->
<div id="socials"></div>
</html>

24
Pages/showcase.js Normal file
View file

@ -0,0 +1,24 @@
async function fetchMedia() {
const response = await fetch('http://your-server-address/media'); // Update server address here
const media = await response.json();
shuffle(media); // Assuming you have a shuffle function
const mediaContainer = document.getElementById('mediaContainer');
media.forEach(item => {
const element = document.createElement('img'); // For images
// const element = document.createElement('video'); // For videos
element.src = item.url;
mediaContainer.appendChild(element);
});
}
fetchMedia();
function shuffle(array) {
// Implementation of shuffle function
for (let i = array.length - 1; i > 0; i--) {
const j = Math.floor(Math.random() * (i + 1));
[array[i], array[j]] = [array[j], array[i]];
}
}
fetchMedia();

7
Pages/socials.html
View file

@ -1,8 +1,11 @@
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"
/>
<body>
<section class="footer">
<div class="social-icons">
<div class="social-icons">
<a href="/Pages/newsletter_form.html" class="icon newsletter"
><i class="fa fa-envelope"></i> Newsletter</a
>

2
Pages/sponsors.html
View file

@ -6,7 +6,7 @@
href="/Resources/Favicons/favicon.png"
/>
<link rel="stylesheet" href="/Pages/style.css" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<script>
window.addEventListener("DOMContentLoaded", (event) => {

110
Pages/style.css
View file

@ -179,7 +179,6 @@ nav.fill ul li[tabindex]:focus .dropdown-content {
}
main {
padding-top: 25px;
width: 100%;
background-color: #f1f1f1;
z-index: 100;
@ -238,31 +237,40 @@ main {
/* About Us */
#about-us-image {
padding-left: 10%;
padding-right: 10%;
width: calc(35vw);
height: calc(35vh);
width: 80%;
max-width: 600px;
height: 80%;
padding-left: 30px;
padding-right: 30px;
}
#about-us-text {
padding-right: 30px;
text-align: center;
padding-right: 5%;
}
/* Projects */
#Rhino-2024 {
justify-content: right;
width: calc(100vw);
}
#projects-image-Rhino-2024 {
height: calc(30vw);
width: calc(60vh);
padding-right: 10%;
padding-left: 10%;
width: 80%;
max-width: 700px;
height: 80%;
margin-bottom: 20px;
padding-left: 30px;
padding-right: 30px;
}
#projects {
text-align: center;
padding-left: 30px;
}
.text-image-chunk {
align-items: center;
display: flex;
flex-direction: row;
justify-content: space-evenly;
}
.text-image-chunk p {
@ -325,7 +333,7 @@ main {
padding-top: 50px;
background-color: #e1e1e1;
display: flex;
}
}
.social-icons {
position: relative;
@ -340,39 +348,39 @@ main {
}
.icon {
display: inline-block;
margin: 0 10px;
padding: 10px;
border: 2px solid transparent;
border-radius: 5px;
text-decoration: none;
color: #fff;
transition: all 0.3s ease;
display: inline-block;
margin: 0 10px;
padding: 10px;
border: 2px solid transparent;
border-radius: 5px;
text-decoration: none;
color: #fff;
transition: all 0.3s ease;
}
.icon i {
margin-right: 5px;
margin-right: 5px;
}
.icon:hover {
background-color: #333;
border-color: #fff;
background-color: #333;
border-color: #fff;
}
.newsletter {
background-color: #007bff;
background-color: #007bff;
}
.instagram {
background-color: #e4405f;
background-color: #e4405f;
}
.facebook {
background-color: #3b5998;
background-color: #3b5998;
}
.gmail {
background-color: #db4437;
background-color: #db4437;
}
.social-icons {
@ -389,7 +397,14 @@ main {
.instagram .fab {
background: #d6249f;
background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
background: radial-gradient(
circle at 30% 107%,
#fdf497 0%,
#fdf497 5%,
#fd5949 45%,
#d6249f 60%,
#285aeb 90%
);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
@ -424,7 +439,7 @@ input[type="file"] {
}
/*Mobile*/
@media screen and (max-width: 1200px) {
@media screen and (max-width: 1000px) {
/* comes into effect for screens larger than or equal to 481 pixels */
.ourStory-Container {
display: flex;
@ -450,10 +465,23 @@ input[type="file"] {
margin-right: 5%;
font-size: 15px;
}
.text-image-chunk {
flex-wrap: wrap;
}
#about-us-image {
padding-bottom: 30px;
}
#about-us-text, #projects {
padding-left: 20px;
padding-right: 20px;
}
}
/*Desktop*/
@media screen and (min-width: 1201px) {
@media screen and (min-width: 1001px) {
.ourStory-Container {
display: flex;
align-items: center;
@ -477,6 +505,18 @@ input[type="file"] {
}
}
@media screen and (max-width: 500px) {
#head-mentors ul,
#officers ul {
grid-template-columns: repeat(1, 1fr); /* 2 columns */
}
#mentors-1 ul,
#captains ul {
grid-template-columns: repeat(1, 1fr); /* 2 columns */
}
}
/* Other Pages */
body .Title-Container {
@ -495,7 +535,8 @@ body .Title-Container {
}
body .Title-Container #TeamIcon {
width: 7%;
max-width: 100px;
width: 30%;
display: block;
}
@ -559,10 +600,11 @@ h2 {
}
#sponsorship-packet {
display: block;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
flex-direction: column;
width: 50%;
margin-left: auto;
margin-right: auto;
@ -573,6 +615,10 @@ h2 {
font-weight: 500;
}
#sponsorship-packet iframe {
width: 100%;
}
.UnderConstruction {
font-size: 25;
margin-top: 10vh;

2
Pages/tax_credit_dono.html
View file

@ -6,7 +6,7 @@
href="/Resources/Favicons/favicon.png"
/>
<link rel="stylesheet" href="/Pages/style.css" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<script>
window.addEventListener("DOMContentLoaded", (event) => {

13
Pages/upload.js Normal file
View file

@ -0,0 +1,13 @@
document.getElementById('uploadForm').addEventListener('submit', async (e) => {
e.preventDefault();
const formData = new FormData();
const files = document.getElementById('fileInput').files;
for (let i = 0; i < files.length; i++) {
formData.append('files', files[i]);
}
await fetch('http://your-server-address/upload', { // Update server address here
method: 'POST',
body: formData
});
alert('Files uploaded successfully!');
});

12
index.html
View file

@ -62,9 +62,9 @@
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
of the <i>FIRST</i> organization (For Inspiration and
Recognition of Science and Technology) and
participate in <i>FIRST</i> Robotics Competitions
(FRC).
<br />
<br />
@ -89,9 +89,9 @@
<p id="projects">
For the 2024 FRC CRESCENDO Season, Team Paradise
built "The Rhino".<br /><br />
Hueneme Port (California)<br />
Hueneme Port (California)<br /><br />
AZ Valley - Gracious Professionalism Award
Winner, Alliance Captain<br />
Winner, Alliance Captain<br /><br/>
AZ East - Gracious Professionalism Award Winner,
1st pick of 6th Seed Alliance.<br />
</p>
@ -219,7 +219,7 @@
</li>
<li>
<div>Mason Cucci</div>
<span> Captian of Safety </span>
<span> Captain of Safety </span>
</li>
<li>
<div>Kaylynn Decker</div>