<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="description"
        content="Snorlax's Cave brings your students the best learning methods and skills to help them be the best and most efficient at studying!" />
    <title>Change Log | Snorlax's Cave</title>
    <meta property="og:image" content="/assets/img/newlogo.png">
    <meta name="image" content="/assets/img/newlogo.png">
    <link rel="icon" href="/assets/img/newlogo.png">
    <link href="https://fonts.googleapis.com/css2?family=Montserrat&display=swap" rel="stylesheet" />
    <meta name="sps-bot" content="true">
    <link rel="stylesheet" href="/assets/css/style.css" />
    <link rel="stylesheet" href="/assets/css/changelog.css" />
    <script src="/assets/js/functions.js"></script>
    <script>
        if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
            window.location.href = "mobile.html";
        }
    </script>
</head>

<body>
    <nav>
        <div class="heading">
            <a href="https://discord.gg/Cqaa8x82Ch" class="headinglink" target="new">Snorlax's Cave</a>
        </div>
        <ul class="nav-links">
            <li><a href="/">Home</a></li>
            <li><a href="/math">Games</a></li>
            <li><a href="/english">Apps</a></li>
            <li><a href="/about">About</a></li>
            <li><a href="/settings">Settings</a></li>          
        </ul>
    </nav>
    <div class="changelog">
        <h2>Change Log</h2>
        <div class="changelog-entry">
            <div class="changelog-date">Version 4.00.0B - Feb 23, 2025</div>
            <ul class="changelog-list">
                <li>Fixed uv.</li>
                <li>Fixed "welcome to v2 glitch".</li>
                <li>Fixed Nav and settings page sizing issues.</li>
            </ul>
        </div>
        <div class="changelog-entry">
            <div class="changelog-date">Version 4.00.0B - Oct 1, 2024</div>
            <ul class="changelog-list">
                <li>Mass UI improvment and feature additions.</li>
                <li>Improved mobile responsiveness.</li>
                <li>Loading screen fixed and improved.</li>
            </ul>
        </div>
    </div>
    <script>
        // Custom Background Check
        var bgUrl = localStorage.getItem('backgroundImage');
        if (bgUrl === 'none' || bgUrl === null || bgUrl === '') {
            document.body.style.backgroundImage = `url('/assets/img/snorlax_background.jpg')`;
        } else {
            document.body.style.backgroundImage = `url(${bgUrl})`;
        }
        window.onload = function () {
            if (localStorage.getItem('pageIcon')) {
                const savedIconUrl = localStorage.getItem('pageIcon');
                const link = document.querySelector('link[rel="icon"]');
                link.href = savedIconUrl;
                document.getElementById('iconUrl').value = savedIconUrl;
            }
        }
    </script>
    <script>
        function changeTabName() {
            var name = document.getElementById('name').value;
            document.title = name;
            localStorage.setItem('tabName', name);
        }

        function loadTabName() {
            var name = localStorage.getItem('tabName');
            if (name) {
                document.title = name;
                document.getElementById('name').value = name;
            }
        }

        window.addEventListener('load', loadTabName);
    </script>
    <script>
        function setPanicKey() {
            var panicKey = document.getElementById("panicKey").value;
            var panicUrl = document.getElementById("panicUrl").value;

            if (!panicUrl.startsWith("https://")) {
                panicUrl = "https://" + panicUrl;
            }

            localStorage.setItem("panicKey", panicKey);
            localStorage.setItem("panicUrl", panicUrl);
        }
        document.addEventListener("keydown", function (event) {
            var storedPanicKey = localStorage.getItem("panicKey");
            var storedPanicUrl = localStorage.getItem("panicUrl");

            if (event.key === storedPanicKey && storedPanicUrl) {
                window.location.replace(storedPanicUrl);
            }
        });
    </script>
    <script>
        function changeIcon() {
            var iconUrl = document.getElementById("iconUrl").value;
            localStorage.setItem("iconUrl", iconUrl);

            var link = document.querySelector("link[rel*='icon']");
            if (link) {
                link.parentNode.removeChild(link);
            }

            var newLink = document.createElement("link");
            newLink.type = "image/x-icon";
            newLink.rel = "icon";
            newLink.href = iconUrl;
            document.head.appendChild(newLink);
        }

        window.addEventListener("DOMContentLoaded", function () {
            var storedIconUrl = localStorage.getItem("iconUrl");
            if (storedIconUrl) {
                document.getElementById("iconUrl").value = storedIconUrl;
                changeIcon();
            }
        });
        window.addEventListener("DOMContentLoaded", function () {
            var storedIconUrl = localStorage.getItem("iconUrl");
            if (storedIconUrl) {
                var link = document.createElement("link");
                link.type = "image/x-icon";
                link.rel = "icon";
                link.href = storedIconUrl;
                document.head.appendChild(link);
            }
        });
    </script>
    <script>
        window.onload = function () {
            var savedImage = localStorage.getItem('backgroundImage');
            if (savedImage) {
                var output = document.body;
                output.style.backgroundImage = "url('" + savedImage + "')";
                output.style.backgroundSize = "cover";
                output.style.backgroundRepeat = "no-repeat";
            }
        };

        var loadFile = function () {
            document.getElementById('fileInput').click();
        };

        var showImage = function (event) {
            var reader = new FileReader();
            reader.onload = function () {
                var output = document.body;
                output.style.backgroundImage = "url('" + reader.result + "')";
                output.style.backgroundSize = "cover";
                output.style.backgroundRepeat = "no-repeat";

                localStorage.setItem('backgroundImage', reader.result);
            };
            reader.readAsDataURL(event.target.files[0]);
        };
    </script>
</body>

</html>
