Initial Import Commit

.gitignore

@@ -0,0 +1,12 @@
+public-notepad.txt
+.htaccess
+
+*.mrpack
+*.zip
+
+.well-known/
+videos/
+texturepacks/
+mc-worlds/
+assets/files/
+assets/musics/

assets/css/errors.css

@@ -0,0 +1,58 @@
+@import 'fonts.css';
+
+body {
+    background-image: url('../images/darkbg.webp');
+    background-size: cover;
+}
+
+#particles-js {
+    width: 100%;
+    height: 100%;
+    position: fixed;
+    z-index: -10;
+    top: 0;
+    left: 0;
+}
+
+button {
+    display: inline;
+    font-family: 'JetBrains Mono', sans-serif, Fallback;
+    font-style: italic;
+    color: green;
+    background-color: transparent;
+    border: 0.01em solid green;
+    margin: 0.1em;
+}
+
+button:hover {
+    color: black;
+    background-color: green;
+    border-radius: 0.25em;
+    font-weight: 900;
+}
+
+button:active {
+    color: green;
+    background-color: white;
+}
+
+error-section {
+    display: block;
+    font-family: 'JetBrains Mono', Fallback, sans-serif;
+    color: green;
+    z-index: 1;
+    border: 3px solid green;
+    width: 50em;
+    margin: 3em auto;
+    padding: 2em;
+    background-color: rgb(15, 15, 15);
+}
+
+error-code {
+    display: inline;
+    font-size: 2em;
+}
+
+error-desc {
+    display: inline;
+}

assets/css/fonts.css

@@ -0,0 +1,64 @@
+/* Meyrin Font */
+@font-face {
+  font-family: 'Meyrin';
+  font-style: normal;
+  font-display: swap;
+  src: url('https://cdn.jsdelivr.net/gh/optional-is/Meyrin@master/formats/Meyrin.woff') format('woff'),
+    /* Modern Browsers */
+    url('https://cdn.jsdelivr.net/gh/optional-is/Meyrin@master/formats/Meyrin.ttf') format('truetype'),
+    /* Safari, Android, iOS */
+    url('https://cdn.jsdelivr.net/gh/optional-is/Meyrin@master/formats/Meyrin.svg#svgFontName') format('svg'),
+    /* Legacy iOS */
+    url('https://cdn.jsdelivr.net/gh/optional-is/Meyrin@master/formats/Meyrin.eot') format('embedded-opentype'),
+    /* IE9 Compatibility Mode */
+    url('https://cdn.jsdelivr.net/gh/optional-is/Meyrin@master/formats/Meyrin.eot?#iefix') format('embedded-opentype');
+    /* IE6-IE8 */
+}
+
+/* JetBrains Mono normal Font */
+@font-face {
+  font-family: 'JetBrains Mono';
+  /* Variable font */
+  font-style: normal;
+  font-weight: 100 900;
+  font-display: swap;
+  src: url('https://cdn.jsdelivr.net/gh/JetBrains/JetBrainsMono@master/fonts/variable/JetBrainsMono%5Bwght%5D.woff2') format('woff2');
+  src: url('https://cdn.jsdelivr.net/gh/JetBrains/JetBrainsMono@master/fonts/variable/JetBrainsMono%5Bwght%5D.ttf') format('truetype');
+}
+
+/* JetBrains Mono italic Font */
+@font-face {
+  font-family: 'JetBrains Mono';
+  /* Variable font */
+  font-style: italic;
+  font-weight: 100 900;
+  font-display: swap;
+  src: url('https://cdn.jsdelivr.net/gh/JetBrains/JetBrainsMono@master/fonts/variable/JetBrainsMono-Italic%5Bwght%5D.woff2') format('woff2');
+  src: url('https://cdn.jsdelivr.net/gh/JetBrains/JetBrainsMono@master/fonts/variable/JetBrainsMono-Italic%5Bwght%5D.ttf') format('truetype');
+}
+
+/* FixedSysExcelsior Font */
+@font-face {
+  font-family: 'FixedSysExcelsior';
+  font-style: normal;
+  font-display: swap;
+  src: url('https://github.com/kika/fixedsys/releases/download/v3.02.9/FSEX302.ttf') format('truetype');
+}
+
+/* InterVariable normal Font */
+@font-face {
+  font-family: InterVariable;
+  font-style: normal;
+  font-weight: 100 900;
+  font-display: swap;
+  src: url('https://rsms.me/inter/font-files/InterVariable.woff2?v=4.0') format('woff2');
+}
+
+/* InterVariable italic Font */
+@font-face {
+  font-family: InterVariable;
+  font-style: italic;
+  font-weight: 100 900;
+  font-display: swap;
+  src: url('https://rsms.me/inter/font-files/InterVariable-Italic.woff2?v=4.0') format('woff2');
+}

