mirror of
https://github.com/System-End/Team_Website.git
synced 2026-04-19 20:55:15 +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>
|
</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...
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
|
|
|
||||||
|
|
@ -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 */
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue