From 20b76c8c87f1b18faec2c923afd4b598557ab1b8 Mon Sep 17 00:00:00 2001
From: Dario48true <fonziarnaldo@gmail.com>
Date: Wed, 19 Feb 2025 09:43:36 +0100
Subject: [PATCH] whops

---
 bin/index.html                                |  91 ++++----
 .../firma_digitale-Dario_Spinnato_.html       |   1 +
 home/Dario48/Documents/index.html             |  81 +-------
 home/Dario48/Pictures/folder.html             |  97 ++-------
 home/Dario48/Pictures/html.html               |  97 ++-------
 home/Dario48/Pictures/index.html              | 169 +++++----------
 home/Dario48/index.html                       | 195 ++++++------------
 home/index.html                               | 147 ++++---------
 index.html                                    | 133 ++++++------
 9 files changed, 285 insertions(+), 726 deletions(-)
diff --git a/bin/index.html b/bin/index.html
index aa2d476..b9d5247 100644
--- a/bin/index.html
+++ b/bin/index.html
@@ -1,53 +1,44 @@
 <!doctype html>
 <html>
-	<head>
-		<title>/</title>
-		<link rel="stylesheet" href="/style.css" />
-		<script src="/disable_form.js" defer></script>
-		<script src="/bin/crypt.js"></script>
-	</head>
-	<body id="body">
-		<div class="border">
-			<div class="column">
-				<div class="stretch row">
-					Dario48's website
-					<div style="aspect-ratio: 1 / 1">
-						<button
-							type="button"
-							onclick="document.getElementById('body').remove();"
-						>
-							X
-						</button>
-					</div>
-				</div>
-				<form id="disable_enter">
-					<input
-						type="text"
-						value="Hello"
-						class="stretch"
-						id="plaintext"
-					/>
-					<input type="text" value="13" class="stretch" id="key" />
-					<button
-						type="button"
-						onclick="document.getElementById('encrypted').value = encrypt(document.getElementById('plaintext').value, document.getElementById('key').value)"
-					>
-						Encrypt
-					</button>
-					<button
-						type="button"
-						onclick="document.getElementById('plaintext').value = decrypt(document.getElementById('encrypted').value, document.getElementById('key').value)"
-					>
-						Decrypt
-					</button>
-					<input
-						type="text"
-						value="Uryyb"
-						class="stretch"
-						id="encrypted"
-					/>
-				</form>
-			</div>
-		</div>
-	</body>
+  <head>
+    <meta charset="utf-8" />
+    <title>/bin/</title>
+    <link rel="stylesheet" href="/style.css" />
+    <script src="/disable_form.js" defer></script>
+    <script src="/bin/crypt.js"></script>
+  </head>
+  <body id="body">
+    <div class="border">
+      <div class="column">
+        <div class="stretch row">
+          Dario48's website
+          <div style="aspect-ratio: 1 / 1">
+            <button
+              type="button"
+              onclick="document.getElementById('body').remove();"
+            >
+              X
+            </button>
+          </div>
+        </div>
+        <form id="disable_enter">
+          <input type="text" value="Hello" class="stretch" id="plaintext" />
+          <input type="text" value="13" class="stretch" id="key" />
+          <button
+            type="button"
+            onclick="document.getElementById('encrypted').value = encrypt(document.getElementById('plaintext').value, document.getElementById('key').value)"
+          >
+            Encrypt
+          </button>
+          <button
+            type="button"
+            onclick="document.getElementById('plaintext').value = decrypt(document.getElementById('encrypted').value, document.getElementById('key').value)"
+          >
+            Decrypt
+          </button>
+          <input type="text" value="Uryyb" class="stretch" id="encrypted" />
+        </form>
+      </div>
+    </div>
+  </body>
 </html>
diff --git a/home/Dario48/Documents/firma_digitale-Dario_Spinnato_.html b/home/Dario48/Documents/firma_digitale-Dario_Spinnato_.html
index 3836329..ee461ff 100644
--- a/home/Dario48/Documents/firma_digitale-Dario_Spinnato_.html
+++ b/home/Dario48/Documents/firma_digitale-Dario_Spinnato_.html
@@ -2,6 +2,7 @@
 <html style="background-color: black">
   <head>
     <meta charset="utf-8" />
