Merge pull request #22 from EndlessEevee/main

Main
This commit is contained in:
Unknown 2024-10-15 15:07:44 -07:00 committed by GitHub
commit a1adbb5c38
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
4 changed files with 58 additions and 30 deletions

2
CNAME
View file

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

View file

@ -26,21 +26,20 @@
</script> </script>
</head> </head>
<body> <body class="flex flex-col min-h-screen">
<!--Navigation Bar--> <!--Navigation Bar-->
<div id="navbar"></div> <header id="navbar" class="mb-16"></header>
<!-- Body --> <!-- Body -->
<div class="Title-Container"> <main class="flex-grow flex flex-col">
<h1 class="page-title" style="width: 100%; text-align: center"> <div class="flex justify-center items-center">
Donate <h1 class="text-3xl font-bold px-4">Donate</h1>
</h1> <img
<img src="/Resources/Icons/Pencil-icon.png"
src="/Resources/Icons/Pencil-icon.png" class="w-20"
id="TeamIcon" alt="Team Icon"
alt="Team Icon" />
/> </div>
</div>
<div class="UnderConstruction"> <div class="UnderConstruction">
This section is under construction... This section is under construction...

View file

@ -26,25 +26,46 @@
</script> </script>
</head> </head>
<body> <body class="flex flex-col min-h-screen">
<!--Navigation Bar--> <!--Navigation Bar-->
<div id="navbar"></div> <header id="navbar" class="mb-16"></header>
<!-- Body --> <!-- Body -->
<div class="Title-Container"> <main class="flex-grow flex flex-col">
<h1 class="page-title" style="width: 100%; text-align: center"> <div class="flex justify-center items-center">
Shop <h1 class="text-3xl font-bold px-4">Shop</h1>
</h1> <img
<img src="/Resources/Icons/team-icon.png"
src="/Resources/Icons/team-icon.png" class="w-20"
id="TeamIcon" alt="Team Icon"
alt="Team Icon" />
/> </div>
</div> <div class="flex-grow relative overflow-auto" id="iframeContainer">
<iframe
<div class="UnderConstruction"> id="zeffyIframe"
This section is under construction... class="w-full p-4"
</div> src="https://www.zeffy.com/embed/ticketing/78ec0d8d-12a7-4f4a-9b97-7c9beea43fd5"
style="border: 0; overflow: hidden"
frameborder="0"
allowpaymentrequest
allowTransparency="true"
></iframe>
</div>
<script>
const iframe = document.getElementById("shopIframe");
iframe.onload = function () {
setIframeHeight();
// Optionally, recheck the height every 1 second (1000ms) if the content might change dynamically.
setInterval(setIframeHeight, 1000);
};
function setIframeHeight() {
const iframeDocument =
iframe.contentDocument || iframe.contentWindow.document;
iframe.style.height =
iframeDocument.documentElement.scrollHeight + "px";
}
</script>
</main>
<!-- Footer --> <!-- Footer -->
<div id="socials"></div> <div id="socials"></div>

View file

@ -54,7 +54,7 @@ main {
.logo-container #Logo-Image { .logo-container #Logo-Image {
position: fixed; position: fixed;
z-index: 0; z-index: 1;
width: auto; width: auto;
height: auto; height: auto;
max-width: calc(60vw); max-width: calc(60vw);
@ -266,7 +266,15 @@ main {
-webkit-background-clip: text; -webkit-background-clip: text;
-webkit-text-fill-color: transparent; -webkit-text-fill-color: transparent;
} }
#shopIframe {
width: 100%;
border: none;
}
#iframeContainer {
height: 100%;
overflow: auto;
}
/*Mobile*/ /*Mobile*/
@media screen and (max-width: 1000px) { @media screen and (max-width: 1000px) {
/* comes into effect for screens larger than or equal to 481 pixels */ /* comes into effect for screens larger than or equal to 481 pixels */