assets/css/index.css

@@ -0,0 +1,25 @@
+.meyrin {
+    font-family: Meyrin, serif;
+    font-size: 1.5em;
+}
+
+.cc-img {
+    height: 22px !important;
+    margin-left: 3px;
+    vertical-align: text-bottom;
+}
+
+.Inter {
+    font-family: InterVariable, sans-serif;
+    font-style: normal;
+    font-weight: 500;
+}
+
+.footer {
+    z-index: 1;
+    border: 3px solid green;
+    width: 25em;
+    padding: 1em;
+    font-size: 1em;
+    margin: 2em auto;
+}

assets/css/modpacks.css

@@ -0,0 +1,8 @@
+.content {
+    z-index: 1;
+    border: 3px solid green;
+    width: 50em;
+    padding: 1em;
+    font-size: 1.25em;
+    margin: 2em auto;
+  }

assets/css/redirect-anim.css

@@ -0,0 +1,159 @@
+:root {
+	--b: #262626;
+	--w: #dcdcd2;
+	--s: 2s;
+	/* change speed */
+}
+
+*,
+*:before,
+*:after {
+	box-sizing: border-box;
+	transform-style: preserve-3d;
+}
+
+body {
+	margin: 0;
+	padding: 0;
+	width: 100vw;
+	height: 100vh;
+	overflow: hidden;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	background: var(--b);
+}
+
+.content {
+	width: 50vmin;
+	height: 50vmin;
+	text-align: center;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	flex-direction: column;
+	perspective: 1000vmin;
+}
+
+.bars {
+	width: 100%;
+	height: 100%;
+	position: absolute;
+	padding: 6.5vmin 3vmin;
+	animation: mirror1 calc(var(--s) * 2) ease 0s infinite;
+}
+
+.bars+.bars {
+	transform: rotate(90deg) rotateX(180deg);
+	animation: mirror2 calc(var(--s) * 2) ease calc(var(--s) / 2) infinite;
+}
+
+.bar {
+	width: 44vmin;
+	height: 3vmin;
+	margin: 2vmin 0vmin;
+	background: linear-gradient(90deg, #fff0 33%, var(--w) 33% 67%, #fff0 67% 100%);
+	animation: grow var(--s) ease-in-out 0s infinite alternate;
+	background-size: 300%;
+	background-position-x: -203%;
+}
+
+@keyframes mirror1 {
+
+	0%,
+	47%,
+	99.99%,
+	100% {
+		transform: rotate(180deg) rotateX(0deg);
+	}
+
+	47.01%,
+	99.98% {
+		transform: rotate(180deg) rotateX(180deg);
+	}
+}
+
+@keyframes mirror2 {
+
+	0%,
+	47%,
+	99.99%,
+	100% {
+		transform: rotate(90deg) rotateX(180deg);
+	}
+
+	47.01%,
+	99.98% {
+		transform: rotate(90deg) rotateX(0deg);
+	}
+}
+
+@keyframes grow {
+
+	0%,
+	25% {
+		background-position-x: -297%;
+	}
+
+	45%,
+	55% {
+		background-position-x: -250%;
+	}
+
+	75%,
+	100% {
+		background-position-x: -203%;
+	}
+}
+
+.bar:nth-child(2) {
+	animation-delay: calc(var(--s) * -0.02);
+}
+
+.bar:nth-child(3) {
+	animation-delay: calc(var(--s) * -0.04);
+}
+
+.bar:nth-child(4) {
+	animation-delay: calc(var(--s) * -0.06);
+}
+
+.bar:nth-child(5) {
+	animation-delay: calc(var(--s) * -0.08);
+}
+
+.bar:nth-child(6) {
+	animation-delay: calc(var(--s) * -0.1);
+}
+
+.bar:nth-child(7) {
+	animation-delay: calc(var(--s) * -0.12);
+}
+
+.bars:nth-child(2) .bar:nth-child(1) {
+	animation-delay: calc(calc(var(--s) * -0.001) - calc(var(--s) / 2));
+}
+
+.bars:nth-child(2) .bar:nth-child(2) {
+	animation-delay: calc(calc(var(--s) * -0.02) - calc(var(--s) / 2));
+}
+
+.bars:nth-child(2) .bar:nth-child(3) {
+	animation-delay: calc(calc(var(--s) * -0.04) - calc(var(--s) / 2));
+}
+
+.bars:nth-child(2) .bar:nth-child(4) {
+	animation-delay: calc(calc(var(--s) * -0.06) - calc(var(--s) / 2));
+}
+
+.bars:nth-child(2) .bar:nth-child(5) {
+	animation-delay: calc(calc(var(--s) * -0.08) - calc(var(--s) / 2));
+}
+
+.bars:nth-child(2) .bar:nth-child(6) {
+	animation-delay: calc(calc(var(--s) * -0.1) - calc(var(--s) / 2));
+}
+
+.bars:nth-child(2) .bar:nth-child(7) {
+	animation-delay: calc(calc(var(--s) * -0.12) - calc(var(--s) / 2));
+}

assets/css/redirect.css

@@ -0,0 +1,31 @@
+@import url('redirect-anim.css');
+
+/* @import is for the animation on the redirect page */
+body {
+    color: white;
+    font-family: 'JetBrains Mono', sans-serif;
+}
+
+a {
+    color: white;
+}
+
+#particles-js {
+    width: 100%;
+    height: 100%;
+    position: fixed;
+    z-index: -999;
+    top: 0;
+    left: 0;
+}
+
+.content {
+    z-index: -998;
+    position: fixed;
+    opacity: 0.25;
+}
+
+p {
+    z-index: 999;
+    position: fixed;
+}