+    <title>firma_digitale-Dario_Spinnato</title>
   </head>
   <body>
     <div
diff --git a/home/Dario48/Documents/index.html b/home/Dario48/Documents/index.html
index 66de3df..a14ac86 100644
--- a/home/Dario48/Documents/index.html
+++ b/home/Dario48/Documents/index.html
@@ -1,79 +1,12 @@
 <!doctype html>
 <html>
-	<head>
-		<title>/</title>
-		<style>
-			* {
-				margin: 0;
-				padding: 0;
-				box-sizing: border-box;
-				background-color: #161925;
-			}
-			::selection{
-				background-color: #00D3A7;
-				color: #fefefe;
-			}
-			html,
-			body {
-				height: 100%;
-				display: flex;
-				justify-content: center;
-				align-items: center;
-			}
-			.stretch {
-				width: calc(50vw - 4px);
-				color: #C3C7D1;
-				margin-top: 0;
-			}
-
-			.column {
-				flex-direction: column;
-			}
-
-			.row {
-				display: flex;
-				justify-content: space-between;
-				flex-direction: row;
-			}
-
-			.border {
-				display: flex;
-				justify-content: center;
-				align-items: center;
-				width: 50vw; /* 50% of the viewport's width */
-				height: 50vh; /* 50% of the viewport's height */
-				border: 2px solid white;
-				flex-direction: row; /* Stack children horizontaly */
-				justify-content: center; /* Align children to the top */
-				align-items: flex-start;
-			}
-			button {
-				background-color: #c6262e;
-				color=black;
-				border: 1px solid white;
-				cursor: pointer;
-				margin-left: auto;
-			}
-
-			button:hover {
-				background-color: #ed5353;
-			}
-
-			a {
-				text-decoration: none;
-				color: #C3C7D1;
-			}
-
-			img {
-				width: max(min(90%, 100px), 50px);
-				aspect-ratio: 1/1;
-			}
-
-			.folder {
-				width: 25%;
-			}
-		</style>
-	</head>
+  <head>
+    <meta charset="utf-8" />
+    <title>/home/Dario48/Documents/</title>
+    <link rel="stylesheet" href="/style.css">
+	<script src="/path.js" defer=""></script>
+	<script src="/disable_form.js" defer=""></script>
+  </head>
 	<body id="body">
 		<div class="border">
 			<div class="column">
diff --git a/home/Dario48/Pictures/folder.html b/home/Dario48/Pictures/folder.html
index 1efc310..522561f 100644
--- a/home/Dario48/Pictures/folder.html
+++ b/home/Dario48/Pictures/folder.html
@@ -1,88 +1,21 @@
 <!doctype html>
 <html>
-	<head>
-		<title>/</title>
-		<style>
-			* {
-				margin: 0;
-				padding: 0;
-				box-sizing: border-box;
-				background-color: #161925;
-			}
-			::selection{
-				background-color: #00D3A7;
-				color: #fefefe;
-			}
-			html,
-			body {
-				height: 100%;
-				display: flex;
-				justify-content: center;
-				align-items: center;
-			}
-			.stretch {
-				width: calc(50vw - 4px);
-				color: #C3C7D1;
-				margin-top: 0;
-			}
-
-			.column {
-				flex-direction: column;
-			}
-
-			.row {
-				display: flex;
-				justify-content: space-between;
-				flex-direction: row;
-			}
-
-			.border {
-				display: flex;
-				justify-content: center;
-				align-items: center;
-				width: 50vw; /* 50% of the viewport's width */
-				height: 50vh; /* 50% of the viewport's height */
-				border: 2px solid white;
-				flex-direction: row; /* Stack children horizontaly */
-				justify-content: center; /* Align children to the top */
-				align-items: flex-start;
-			}
-			button {
-				background-color: #c6262e;
-				color=black;
-				border: 1px solid white;
-				cursor: pointer;
-				margin-left: auto;
-			}
-
-			button:hover {
-				background-color: #ed5353;
-			}
-
-			a {
-				text-decoration: none;
-				color: #C3C7D1;
-			}
-
-			img {
-				width: max(min(90%, 100px), 50px);
-				aspect-ratio: 1/1;
-			}
-
-			.folder {
-				width: 25%;
-			}
-		</style>
-	</head>
-	<body id="body">
-		<div class="border">
-				<img
-						src="/home/Dario48/Pictures/folder.svg"
-						style="
+  <head>
+    <meta charset="utf-8" />
+    <title>/home/Dario48/Pictures/folder.svg</title>
+    <link rel="stylesheet" href="/style.css" />
+    <script src="/path.js" defer=""></script>
+    <script src="/disable_form.js" defer=""></script>
+  </head>
+  <body id="body">
+    <div class="border">
+      <img
+        src="/home/Dario48/Pictures/folder.svg"
+        style="
 							   height=100%;
 							   width=100%;
 							   "
