mirror of
https://github.com/System-End/Team_Website.git
synced 2026-04-19 16:28:25 +00:00
commit
a1adbb5c38
4 changed files with 58 additions and 30 deletions
2
CNAME
2
CNAME
|
|
@ -1 +1 @@
|
|||
https://teamparadise1165.com
|
||||
https://teamparadise.masoncucci.com
|
||||
|
|
|
|||
|
|
@ -26,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...
|
||||
|
|
|
|||
|
|
@ -26,25 +26,46 @@
|
|||
</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">
|
||||
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>
|
||||
<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 -->
|
||||
<div id="socials"></div>
|
||||
|
|
|
|||
|
|
@ -54,7 +54,7 @@ main {
|
|||
|
||||
.logo-container #Logo-Image {
|
||||
position: fixed;
|
||||
z-index: 0;
|
||||
z-index: 1;
|
||||
width: auto;
|
||||
height: auto;
|
||||
max-width: calc(60vw);
|
||||
|
|
@ -266,7 +266,15 @@ main {
|
|||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
}
|
||||
#shopIframe {
|
||||
width: 100%;
|
||||
border: none;
|
||||
}
|
||||
|
||||
#iframeContainer {
|
||||
height: 100%;
|
||||
overflow: auto;
|
||||
}
|
||||
/*Mobile*/
|
||||
@media screen and (max-width: 1000px) {
|
||||
/* comes into effect for screens larger than or equal to 481 pixels */
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue