<html>

    <head>

        <meta charset="utf-8">

        <meta http-equiv="X-UA-Compatible" content="IE=edge">

        <meta name="viewport" content="width=device-width,initial-scale=1">



        <title>Skibidi Toilet</title>

        <meta name="description" content="A fun web app about Skibidi Toilet">

        <meta name="keywords" content="skibidi, toilet, web app">



        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"

                integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">

        <link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">



        <!-- Built-In Functions for Apps -->

        <script type="text/javascript">

            var localStoragePrefix = "ct-169092308793138";

            var lastSave = 0;

            // save to localstorage

            function saveLocal(data) {

                if (Date.now() - lastSave < 1000) {

                    return;

                }

                // save to cookie

                let cookie = localStoragePrefix + "=" + JSON.stringify(data) + "; path=" + window.location.pathname +  "'; SameSite=Strict";

                cookie += "; expires=" + new Date(Date.now() + 1000 * 60 * 60 * 24 * 365 * 1000).toUTCString();

                document.cookie = cookie;

                lastSave = Date.now();

            }



            // load from localstorage

            function loadLocal() {

                var cookiePrefix = localStoragePrefix + "=";

                var cookieStart = document.cookie.indexOf(cookiePrefix);

                if (cookieStart > -1) {

                    let cookieEnd = document.cookie.indexOf(";", cookieStart);

                    if (cookieEnd == -1) {

                        cookieEnd = document.cookie.length;

                    }

                    var cookieData = document.cookie.substring(cookieStart + cookiePrefix.length, cookieEnd);

                    return JSON.parse(cookieData);

                }

            }

        </script>



        <script type="text/javascript">

            // App Javascript Goes Here

        </script>

        

        <style>

            /* App CSS Goes Here */

            body {

                background-color: #f2f2f2;

                font-family: 'Roboto', sans-serif;

                color: #333;

            }

            

            .container {

                max-width: 500px;

                margin: 0 auto;

                padding: 20px;

                text-align: center;

            }

            

            h1 {

                font-size: 28px;

                margin-bottom: 20px;

            }

            

            p {

                font-size: 18px;

                margin-bottom: 20px;

            }

            

            .toilet-icon {

                font-size: 80px;

                margin-bottom: 40px;

            }

            

            .button {

                display: inline-block;

                padding: 10px 20px;

                font-size: 16px;

                color: #fff;

                background-color: #f44336;

                border-radius: 5px;

                text-decoration: none;

                transition: background-color 0.3s;

            }

            

            .button:hover {

                background-color: #e53935;

            }

        </style>

    </head>

    <body>

        <div id="main-container" class="container">

            <h1>Skibidi Toilet</h1>

            <i class="fa fa-toilet toilet-icon"></i>

            <p>Welcome to the Skibidi Toilet web app! Click the button below to start the Skibidi Toilet experience.</p>

            <a href="#" class="button">Start Skibidi Toilet</a>

        </div>

    </body>

</html>