assets/css/styles.css

@@ -0,0 +1,81 @@
+@import 'fonts.css';
+
+body {
+  font-family: 'JetBrains Mono', Fallback, sans-serif;
+  color: green;
+  background-image: url('../images/darkbg.webp');
+  background-size: cover;
+}
+
+#particles-js {
+  width: 100%;
+  height: 100%;
+  position: fixed;
+  z-index: -10;
+  top: 0;
+  left: 0;
+}
+
+.fse {
+  font-family: 'FixedSysExcelsior', Fallback, sans-serif;
+}
+
+a {
+  color: green;
+  text-decoration: underline;
+}
+
+.l {
+  text-decoration: underline green;
+}
+
+.qrc {
+  width: 15%;
+}
+
+button {
+  display: inline;
+  font-family: 'JetBrains Mono', sans-serif, Fallback;
+  font-style: italic;
+  color: green;
+  background-color: transparent;
+  border: 0.01em solid green;
+  margin: 0.1em;
+}
+
+button:hover {
+  color: black;
+  background-color: green;
+  border-radius: 0.25em;
+  font-weight: 900;
+}
+
+button:active {
+  color: green;
+  background-color: white;
+}
+
+.italic {
+  font-style: italic;
+}
+
+.desc {
+  font-size: 0.7em
+}
+
+.code {
+  border-color: white;
+  border-width: 0.1em;
+  border-style: solid;
+  background-color: black;
+  color: blue;
+}
+
+.header {
+  z-index: 1;
+  border: 3px solid green;
+  width: 20em;
+  padding: 1em;
+  font-size: 2em;
+  margin: 2em auto;
+}

assets/images/ResponseCode/CREDITS.txt

@@ -0,0 +1 @@
+https://github.com/SAWARATSUKI/KawaiiLogos

assets/js/config.js

