Refactor: move style and script to files

Chimildic · Jul 28, 2024 · bb2679a · bb2679a
1 parent 65cc768
commit bb2679a
Show file tree

Hide file tree

Showing 3 changed files with 39 additions and 41 deletions.
diff --git a/index.html b/index.html
@@ -6,21 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>Livelib Backup</title>
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
-    <style>
-        iframe {
-            width: 100%;
-            height: 100vh;
-            display: none;
-            border: 0;
-            background-color: var(--bs-body-bg) !important;
-        }
-
-        @media (min-width: 576px) {
-            iframe {
-                height: 65vh;
-            }
-        }
-    </style>
+    <link href="./style.css" rel="stylesheet">
 </head>
 
 <body>
@@ -55,32 +41,7 @@
             <a class="text-center nav-link px-2 text-muted" id="copyright" href="https://t.me/p_chimildic" target="_blank"></a>
         </footer>
     </div>
-    <script>
-        const spinnerElement = document.getElementById('spinner-root')
-        const iframeElement = document.getElementById('iframe-service')
-
-        window.onbeforeunload = onLoading
-        iframeElement.onload = onReady
-        setCopyright()
-
-        function onLoading() {
-            spinnerElement.style.display = 'block'
-            iframeElement.style.display = 'none'
-        }
-
-        function onReady() {
-            spinnerElement.style.display = 'none'
-            iframeElement.style.display = 'block'
-        }
-
-        function setCopyright() {
-            let year = new Date().getFullYear()
-            if (year != 2024) {
-                year = `2024 - ${year}`
-            }
-            document.getElementById('copyright').innerText = `${year} © Chimildic`
-        }
-    </script>
+    <script src="script.js"></script>
 </body>
 
 </html>
diff --git a/script.js b/script.js
@@ -0,0 +1,24 @@
+const spinnerElement = document.getElementById('spinner-root')
+const iframeElement = document.getElementById('iframe-service')
+
+window.onbeforeunload = onLoading
+iframeElement.onload = onReady
+setCopyright()
+
+function onLoading() {
+    spinnerElement.style.display = 'block'
+    iframeElement.style.display = 'none'
+}
+
+function onReady() {
+    spinnerElement.style.display = 'none'
+    iframeElement.style.display = 'block'
+}
+
+function setCopyright() {
+    let year = new Date().getFullYear()
+    if (year != 2024) {
+        year = `2024 - ${year}`
+    }
+    document.getElementById('copyright').innerText = `${year} © Chimildic`
+}
diff --git a/style.css b/style.css
@@ -0,0 +1,13 @@
+iframe {
+    width: 100%;
+    height: 100vh;
+    display: none;
+    border: 0;
+    background-color: var(--bs-body-bg) !important;
+}
+
+@media (min-width: 576px) {
+    iframe {
+        height: 65vh;
+    }
+}