-						/>
-		</div>
-	</body>
+      />
+    </div>
+  </body>
 </html>
diff --git a/home/Dario48/Pictures/html.html b/home/Dario48/Pictures/html.html
index 788664a..82d7f67 100644
--- a/home/Dario48/Pictures/html.html
+++ b/home/Dario48/Pictures/html.html
@@ -1,88 +1,21 @@
 <!doctype html>
 <html>
-	<head>
-		<title>/</title>
-		<style>
-			* {
-				margin: 0;
-				padding: 0;
-				box-sizing: border-box;
-				background-color: #161925;
-			}
-			::selection{
-				background-color: #00D3A7;
-				color: #fefefe;
-			}
-			html,
-			body {
-				height: 100%;
-				display: flex;
-				justify-content: center;
-				align-items: center;
-			}
-			.stretch {
-				width: calc(50vw - 4px);
-				color: #C3C7D1;
-				margin-top: 0;
-			}
-
-			.column {
-				flex-direction: column;
-			}
-
-			.row {
-				display: flex;
-				justify-content: space-between;
-				flex-direction: row;
-			}
-
-			.border {
-				display: flex;
-				justify-content: center;
-				align-items: center;
-				width: 50vw; /* 50% of the viewport's width */
-				height: 50vh; /* 50% of the viewport's height */
-				border: 2px solid white;
-				flex-direction: row; /* Stack children horizontaly */
-				justify-content: center; /* Align children to the top */
-				align-items: flex-start;
-			}
-			button {
-				background-color: #c6262e;
-				color=black;
-				border: 1px solid white;
-				cursor: pointer;
-				margin-left: auto;
-			}
-
-			button:hover {
-				background-color: #ed5353;
-			}
-
-			a {
-				text-decoration: none;
-				color: #C3C7D1;
-			}
-
-			img {
-				width: max(min(90%, 100px), 50px);
-				aspect-ratio: 1/1;
-			}
-
-			.folder {
-				width: 25%;
-			}
-		</style>
-	</head>
-	<body id="body">
-		<div class="border">
-				<img
-						src="/home/Dario48/Pictures/html.svg"
-						style="
+  <head>
+    <meta charset="utf-8" />
+    <title>/home/Dario48/Pictures/html.svg</title>
+    <link rel="stylesheet" href="/style.css" />
+    <script src="/path.js" defer=""></script>
+    <script src="/disable_form.js" defer=""></script>
+  </head>
+  <body id="body">
+    <div class="border">
+      <img
+        src="/home/Dario48/Pictures/html.svg"
+        style="
 							   height=100%;
 							   width=100%;
 							   "
-						/>
-		</div>
-	</body>
+      />
+    </div>
+  </body>
 </html>
diff --git a/home/Dario48/Pictures/index.html b/home/Dario48/Pictures/index.html
index 888cf17..05f4050 100644
--- a/home/Dario48/Pictures/index.html
+++ b/home/Dario48/Pictures/index.html
@@ -1,125 +1,50 @@
 <!doctype html>
 <html>