@@ -0,0 +1,123 @@
+/* -----------------------------------------------
+/* How to use? : Check the GitHub README
+/* ----------------------------------------------- */
+
+/* To load a config file (particles.json) you need to host this demo (MAMP/WAMP/local)... */
+
+
+
+/* Otherwise just put the config content (json): */
+
+particlesJS('particles-js',
+
+    {
+        "particles": {
+            "number": {
+                "value": 43,
+                "density": {
+                    "enable": true,
+                    "value_area": 800
+                }
+            },
+            "color": {
+                "value": "#ffffff"
+            },
+            "shape": {
+                "type": "circle",
+                "stroke": {
+                    "width": 0,
+                    "color": "#000000"
+                },
+                "polygon": {
+                    "nb_sides": 5
+                },
+                "image": {
+                    "src": "img/github.svg",
+                    "width": 100,
+                    "height": 100
+                }
+            },
+            "opacity": {
+                "value": 0.5,
+                "random": true,
+                "anim": {
+                    "enable": false,
+                    "speed": 1,
+                    "opacity_min": 0.1,
+                    "sync": false
+                }
+            },
+            "size": {
+                "value": 3,
+                "random": true,
+                "anim": {
+                    "enable": false,
+                    "speed": 40,
+                    "size_min": 0.1,
+                    "sync": false
+                }
+            },
+            "line_linked": {
+                "enable": true,
+                "distance": 150,
+                "color": "#ffffff",
+                "opacity": 0.5445204668671129,
+                "width": 1
+            },
+            "move": {
+                "enable": true,
+                "speed": 6,
+                "direction": "none",
+                "random": true,
+                "straight": false,
+                "out_mode": "out",
+                "bounce": false,
+                "attract": {
+                    "enable": true,
+                    "rotateX": 600,
+                    "rotateY": 1200
+                }
+            }
+        },
+        "interactivity": {
+            "detect_on": "window",
+            "events": {
+                "onhover": {
+                    "enable": true,
+                    "mode": "grab"
+                },
+                "onclick": {
+                    "enable": false,
+                    "mode": "bubble"
+                },
+                "resize": true
+            },
+            "modes": {
+                "grab": {
+                    "distance": 251.73215698496793,
+                    "line_linked": {
+                        "opacity": 0.3399433427762041
+                    }
+                },
+                "bubble": {
+                    "distance": 167.8214379899786,
+                    "size": 3.99574852357092,
+                    "duration": 0.39957485235709195,
+                    "opacity": 8,
+                    "speed": 3
+                },
+                "repulse": {
+                    "distance": 200,
+                    "duration": 0.4
+                },
+                "push": {
+                    "particles_nb": 4
+                },
+                "remove": {
+                    "particles_nb": 2
+                }
+            }
+        },
+        "retina_detect": true
+    }
+);

assets/js/index.js

@@ -0,0 +1,19 @@
+document.addEventListener("DOMContentLoaded", function () {
+    // Sélectionne tous les éléments avec la classe "code"
+    const codeElements = document.querySelectorAll('.blink');
+
+    // Fonction pour alterner la visibilité des éléments
+    function toggleVisibility() {
+        codeElements.forEach(element => {
+            if (element.style.visibility === 'hidden') {
+                element.style.visibility = 'visible';
+            } else {
+                element.style.visibility = 'hidden';
+            }
+        });
+    }
+
+    // Définit l'intervalle de clignotement (par exemple, toutes les 500 ms)
+    setInterval(toggleVisibility, 500);
+});
+document.getElementById("sewt-desc").innerText = "a little </> websites </> developer."

assets/js/navigator.js

@@ -0,0 +1,16 @@
+let appCodeName = navigator.appCodeName;
+let appName = navigator.appName;
+let appVersion = navigator.appVersion;
+let language = navigator.language;
+let onLine = navigator.onLine;
+let platform = navigator.platform;
+let product = navigator.product;
+let userAgent = navigator.userAgent;
+document.getElementById("appcodename").innerText = "Browser appCodeName is : " + appCodeName;
+document.getElementById("appname").innerText = "Browser appName is : " + appName;
+document.getElementById("appversion").innerText = "Browser appVersion is : " + appVersion;
+document.getElementById("language").innerText = "Browser language is : " + language
+document.getElementById("online").innerText = "Is the browser online : " + onLine;
+document.getElementById("platform").innerText = "Browser platform : " + platform;
+document.getElementById("product").innerText = "Browser engine name : " + product;
+document.getElementById("useragent").innerText = "Browser user-agent header : " + userAgent;

assets/js/redirect.js

