From b52afafac83ac11b954528b392dcc207cdf71fb5 Mon Sep 17 00:00:00 2001
From: wioniqle-q <69215407+wioniqle-q@users.noreply.github.com>
Date: Mon, 15 Nov 2021 15:15:42 +0300
Subject: [PATCH] Update index.html

---
 static/index.html | 118 +++++++++++++++++++++++++---------------------
 1 file changed, 63 insertions(+), 55 deletions(-)
diff --git a/static/index.html b/static/index.html
index 34adb3d..b71d043 100644
--- a/static/index.html
+++ b/static/index.html
@@ -1,68 +1,76 @@
 <html>
 
-	<head>
+<head>
 
-		<title>hastebin</title>
-		<meta charset="utf-8" />
-		<link rel="stylesheet" type="text/css" href="solarized_dark.css"/>
-		<link rel="stylesheet" type="text/css" href="application.css"/>
+    <title>hastebin</title>
+    <meta charset="utf-8"/>
+    <link rel="stylesheet" type="text/css" href="solarized_dark.css"/>
+    <link rel="stylesheet" type="text/css" href="application.css"/>
 
-		<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
-		<script type="text/javascript" src="highlight.min.js"></script>
-		<script type="text/javascript" src="application.min.js"></script>
+    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
+    <script type="text/javascript" src="highlight.min.js"></script>
+    <script type="text/javascript" src="application.min.js"></script>
 
-		<meta name="robots" content="noindex,nofollow"/>
+    <meta name="robots" content="noindex,nofollow"/>
 
-		<script type="text/javascript">
-			var app = null;
-			// Handle pops
-			var handlePop = function(evt) {
-				var path = evt.target.location.pathname;
-				if (path === '/') { app.newDocument(true); }
-				else { app.loadDocument(path.substring(1, path.length)); }
-			};
-			// Set up the pop state to handle loads, skipping the first load
-			// to make chrome behave like others:
-			// http://code.google.com/p/chromium/issues/detail?id=63040
-			setTimeout(function() {
-				window.onpopstate = function(evt) {
-					try { handlePop(evt); } catch(err) { /* not loaded yet */ }
-				};
-			}, 1000);
-			// Construct app and load initial path
-			$(function() {
-				app = new haste('hastebin', { twitter: true });
-				handlePop({ target: window });
-			});
-		</script>
+    <script type="text/javascript">
+        let app = null;
+        // Handle pops
+        const handlePop = function (evt) {
+            const path = evt.target.location.pathname;
+            if (path === '/') {
+                app.newDocument(true);
+            } else {
+                app.loadDocument(path.substring(1, path.length));
+            }
+        };
+        // Set up the pop state to handle loads, skipping the first load
+        // to make chrome behave like others:
+        // http://code.google.com/p/chromium/issues/detail?id=63040
+        setTimeout(function () {
+            window.onpopstate = function (evt) {
+                try {
+                    handlePop(evt);
+                } catch (err) { /* not loaded yet */
+                }
+            };
+        }, 1000);
+        // Construct app and load initial path
+        $(function () {
+            app = new haste('hastebin', {twitter: true});
+            handlePop({target: window});
+        });
+    </script>
 
-	</head>
+</head>
 
-	<body>
-		<ul id="messages"></ul>
+<body>
+<ul id="messages"></ul>
 
-		<div id="key">
-		  <div id="pointer" style="display:none;"></div>
-			<div id="box1">
-				<a href="/about.md" class="logo"></a>
-			</div>
-			<div id="box2">
-				<button class="save function button-picture">Save</button>
-				<button class="new function button-picture">New</button>
-				<button class="duplicate function button-picture">Duplicate & Edit</button>
-				<button class="raw function button-picture">Just Text</button>
-				<button class="twitter function button-picture">Twitter</button>
-			</div>
-			<div id="box3" style="display:none;">
-				<div class="label"></div>
-				<div class="shortcut"></div>
-			</div>
-		</div>
+<div id="key">
+    <div id="pointer" style="display:none;"></div>
+    <div id="box1">
+        <a href="/about.md" class="logo"></a>
+    </div>
+    <div id="box2">
+        <button class="save function button-picture">Save</button>
+        <button class="new function button-picture">New</button>
+        <button class="duplicate function button-picture">Duplicate & Edit</button>
+        <button class="raw function button-picture">Just Text</button>
+        <button class="twitter function button-picture">Twitter</button>
+    </div>
+    <div id="box3" style="display:none;">
+        <div class="label"></div>
+        <div class="shortcut"></div>
+    </div>
+</div>
 
-		<div id="linenos"></div>
-		<pre id="box" style="display:none;" class="hljs" tabindex="0"><code></code></pre>
-		<textarea spellcheck="false" style="display:none;"></textarea>
+<div id="linenos"></div>
+<pre id="box" style="display:none;" class="hljs" tabindex="0"><code></code></pre>
+<label>
+    <textarea spellcheck="false" style="display:none;"></textarea>
+</label>
 
-	</body>
+</body>
 
 </html>