-	<head>
-		<title>/</title>
-		<style>
-			* {
-				margin: 0;
-				padding: 0;
-				box-sizing: border-box;
-				background-color: #161925;
-			}
-			::selection{
-				background-color: #00D3A7;
-				color: #fefefe;
-			}
-			html,
-			body {
-				height: 100%;
-				display: flex;
-				justify-content: center;
-				align-items: center;
-			}
-			.stretch {
-				width: calc(50vw - 4px);
-				color: #C3C7D1;
-				margin-top: 0;
-			}
-
-			.column {
-				flex-direction: column;
-			}
-
-			.row {
-				display: flex;
-				justify-content: space-between;
-				flex-direction: row;
-			}
-
-			.border {
-				display: flex;
-				justify-content: center;
-				align-items: center;
-				width: 50vw; /* 50% of the viewport's width */
-				height: 50vh; /* 50% of the viewport's height */
-				border: 2px solid white;
-				flex-direction: row; /* Stack children horizontaly */
-				justify-content: center; /* Align children to the top */
-				align-items: flex-start;
-			}
-			button {
-				background-color: #c6262e;
-				color=black;
-				border: 1px solid white;
-				cursor: pointer;
-				margin-left: auto;
-			}
-
-			button:hover {
-				background-color: #ed5353;
-			}
-
-			a {
-				text-decoration: none;
-				color: #C3C7D1;
-			}
-
-			img {
-				width: max(min(90%, 100px), 50px);
-				aspect-ratio: 1/1;
-			}
-
-			.folder {
-				width: 25%;
-			}
-		</style>
-	</head>
-	<body id="body">
-		<div class="border">
-			<div class="column">
-				<div class="stretch row">
-					Dario48's website
-					<div style="aspect-ratio: 1 / 1">
-						<button
-							type="button"
-							onclick="document.getElementById('body').remove();"
-						>
-							X
-						</button>
-					</div>
-				</div>
-				<form>
-					<input type="text" value="/home/Dario48/Pictures/" class="stretch" />
-				</form>
-				<nav class="row">
-					<div class="column folder">
-						<a href="folder.html">
-							<img
-								src="/home/Dario48/Pictures/folder.svg"
-								style="
-									display: block;
-									margin-left: auto;
-									margin-right: auto;
-								"
-							/>
-							<p style="text-align: center">folder.svg</p>
-						</a>
-					</div>
-					<div class="column folder">
-						<a href="html.html">
-							<img
-								src="/home/Dario48/Pictures/html.svg"
-								style="
-									display: block;
-									margin-left: auto;
-									margin-right: auto;
-								"
-							/>
-							<p style="text-align: center">html.svg</p>
-						</a>
-					</div>
-				</nav>
-			</div>
-		</div>
-	</body>
+  <head>
+    <meta charset="utf-8" />
+    <title>/home/Dario48/Pictures/</title>
+    <link rel="stylesheet" href="/style.css" />
+    <script src="/path.js" defer=""></script>
+    <script src="/disable_form.js" defer=""></script>
+  </head>
+  <body id="body">
+    <div class="border">
+      <div class="column">
+        <div class="stretch row">
+          Dario48's website
+          <div style="aspect-ratio: 1 / 1">
+            <button
+              type="button"
+              onclick="document.getElementById('body').remove();"
+            >
+              X
+            </button>
+          </div>
+        </div>
+        <form>
+          <input type="text" value="/home/Dario48/Pictures/" class="stretch" />
+        </form>
+        <nav class="row">
+          <div class="column folder">
+            <a href="folder.html">
+              <img
+                src="/home/Dario48/Pictures/folder.svg"
+                style="display: block; margin-left: auto; margin-right: auto"
+              />
+              <p style="text-align: center">folder.svg</p>
+            </a>
+          </div>
+          <div class="column folder">
+            <a href="html.html">
+              <img
+                src="/home/Dario48/Pictures/html.svg"
+                style="display: block; margin-left: auto; margin-right: auto"
+              />
+              <p style="text-align: center">html.svg</p>
+            </a>
+          </div>
+        </nav>
+      </div>
+    </div>
+  </body>
 </html>
diff --git a/home/Dario48/index.html b/home/Dario48/index.html
index 84cc4c8..044eef1 100644
--- a/home/Dario48/index.html
+++ b/home/Dario48/index.html
@@ -1,138 +1,63 @@
 <!doctype html>
 <html>
