Upload files

discord/index.html

@@ -0,0 +1,3 @@
+<script>
+    window.location = "https://discord.gg/collapseloader";
+</script>

files/css/styles.css

@@ -0,0 +1,115 @@
+:root{--fg: #cdd6f4;--bg: #1e1e2e;--gb-1: #252538;}
+body {
+    background-color: #1e1e2e;
+    font-family: "Readex Pro", sans-serif;
+    margin: 0;
+    padding: 0;
+    text-align: center;
+    color: var(--fg);
+}
+a {
+    color: var(--fg);
+}
+img {
+    display: block;
+    margin: 0 auto;
+    width: 200px;
+}
+#logo {
+    transition: 1s ease-in-out;
+}
+#logo_text {
+    font-size: 2rem;
+    margin-top: 20px;
+    margin-bottom: 20px;
+
+    font-weight: bold;
+    unicode-bidi: isolate;
+    transition: font-size 1s;
+}
+#text {
+    margin-bottom: 1rem;
+    font-size: 16px;
+}
+.buttons a {
+    display: inline-flex;
+    font-size: 24px;
+    text-decoration: none;
+    background-color: #cdd6f4;
+    color: var(--bg);
+    cursor: pointer;
+    margin-top: 10px;
+    border-radius: 0.8rem;
+    padding: 0.5rem;
+    padding-left: 0.7rem;
+    padding-right: 0.7rem;
+    transition: 0.3s;
+    margin-left: 0.5rem;
+}
+.buttons a:hover {
+    background-color:#cdd6f4c3;
+    box-shadow: 0 0 0 7px #1616227a;
+
+}
+.center {
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    position: absolute;
+}
+.left {
+    text-align: center;
+}
+#preloader_div {
+    position: fixed;
+    width: 100%;
+    height: 100%;
+    left: 0;
+    top: 0;
+
+    background-color: rgba(0, 0, 0, 0.6);
+    backdrop-filter: blur(20px);
+    z-index: 1337;
+    user-select: none;
+    transition: opacity 0.5s;
+}
+#preloader_spinner {
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    position: absolute;
+    transition: opacity 0.5s;
+    animation: 1.5s rotate cubic-bezier(.4, 0, 0, 1) infinite;
+}
+@keyframes rotate {
+    0%{transform: rotate(0deg)}
+    25%{transform: rotate(90deg)}
+    50%{transform: rotate(180deg)}
+    75%{transform: rotate(270deg)}
+    100%{transform: rotate(360deg)}
+}
+#video {
+    position: fixed;
+    right: 0;
+    bottom: 0;
+    min-width: 100%;
+    min-height: 100%;
+    opacity: 0;
+    transition: opacity 0.8s;
+    filter: blur(7px);
+}
+
+@media only screen and (max-width: 500px) {
+    #logo {
+        width: 180px;
+    }
+    .buttons a {
+        font-size: 20px;
+    }
+    #text {
+        font-size: 14px;
+    }
+    #logo_text {
+        font-size: 1.3rem;
+    }
+}

files/js/script.js

