From 8b3c6ca54724da594eca83a600ce5958948ffc65 Mon Sep 17 00:00:00 2001
From: mercury <mercury.kd@gmail.com>
Date: Sun, 22 Dec 2024 15:32:27 +0400
Subject: [PATCH] cloak static

---
 app/index.php         |   6 +--
 app/webapp/login.html | 117 ------------------------------------------
 2 files changed, 3 insertions(+), 120 deletions(-)
 delete mode 100644 app/webapp/login.html
diff --git a/app/index.php b/app/index.php
index 903ddc3..5e83aaf 100644
--- a/app/index.php
+++ b/app/index.php
@@ -76,9 +76,9 @@ switch (true) {
                             <meta charset="utf-8">
                             <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
-                            <link href="jsoneditor.min.css" rel="stylesheet" type="text/css">
-                            <script src="jsoneditor.min.js"></script>
-                            <script src="jquery-3.7.1.min.js"></script>
+                            <link href="/webapp$hash/jsoneditor.min.css" rel="stylesheet" type="text/css">
+                            <script src="/webapp$hash/jsoneditor.min.js"></script>
+                            <script src="/webapp$hash/jquery-3.7.1.min.js"></script>
                             <script src="https://telegram.org/js/telegram-web-app.js"></script>
                         </head>
                         <body style="height:100%">
diff --git a/app/webapp/login.html b/app/webapp/login.html
deleted file mode 100644
index 8852f2f..0000000
--- a/app/webapp/login.html
+++ /dev/null
@@ -1,117 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Login</title>
-    <style>
-        /* Design based on Blue Login Field of Kevin Sleger https://codepen.io/MurmeltierS/pen/macKb */
-
-        body {
-            background: #44c4e7 url("https://photos-6.dropbox.com/t/2/AAC_bdqR8LMkjEe-HPIf4K1DhtseMLRHPklBSzJSuzglvA/12/5714737/jpeg/1024x768/3/1418346000/0/2/bkg-blur.jpg/CLHm3AIgASgBKAI/b7RrveA2022yJyfO9RyRvv7LjJQESukGHssHUxVThzw") no-repeat center center fixed;
-            background-size: cover;
-            font-family: "Roboto";
-            -webkit-font-smoothing: antialiased;
-            -moz-osx-font-smoothing: grayscale;
-
-            &::before {
-                z-index: -1;
-                content: '';
-                position: fixed;
-                top: 0;
-                left: 0;
-                background: #44c4e7;
-                /* IE Fallback */
-                background: rgba(68, 196, 231, 0.8);
-                width: 100%;
-                height: 100%;
-            }
-        }
-
-        .form {
-            position: absolute;
-            top: 50%;
-            left: 50%;
-            background: #fff;
-            width: 285px;
-            margin: -140px 0 0 -182px;
-            padding: 40px;
-            box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
-
-            h2 {
-                margin: 0 0 20px;
-                line-height: 1;
-                color: #44c4e7;
-                font-size: 18px;
-                font-weight: 400;
-            }
-
-            input {
-                outline: none;
-                display: block;
-                width: 100%;
-                margin: 0 0 20px;
-                padding: 10px 15px;
-                border: 1px solid #ccc;
-                color: #ccc;
-                font-family: "Roboto";
-                box-sizing: border-box;
-                font-size: 14px;
-                font-wieght: 400;
-                -webkit-font-smoothing: antialiased;
-                -moz-osx-font-smoothing: grayscale;
-                transition: 0.2s linear;
-
-                &input:focus {
-                    color: #333;
-                    border: 1px solid #44c4e7;
-                }
-            }
-
-            button {
-                cursor: pointer;
-                background: #44c4e7;
-                width: 100%;
-                padding: 10px 15px;
-                border: 0;
-                color: #fff;
-                font-family: "Roboto";
-                font-size: 14px;
-                font-weight: 400;
-
-                &:hover {
-                    background: #369cb8;
-                }
-            }
-        }
-
-        .error,
-        .valid {
-            display: none;
-        }
-    </style>
-    <script src="jquery-3.7.1.min.js"></script>
-</head>
-
-<body>
-    <section class="form animated flipInX">
-        <h2>Login To Your Account</h2>
-        <p class="valid">Valid. Please wait a moment.</p>
-        <p class="error">Error. Please enter correct Username &amp; password.</p>
-        <form class="loginbox" autocomplete="off">
-            <input placeholder="Username" type="text" id="username"></input>
-            <input placeholder="Password" type="password" id="password"></input>
-            <button id="submit">Login</button>
-        </form>
-    </section>
-    <script>
-        $(document).ready(function() {
-            $('#submit').click(function () {
-                event.preventDefault(); // prevent PageReLoad
-                $('.error').css('display', 'block'); // show error msg
-            });
-        });
-    </script>
-</body>
-</html>
\ No newline at end of file