-	<head>
-		<title>/</title>
-		<style>
-			* {
-				margin: 0;
-				padding: 0;
-				box-sizing: border-box;
-				background-color: #161925;
-			}
-			::selection{
-				background-color: #00D3A7;
-				color: #fefefe;
-			}
-			html,
-			body {
-				height: 100%;
-				display: flex;
-				justify-content: center;
-				align-items: center;
-			}
-			.stretch {
-				width: calc(50vw - 4px);
-				color: #C3C7D1;
-				margin-top: 0;
-			}
-
-			.column {
-				flex-direction: column;
-			}
-
-			.row {
-				display: flex;
-				justify-content: space-between;
-				flex-direction: row;
-			}
-
-			.border {
-				display: flex;
-				justify-content: center;
-				align-items: center;
-				width: 50vw; /* 50% of the viewport's width */
-				height: 50vh; /* 50% of the viewport's height */
-				border: 2px solid white;
-				flex-direction: row; /* Stack children horizontaly */
-				justify-content: center; /* Align children to the top */
-				align-items: flex-start;
-			}
-			button {
-				background-color: #c6262e;
-				color=black;
-				border: 1px solid white;
-				cursor: pointer;
-				margin-left: auto;
-			}
-
-			button:hover {
-				background-color: #ed5353;
-			}
-
-			a {
-				text-decoration: none;
-				color: #C3C7D1;
-			}
-
-			img {
-				width: max(min(90%, 100px), 50px);
-				aspect-ratio: 1/1;
-			}
-
-			.folder {
-				width: 25%;
-			}
-		</style>
-	</head>
-	<body id="body">
-		<div class="border">
-			<div class="column">
-				<div class="stretch row">
-					Dario48's website
-					<div style="aspect-ratio: 1 / 1">
-						<button
-							type="button"
-							onclick="document.getElementById('body').remove();"
-						>
-							X
-						</button>
-					</div>
-				</div>
-				<form>
-					<input type="text" value="/home/Dario48/" class="stretch" />
-				</form>
-				<nav class="row">
-					<div class="column folder">
-						<a href="Pictures/">
-							<img
-								src="/home/Dario48/Pictures/folder.svg"
-								style="
-									display: block;
-									margin-left: auto;
-									margin-right: auto;
-								"
-							/>
-							<p style="text-align: center">Pictures</p>
-						</a>
-					</div>
-					<div class="column folder">
-						<a href="Documents/">
-							<img
-								src="/home/Dario48/Pictures/folder.svg"
-								style="
-									display: block;
-									margin-left: auto;
-									margin-right: auto;
-								"
-							/>
-							<p style="text-align: center">Documents</p>
-						</a>
-					</div>
-					<div class="column folder">
-						<a href="compito_online-ricerca_Dario-Spinnato-4Q-RSA-13022025.html">
-							<img
-								src="/home/Dario48/Pictures/html.svg"
-								style="
-									display: block;
-									margin-left: auto;
-									margin-right: auto;
-								"
-							/>
-							<p style="text-align: center">compito_online-ricerca_Dario-Spinnato-4Q-RSA-13022025.html</p>
-						</a>
-					</div>
-				</nav>
-			</div>
-		</div>
-	</body>
+  <head>
+    <meta charset="utf-8" />
+    <title>/home/Dario48/</title>
+    <link rel="stylesheet" href="/style.css" />
+    <script src="/path.js" defer=""></script>
+    <script src="/disable_form.js" defer=""></script>
+  </head>
+  <body id="body">
+    <div class="border">
+      <div class="column">
+        <div class="stretch row">
+          Dario48's website
+          <div style="aspect-ratio: 1 / 1">
+            <button
+              type="button"
+              onclick="document.getElementById('body').remove();"
+            >
+              X
+            </button>
+          </div>
+        </div>
+        <form>
+          <input type="text" value="/home/Dario48/" class="stretch" />
+        </form>
+        <nav class="row">
+          <div class="column folder">
+            <a href="Pictures/">
+              <img
+                src="/home/Dario48/Pictures/folder.svg"
+                style="display: block; margin-left: auto; margin-right: auto"
+              />
+              <p style="text-align: center">Pictures</p>
+            </a>
+          </div>
+          <div class="column folder">
+            <a href="Documents/">
+              <img
+                src="/home/Dario48/Pictures/folder.svg"
+                style="display: block; margin-left: auto; margin-right: auto"
+              />
+              <p style="text-align: center">Documents</p>
+            </a>
+          </div>
+          <div class="column folder">
+            <a
+              href="compito_online-ricerca_Dario-Spinnato-4Q-RSA-13022025.html"
+            >
+              <img
+                src="/home/Dario48/Pictures/html.svg"
+                style="display: block; margin-left: auto; margin-right: auto"
+              />
+              <p style="text-align: center">
+                compito_online-ricerca_Dario-Spinnato-4Q-RSA-13022025.html
+              </p>
+            </a>
+          </div>
+        </nav>
+      </div>
+    </div>
+  </body>
 </html>