@@ -0,0 +1,50 @@
+document.addEventListener("DOMContentLoaded", function () {
+    // Fonction pour obtenir les paramètres d'URL
+    function getQueryParams() {
+        const params = {};
+        const queryString = window.location.search.substring(1);
+        const regex = /([^&=]+)=([^&]*)/g;
+        let match;
+        while (match = regex.exec(queryString)) {
+            params[decodeURIComponent(match[1])] = decodeURIComponent(match[2]);
+        }
+        return params;
+    }
+
+    // Fonction pour charger les redirections à partir du fichier JSON relatif au script
+    function loadRedirections() {
+        const jsonUrl = new URL('../json/redirect.json', import.meta.url).href;
+        return fetch(jsonUrl)
+            .then(response => {
+                if (!response.ok) {
+                    throw new Error("Erreur lors du chargement du fichier JSON");
+                }
+                return response.json();
+            })
+            .catch(error => {
+                console.error("Erreur:", error);
+                return {};  // Retourner un objet vide si le chargement échoue
+            });
+    }
+
+    const defaultRedirection = '../';
+
+    // Charger les redirections et appliquer la logique
+    loadRedirections().then(redirections => {
+        const queryParams = getQueryParams();
+
+        // Déterminer l'URL cible en fonction des paramètres d'URL
+        const targetUrl = queryParams.link && redirections[queryParams.link] ? redirections[queryParams.link] : defaultRedirection;
+
+        // Mettre à jour le lien "here"
+        const hereElement = document.getElementById('here');
+        if (hereElement) {
+            hereElement.href = targetUrl;
+        }
+
+        // Rediriger après 3 secondes
+        setTimeout(function () {
+            window.location.href = targetUrl;
+        }, 3000);
+    });
+});

assets/json/redirect.json

@@ -0,0 +1,6 @@
+{
+    "youtube": "https://youtube.com/@SkyExploreWasTaken?sub_confirmation=1",
+    "twitch": "https://twitch.tv/skyexplorewastaken",
+    "discord": "https://dsc.gg/sewt-server",
+    "github": "https://github.com/SkyExploreWasTaken"
+}

errors/403.html

@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <title>SEWT Website - Navigator Test</title>
+    <meta charset="UTF-8">
+    <link href="../assets/css/errors.css" rel="stylesheet">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="icon" type="image/avif" href="../assets/icons/base.avif">
+    <link rel="icon" type="x/icon" href="../assets/icons/base.ico">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+</head>
+
+<body>
+    <div id="particles-js"></div>
+    <error-section>
+        <error-code>403</error-code>
+        <error-title>Forbidden</error-title>
+        <br>
+        <error-desc>You don't have permission to access this resource.</error-desc>
+    </error-section>
+</body>
+<!-- JS Section -->
+<script src="../assets/js/particles.js"></script>
+<script src="../assets/js/config.js"></script>
+
+</html>

errors/404.html

@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <title>SEWT Website - Navigator Test</title>
+    <meta charset="UTF-8">
+    <link href="../assets/css/errors.css" rel="stylesheet">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="icon" type="image/avif" href="../assets/icons/base.avif">
+    <link rel="icon" type="x/icon" href="../assets/icons/base.ico">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+</head>
+
+<body>
+    <div id="particles-js"></div>
+    <error-section>
+        <error-code>404</error-code>
+        <error-title>Not Found</error-title>
+        <br>
+        <error-desc>The requested URL was not found on this server.</error-desc>
+    </error-section>
+</body>
+<!-- JS Section -->
+<script src="../assets/js/particles.js"></script>
+<script src="../assets/js/config.js"></script>
+
+</html>

errors/500.html

@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <title>SEWT Website - Navigator Test</title>
+    <meta charset="UTF-8">
+    <link href="../assets/css/errors.css" rel="stylesheet">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="icon" type="image/avif" href="../assets/icons/base.avif">
+    <link rel="icon" type="x/icon" href="../assets/icons/base.ico">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+</head>
+
+<body>
+    <div id="particles-js"></div>
+    <error-section>
+        <error-code>500</error-code>
+        <error-title>Internal Server Error</error-title>
+        <br>
+        <error-desc>The server encountered an internal error or misconfiguration and was unable to complete your request.</error-desc>
+        <br>
+        <error-contact>Please contact the server administrator at [no address given] to inform them of the time this error occurred, and the actions you performed just before this error.</error-contact>
+    </error-section>
+</body>
+<!-- JS Section -->
+<script src="../assets/js/particles.js"></script>
+<script src="../assets/js/config.js"></script>
+
+</html>

index.html

