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

my midnight thought

Browse source
This commit is contained in:
Unknown 2024-05-09 07:50:45 -07:00
parent cde7b99f68
commit e91ef45b29
14 changed files with 144 additions and 27 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) => {

37
Pages/showcase.html Normal file
View file

@ -0,0 +1,37 @@
<!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>
<meta charset="UTF-8" />
<title>Showcase Page</title>
</head>
<body>
<h1>Shuffled Photos and Videos</h1>
<div id="mediaContainer"></div>
<script src="/Pages/showcase.js"></script>
</body>
<!-- Footer -->
<div id="socials"></div>
</html>

18
Pages/showcase.js Normal file
View file

@ -0,0 +1,18 @@
async function fetchMedia() {
const response = await fetch("/media");
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
}

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) => {

41
Pages/style.css
View file

@ -333,7 +333,7 @@ main {
padding-top: 50px;
background-color: #e1e1e1;
display: flex;
}
}
.social-icons {
position: relative;
@ -348,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 {
@ -397,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;
}

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) => {

39
Pages/upload.html Normal file
View file

@ -0,0 +1,39 @@
<!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>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Upload Page</title>
</head>
<body>
<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>
<script src="/Pages/upload.js"></script>
</body>
</html>

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("/upload", {
method: "POST",
body: formData,
});
alert("Files uploaded successfully!");
});