diff --git a/home/index.html b/home/index.html
index 96d67de..1879fb0 100644
--- a/home/index.html
+++ b/home/index.html
@@ -1,112 +1,41 @@
 <!doctype html>
 <html>
-	<head>
-		<title>/</title>
-		<style>
-			* {
-				margin: 0;
-				padding: 0;
-				box-sizing: border-box;
-				background-color: #161925;
-			}
-			::selection{
-				background-color: #00D3A7;
-				color: #fefefe;
-			}
-			html,
-			body {
-				height: 100%;
-				display: flex;
-				justify-content: center;
-				align-items: center;
-			}
-			.stretch {
-				width: calc(50vw - 4px);
-				color: #C3C7D1;
-				margin-top: 0;
-			}
-
-			.column {
-				flex-direction: column;
-			}
-
-			.row {
-				display: flex;
-				justify-content: space-between;
-				flex-direction: row;
-			}
-
-			.border {
-				display: flex;
-				justify-content: center;
-				align-items: center;
-				width: 50vw; /* 50% of the viewport's width */
-				height: 50vh; /* 50% of the viewport's height */
-				border: 2px solid white;
-				flex-direction: row; /* Stack children horizontaly */
-				justify-content: center; /* Align children to the top */
-				align-items: flex-start;
-			}
-			button {
-				background-color: #c6262e;
-				color=black;
-				border: 1px solid white;
-				cursor: pointer;
-				margin-left: auto;
-			}
-
-			button:hover {
-				background-color: #ed5353;
-			}
-
-			a {
-				text-decoration: none;
-				color: #C3C7D1;
-			}
-
-			img {
-				width: max(min(90%, 100px), 50px);
-				aspect-ratio: 1/1;
-			}
-
-			.folder {
-				width: 25%;
-			}
-		</style>
-	</head>
-	<body id="body">
-		<div class="border">
-			<div class="column">
-				<div class="stretch row">
-					Dario48's website
-					<div style="aspect-ratio: 1 / 1">
-						<button
-							type="button"
-							onclick="document.getElementById('body').remove();"
-						>
-							X
-						</button>
-					</div>
-				</div>
-				<form>
-					<input type="text" value="/home/" class="stretch" />
-				</form>
-				<nav class="row">
-					<div class="column folder">
-						<a href="Dario48/">
-							<img
-								src="Dario48/Pictures/folder.svg"
-								style="
-									display: block;
-									margin-left: auto;
-									margin-right: auto;
-								"
-							/>
-							<p style="text-align: center">Dario48</p>
-						</a>
-					</div>
-				</nav>
-			</div>
-		</div>
-	</body>
+  <head>
+    <meta charset="utf-8" />
+    <title>/home/</title>
+    <link rel="stylesheet" href="/style.css" />
+    <script src="/path.js" defer=""></script>
+    <script src="/disable_form.js" defer=""></script>
+  </head>
+  <body id="body">
+    <div class="border">
+      <div class="column">
+        <div class="stretch row">
+          Dario48's website
+          <div style="aspect-ratio: 1 / 1">
+            <button
+              type="button"
+              onclick="document.getElementById('body').remove();"
+            >
+              X
+            </button>
+          </div>
+        </div>
+        <form>
+          <input type="text" value="/home/" class="stretch" />
+        </form>
+        <nav class="row">
+          <div class="column folder">
+            <a href="Dario48/">
+              <img
+                src="Dario48/Pictures/folder.svg"
+                style="display: block; margin-left: auto; margin-right: auto"
+              />
+              <p style="text-align: center">Dario48</p>
+            </a>
+          </div>
+        </nav>
+      </div>
+    </div>
+  </body>
 </html>