@@ -0,0 +1,112 @@
+function preloader() {
+    getLatestCommit()
+
+    var app = document.getElementById("text");
+
+    var typewriter_line = new Typewriter(app, {
+        loop: true,
+        delay: 40
+    });
+
+    setTimeout(() => {
+
+        document.getElementById("preloader_div").style.opacity = 0
+
+        typewriter_line
+            .typeString("Simple and powerful loader for minecraft")
+            .pauseFor(2000)
+            .deleteAll(20)
+            .typeString("Click on <strong>Download</strong> button")
+            .pauseFor(2500)
+            .deleteAll(20)
+            .typeString("Join our <strong>Discord</strong> community")
+            .pauseFor(2500)
+            .start();
+    }, 1000);
+
+    setTimeout(() => {
+        document.getElementById("preloader_div").remove()
+    }, 1200);
+
+
+}
+
+function getLatestCommit() {
+ var xhttp = new XMLHttpRequest();
+    xhttp.onreadystatechange = function() {
+        if (this.readyState == 4 && this.status == 200) {
+            latest_commit = JSON.parse(this.response)[0]
+
+            var typewriter_line = new Typewriter(document.getElementById("logo_text"), {
+                loop: false,
+                delay: 40,
+                cursor: ''
+            });
+
+
+            typewriter_line
+                .changeDelay(30)
+                .typeString('Collapse Loader')
+                .changeDelay(40)
+                .typeString(` (<a href="${latest_commit['html_url']}">${latest_commit['sha'].slice(0, 7)}</a>)`)
+                .start();
+        }
+    };
+    xhttp.open("GET", "https://api.github.com/repos/dest4590/CollapseLoader/commits", true);
+    xhttp.send();
+}
+
+const player = new Audio()
+var blockVideo = false
+
+function on1337(cb) {
+    var input = "";
+    var key = "49515155";
+    document.addEventListener("keydown", function (e) {
+        input += ("" + e.keyCode);
+        if (input === key) {
+            return cb();
+        }
+        if (!key.indexOf(input)) return;
+        input = ("" + e.keyCode);
+    });
+}
+
+on1337(function() {
+    if (!blockVideo) {
+        document.getElementById("video").play()
+
+        setTimeout(() => {
+            document.getElementById("video").style.opacity = 0.2
+        }, 700);
+
+        document.title = "верисмаумаинд"
+        document.getElementById("logo").style.transform = "scale(1.2)"
+        document.getElementById("logo").style.marginBottom = "3rem"
+
+
+        player.src = "files/where_is_my_mind.mp3"
+        player.play()
+        player.volume = 0.5
+        blockVideo = true
+    }
+})
+
+function revertChanges() {
+    player.pause()
+    document.getElementById("logo").style.transform = "scale(1)"
+    document.getElementById("logo").style.marginBottom = "1rem"
+    document.getElementById("video").style.opacity = 0
+    document.title = "CollapseLoader"
+}
+
+function downloadLatestRelease() {
+    var xhttp = new XMLHttpRequest();
+    xhttp.onreadystatechange = function() {
+        if (this.readyState == 4 && this.status == 200) {
+            window.open(JSON.parse(this.response)["assets"][0]["browser_download_url"], "_blank")
+        }
+    };
+    xhttp.open("GET", "https://api.github.com/repos/dest4590/CollapseLoader/releases/latest", true);
+    xhttp.send();
+}

index.html

@@ -0,0 +1,79 @@
+<!DOCTYPE html>
+<html lang="ru">
+
+    <head>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <title>CollapseLoader</title>
+
+        <link rel="stylesheet" href="/files/css/styles.css">
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Readex+Pro:wght@300;400;500;600;700&display=swap">
+
+        <meta name="darkreader-lock">
+
+        <script src="https://unpkg.com/typewriter-effect@latest/dist/core.js"></script>
+        <script src="files/js/script.js"></script>
+
+        <!-- Google tag (gtag.js) -->
+        <script async src="https://www.googletagmanager.com/gtag/js?id=G-EDZVJ6HR2K"></script>
+        <script>
+            window.dataLayer = window.dataLayer || [];
+            function gtag(){dataLayer.push(arguments);}
+            gtag('js', new Date());
+
+            gtag('config', 'G-EDZVJ6HR2K');
+        </script>
+        <!-- Google Tag Manager -->
+        <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+        new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+        j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+        'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+        })(window,document,'script','dataLayer','GTM-5BKLGW9D');</script>
+        <!-- End Google Tag Manager -->
+        <link rel="icon" type="image/x-icon" href="files/img/collapse.svg">
+
+        <meta name="description" content="Client Loader for minecraft, completely open source, made for easy to use clients">
+        <meta property="og:description" content="Client Loader for minecraft, completely open source, made for easy to use clients">
+
+        <meta name="keywords" content="collapse, collapseloader, loader, client, minecraft, client loader">
+        <meta name="author" content="CollapseTeam">
+        <meta property="og:title" content="CollapseLoader">
+        <meta property="og:type" content="website">
+        <meta property="og:url" content="https://collapseloader.org">
+    </head>
+
+    <body onload="preloader()">
+        <!-- Google Tag Manager (noscript) -->
+        <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5BKLGW9D"
+        height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
+        <!-- End Google Tag Manager (noscript) -->
+
+        <!-- Type 1337 -->
+
+        <video muted id="video" style="z-index: -1;" onended="revertChanges()">
+            <source src="files/where_is_my_mind.mp4" type="video/mp4">
+        </video>
+
+        <div id="preloader_div">
+            <div id="preloader_spinner">
+                <img src="files/img/collapse.svg" alt="Preloader" class="center" id="preloader">
+            </div>
+        </div>
+
+        <div class="center">
+            <img src="files/img/collapse.svg" alt="CollapseLoader" id="logo" title="type 1337">
+
+            <div id="logo_text"></div>
+
+            <div id="text"></div>
+
+            <div class="buttons">
+                <a onclick="downloadLatestRelease()">Download</a>
+                <a href="https://github.com/dest4590/CollapseLoader">Github</a>
+                <a href="/discord">Discord</a> 
+            </div>
+        </div>
+
+        <p class="left">By <a href="https://github.com/dest4590">dest4590</a> and <a href="https://github.com/mtkusbdevice">mtkusbdevice</a></p>
+    </body>
+</html>