@@ -0,0 +1,84 @@
+<!DOCTYPE html>
+<html lang="en">
+    <!-- Copyright SkyExploreWasTaken 2024 - All Rights Reserved -->
+
+    <head>
+        <title>SEWT Website</title>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <meta http-equiv="X-UA-Compatible" content="ie=edge">
+        <!-- Stylesheets -->
+        <link href="assets/css/styles.css" rel="stylesheet">
+        <link href="assets/css/index.css" rel="stylesheet">
+        <!-- Icons -->
+        <link rel="icon" type="image/avif" href="assets/icons/sewt.avif">
+        <link rel="icon" type="x/icon" href="assets/icons/sewt.ico">
+        <!-- OpenGraph Protocol for Discord embeds https://ogp.me -->
+        <meta property="og:title" content="SEWT Website"/>
+        <meta property="og:type" content="website"/>
+        <meta property="og:url" content="https://sewt.is-not.cool"/>
+        <meta property="og:image" content="images/SkyIcon.jpg"/>
+        <meta property="og:description" content="The site of SkyExploreWasTaken"/>
+        <meta property="og:locale" content="en_US"/>
+        <meta property="og:site_name" content="SEWT-Website"/>
+        <!-- Preconnect links -->
+        <link rel="preconnect" href="https://cdn.jsdelivr.net">
+        <link rel="preconnect" href="https://cdn.jsdelivr.net" crossorigin>
+        <link rel="preconnect" href="https://rsms.me">
+        <link rel="preconnect" href="https://rsms.me" crossorigin>
+        <link rel="preconnect" href="https://kit.fontawesome.com">
+        <link rel="preconnect" href="https://kit.fontawesome.com" crossorigin>
+        <link rel="preconnect" href="https://vincentgarreau.com">
+        <link rel="preconnect" href="https://vincentgarreau.com" crossorigin>
+    </head>
+    <div id="particles-js"></div> <!-- The particles-js balise -->
+
+    <body>
+        <div class="header">
+            <button onclick="window.location.href=''"><i class="fa-solid fa-house"></i> Home</button>
+            <p class="meyrin">Hello,</p>
+            <p>I'm <span class="code"><span class="blink italic">
+                <=SkyExploreWasTaken>=
+            </span></span></p>
+            <p class="desc" id="sewt-desc"></p>
+        </div>
+        <div class="header">
+            <p class="desc">List of my profiles on the web :</p>
+            <ul>
+                <li class="desc"><button onclick="window.open('pages/redirect.html?link=youtube')"><i
+                    class="fa-brands fa-youtube fa-shake"></i> Youtube</button></li>
+                <li class="desc"><button onclick="window.open('pages/redirect.html?link=twitch')"><i
+                    class="fa-brands fa-twitch fa-shake"></i> Twitch</button></li>
+                <li class="desc"><button onclick="window.open('pages/redirect.html?link=discord')"><i
+                    class="fa-brands fa-discord fa-shake"></i> Discord</button></li>
+                <li class="desc"><button onclick="window.open('pages/redirect.html?link=github')"><i
+                    class="fa-brands fa-github fa-shake"></i> Github</button></li>
+                <li class="desc"><button onclick="window.open('pages/redirect.html?link=gravatar')"><img src="https://fr.gravatar.com/images/favicon-16x16.png" alt=""> Gravatar</button></li>
+            </ul>
+            <p class="desc">If you want to contact me, DM me on Discord ! (skyexplorewastaken)</p>
+            <p class="desc"><i class="fa-solid fa-arrow-up"></i> My <a href="https://gravatar.com/sie2024">Gravatar
+                profile</a> QRCode.</p>
+        </div>
+        <div class="footer">
+            <p class="Inter">
+                <i class="fa-solid fa-shield-halved" title="LICENSE"></i>
+                <a href="" class="l">SIE Website</a> by
+                <a href="https://github.com/SkyExploreWasTaken" target="_blank" rel="noopener"><span
+                    class="italic">SkyExploreWasTaken</span></a> is licensed under
+                <a href="https://creativecommons.org/licenses/by-nc-sa/4.0" target="_blank" rel="noopener">
+                    <span class="l">CC BY-NC-SA 4.0</span>
+                    <img class="cc-img" src="https://mirrors.creativecommons.org/presskit/icons/cc.svg" alt="">
+                    <img class="cc-img" src="https://mirrors.creativecommons.org/presskit/icons/by.svg" alt="">
+                    <img class="cc-img" src="https://mirrors.creativecommons.org/presskit/icons/nc.svg" alt="">
+                    <img class="cc-img" src="https://mirrors.creativecommons.org/presskit/icons/sa.svg" alt="">
+                </a>
+            </p>
+        </div>
+    </body>
+    <!-- JS Section -->
+    <script src="https://kit.fontawesome.com/dbecdae410.js"></script>
+    <script src="assets/js/particles.js" defer></script>
+    <script src="assets/js/config.js" defer></script>
+    <script src="assets/js/index.js" defer></script>
+
+</html>