diff --git a/index.html b/index.html
index 9eb167b..bb508d4 100644
--- a/index.html
+++ b/index.html
@@ -1,75 +1,64 @@
 <!doctype html>
 <html>
-	<head>
-		<title>/</title>
-		<link rel="stylesheet" href="/style.css" />
-		<script src="/path.js" defer></script>
-		<script src="/disable_form.js" defer></script>
-	</head>
-	<body id="body">
-		<div class="border">
-			<div class="column">
-				<div class="stretch row">
-					Dario48's website
-					<div style="aspect-ratio: 1 / 1">
-						<button
-							type="button"
-							onclick="document.getElementById('body').remove();"
-						>
-							X
-						</button>
-					</div>
-				</div>
-				<form>
-					<input
-						type="text"
-						value="/"
-						class="stretch"
-						id="path disable_enter"
-					/>
-				</form>
-				<nav class="row">
-					<div class="column folder">
-						<a href="bin/">
-							<img
-								src="home/Dario48/Pictures/folder.svg"
-								style="
-									display: block;
-									margin-left: auto;
-									margin-right: auto;
-								"
-							/>
-							<p style="text-align: center">bin</p>
-						</a>
-					</div>
-					<div class="column folder">
-						<a href="home/">
-							<img
-								src="home/Dario48/Pictures/folder.svg"
-								style="
-									display: block;
-									margin-left: auto;
-									margin-right: auto;
-								"
-							/>
-							<p style="text-align: center">home</p>
-						</a>
-					</div>
-					<div class="column folder">
-						<a href="root/">
-							<img
-								src="home/Dario48/Pictures/folder.svg"
-								style="
-									display: block;
-									margin-left: auto;
-									margin-right: auto;
-								"
-							/>
-							<p style="text-align: center">root</p>
-						</a>
-					</div>
-				</nav>
-			</div>
-		</div>
-	</body>
+  <head>
+    <meta charset="utf-8" />
+    <title>/</title>
+    <link rel="stylesheet" href="/style.css" />
+    <script src="/path.js" defer></script>
+    <script src="/disable_form.js" defer></script>
+  </head>
+  <body id="body">
+    <div class="border">
+      <div class="column">
+        <div class="stretch row">
+          Dario48's website
+          <div style="aspect-ratio: 1 / 1">
+            <button
+              type="button"
+              onclick="document.getElementById('body').remove();"
+            >
+              X
+            </button>
+          </div>
+        </div>
+        <form>
+          <input
+            type="text"
+            value="/"
+            class="stretch"
+            id="path disable_enter"
+          />
+        </form>
+        <nav class="row">
+          <div class="column folder">
+            <a href="bin/">
+              <img
+                src="home/Dario48/Pictures/folder.svg"
+                style="display: block; margin-left: auto; margin-right: auto"
+              />
+              <p style="text-align: center">bin</p>
+            </a>
+          </div>
+          <div class="column folder">
+            <a href="home/">
+              <img
+                src="home/Dario48/Pictures/folder.svg"
+                style="display: block; margin-left: auto; margin-right: auto"
+              />
+              <p style="text-align: center">home</p>
+            </a>
+          </div>
+          <div class="column folder">
+            <a href="root/">
+              <img
+                src="home/Dario48/Pictures/folder.svg"
+                style="display: block; margin-left: auto; margin-right: auto"
+              />
+              <p style="text-align: center">root</p>
+            </a>
+          </div>
+        </nav>
+      </div>
+    </div>
+  </body>
 </html>