modpacks/balkanarchy/index.html

@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html lang="en_US">
+
+    <head>
+        <title>Balkanarchy Modpack</title>
+        <meta charset="UTF-8">
+        <link href="../../assets/css/styles.css" rel="stylesheet">
+        <link href="../../assets/css/modpacks.css" rel="stylesheet">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <link rel="icon" type="image/avif" href="../../assets/icons/base.avif">
+        <link rel="icon" type="x/icon" href="../../assets/icons/base.ico">
+        <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    </head>
+
+    <body class="body">
+        <div id="particles-js"></div>
+        <div class="content">
+            <h1>Balkanarchy Modpack</h1>
+            <p><a href="https://discord.gg/balkanarchy">Discord</a> of the Balkanarchy Minecraft server.</p>
+            <p>Minecraft 1.21.1 - Fabric 0.16.9</p>
+            <ul>
+                <li>For CurseForge: <a href="balkanarchy-cf.zip">balkanarchy-cf.zip</a>
+                </li>
+                <li>For PrismLauncher / MultiMC: <a
+                    href="balkanarchy-pl-mmc.zip">balkanarchy-pl-mmc.zip</a></li>
+                <li>For Modrinth App: <a href="balkanarchy.mrpack">balkanarchy.mrpack</a>
+                </li>
+                <li>Or just the files needed such as mods, shaderpacks and server.dat: <a href="content.zip">content.zip</a></li>
+            </ul>
+        </div>
+
+        <!-- JS Section -->
+        <script src="../../assets/js/particles.js" defer></script>
+        <script src="../../assets/js/config.js" defer></script>
+    </body>
+
+</html>

modpacks/creative-ssmp/index.html

@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html lang="en_US">
+
+    <head>
+        <title>Creative SSMP Modpack</title>
+        <meta charset="UTF-8">
+        <link href="../../assets/css/styles.css" rel="stylesheet">
+        <link href="../../assets/css/modpacks.css" rel="stylesheet">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <link rel="icon" type="image/avif" href="../../assets/icons/base.avif">
+        <link rel="icon" type="x/icon" href="../../assets/icons/base.ico">
+        <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    </head>
+
+    <body class="body">
+        <div id="particles-js"></div>
+        <div class="content">
+            <h1>Creative SSMP Modpack</h1>
+            <p>Minecraft 1.21 - Fabric 0.16.9</p>
+            <ul>
+                <li>For CurseForge: <a href="creative-ssmp_cf.zip">creative-ssmp_cf.zip</a>
+                </li>
+                <li>For PrismLauncher / MultiMC: <a
+                    href="creative-ssmp_pl-mmc.zip">creative-ssmp_pl-mmc.zip</a></li>
+                <li>For Modrinth App: <a href="creative-ssmp.mrpack">creative-ssmp.mrpack</a>
+                </li>
+                <li>Or just the mods: <a href="content.zip">content.zip</a></li>
+            </ul>
+        </div>
+
+        <!-- JS Section -->
+        <script src="../../assets/js/particles.js" defer></script>
+        <script src="../../assets/js/config.js" defer></script>
+    </body>
+
+</html>

modpacks/immersiveportals/index.html

@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html lang="en_US">
+
+    <head>
+        <title>Immersive Portals Modpack</title>
+        <meta charset="UTF-8">
+        <link href="../../assets/css/styles.css" rel="stylesheet">
+        <link href="../../assets/css/modpacks.css" rel="stylesheet">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <link rel="icon" type="image/avif" href="../../assets/icons/base.avif">
+        <link rel="icon" type="x/icon" href="../../assets/icons/base.ico">
+        <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    </head>
+
+    <body class="body">
+        <div id="particles-js"></div>
+        <div class="content">
+            <h1>Immersive Portals Modpack (used in my Backrooms map):</h1>
+            <p>Minecraft 1.20.4 - Fabric 0.16.9</p>
+            <ul>
+                <li>For CurseForge: <a href="immersiveportals_cf.zip">immersiveportals_cf.zip</a>
+                </li>
+                <li>For PrismLauncher / MultiMC: <a
+                    href="immersiveportals_pl-mmc.zip">immersiveportals_pl-mmc.zip</a></li>
+                <li>For Modrinth App: <a href="immersiveportals.mrpack">immersiveportals.mrpack</a>
+                </li>
+                <li>Or just the files needed such as mods, resourcepacks and server.dat: <a href="content.zip">content.zip</a></li>
+            </ul>
+        </div>
+
+        <!-- JS Section -->
+        <script src="../../assets/js/particles.js" defer></script>
+        <script src="../../assets/js/config.js" defer></script>
+    </body>
+
+</html>

modpacks/index.html

@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html lang="en">
+
+    <head>
+        <title>Modpacks List</title>
+        <meta charset="UTF-8">
+        <link href="../assets/css/styles.css" rel="stylesheet">
+        <link href="../assets/css/modpacks.css" rel="stylesheet">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <link rel="icon" type="image/avif" href="../assets/icons/base.avif">
+        <link rel="icon" type="x/icon" href="../assets/icons/base.ico">
+        <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    </head>
+
+    <body class="body">
+        <div id="particles-js"></div>
+        <div class="content">
+            <h1>My Minecraft Modpacks List:</h1>
+            <ul>
+                <li>Immersive Portals Modpack (used in my Backrooms map): <a href="immersiveportals">link</a></li>
+                <li>Creative SSMP Modpack: <a href="creative-ssmp">link</a></li>
+                <li>Balkanarchy Modpack: <a href="balkanarchy">link</a></li>
+            </ul>
+        </div>
+
+        <!-- JS Section -->
+        <script src="../assets/js/particles.js" defer></script>
+        <script src="../assets/js/config.js" defer></script>
+    </body>
+
+</html>

pages/navigator.html

@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <title>SEWT Website - Navigator Test</title>
+    <meta charset="UTF-8">
+    <link href="../assets/css/styles.css" rel="stylesheet">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="icon" type="image/avif" href="../assets/icons/base.avif">
+    <link rel="icon" type="x/icon" href="../assets/icons/base.ico">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+</head>
+<div id="particles-js"></div>
+
+<body>
+    <p id="appcodename"></p>
+    <p id="appname"></p>
+    <p id="appversion"></p>
+    <p id="language"></p>
+    <p id="online"></p>
+    <p id="platform"></p>
+    <p id="product"></p>
+    <p id="useragent"></p>
+</body>
+<!-- JS Section -->
+<script src="../assets/js/navigator.js"></script>
+<script src="../assets/js/particles.js" defer></script>
+<script src="../assets/js/config.js" defer></script>
+
+</html>

pages/redirect.html

@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html lang="en">
+<!-- Copyright SkyExploreWasTaken 2024 - All Rights Reserved -->
+
+<head>
+  <meta charset="UTF-8">
+  <title>Loading...</title>
+  <link rel="stylesheet" href="../assets/css/fonts.css">
+  <link rel="stylesheet" href="../assets/css/redirect.css">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <link rel="icon" type="image/avif" href="../assets/icons/base.avif">
+  <link rel="icon" type="x/icon" href="../assets/icons/base.ico">
+  <meta http-equiv="X-UA-Compatible" content="ie=edge">
+</head>
+<div id="particles-js"></div> <!-- particles.js div -->
+
+<body>
+  <!-- Text content -->
+  <p>If the redirect doesn't work, please click <a id="here" href="">here</a>.</p>
+  <!-- Animation -->
+  <div class="content">
+    <div class="bars">
+      <div class="bar"></div>
+      <div class="bar"></div>
+      <div class="bar"></div>
+      <div class="bar"></div>
+      <div class="bar"></div>
+      <div class="bar"></div>
+      <div class="bar"></div>
+    </div>
+    <div class="bars">
+      <div class="bar"></div>
+      <div class="bar"></div>
+      <div class="bar"></div>
+      <div class="bar"></div>
+      <div class="bar"></div>
+      <div class="bar"></div>
+      <div class="bar"></div>
+    </div>
+  </div>
+</body>
+<!-- JS Section -->
+<script src="../assets/js/redirect.js" type="module"></script>
+<script src="../assets/js/particles.js" defer></script>
+<script src="../assets/js/config.js" defer></script>
+
+</html>