Updated design of test interface.

hexydec · hexydec · commit b8975cecd667 · 2024-01-21T22:03:08.000Z
diff --git a/docs/htmldoc.svg b/docs/htmldoc.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 334 364" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2"><g fill="#6eaec7" fill-rule="nonzero"><path d="m169 173 23-14c7-4 12-3 16 3s6 16 6 30v99c0 14-2 26-6 37s-9 18-16 22l-23 13V173Zm22 150c3-2 5-4 7-8l2-15V200l-2-12c-2-2-4-3-7-1l-8 4v136l8-4Z"/><path d="M251 314c-7 4-12 4-17-2-4-6-6-15-6-29V182c0-13 2-25 6-36 5-11 10-18 17-22s13-3 17 2c4 6 7 16 7 29v101c0 14-3 26-7 36-4 11-10 18-17 22Zm0-26c3-2 5-4 7-9l2-14V163l-2-12c-2-2-4-2-7-1-3 2-5 5-6 9-2 4-3 9-3 15v101c0 6 1 10 3 12 1 2 3 3 6 1Z"/><path d="M311 279c-7 3-12 3-17-3-4-6-6-15-6-28V147c0-13 2-24 6-35 5-10 10-17 17-21s12-3 16 2c5 6 7 15 7 28v21l-15 9v-22c0-5 0-9-2-11s-4-3-6-1l-6 8c-2 4-2 9-2 14v101c0 5 0 9 2 11s4 3 6 1l6-8c2-4 2-8 2-14v-26l15-8v26c0 13-2 25-7 35-4 10-9 18-16 22Z"/></g><g fill="#00005f" fill-rule="nonzero"><path d="m98 18 159 92-22 12-109-63 89 75-15 9L71 91l109 63-21 12L0 74l30-17 121 48-84-69 31-18Z"/><path d="m107 13 22-13 136 79 39-23 23 13-61 36-159-92Z"/></g><g fill="#00005f" fill-rule="nonzero"><path d="M158 357 0 266v-28l67 38v-33L0 205v-28l158 91v28l-69-40v33l69 40v28Z"/><path d="M0 170V83l23 13v30l135 78v27L23 153v30L0 170Z"/></g></svg>
diff --git a/index.php b/index.php
@@ -110,10 +110,13 @@
 	<head>
 		<title>Hexydec HTML Minifier</title>
 		<meta name="viewport" content="width=device-width,initial-scale=1.0" />
+		<link rel="shortcut icon" type="image/svg" href="docs/htmldoc.svg" />
 		<style>
 			html, body {
 				margin: 0;
-				font-family: Segoe UI;
+			}
+			body, input {
+				font-family: Segoe UI, Tahoma, Geneva, Verdana, sans-serif;
 			}
 			.minify__form {
 				height: 100vh;
@@ -128,6 +131,9 @@
 			.minify__form-heading {
 				margin: 10px 10px 0 10px;
 				flex: 0 0 auto;
+				display: flex;
+				align-items: center;
+				gap: 0 10px;
 			}
 			.minify__form-error {
 				padding: 10px;
@@ -191,7 +197,10 @@
 	<body>
 		<form action="<?= \htmlspecialchars($_SERVER['REQUEST_URI']); ?>" method="post" accept-charset="<?= \htmlspecialchars(\mb_internal_encoding()); ?>" class="minify__form">
 			<div class="minify__form-wrap">
-				<h1 class="minify__form-heading">HTML Minifier</h1>
+				<h1 class="minify__form-heading">
+					<img src="docs/htmldoc.svg" alt="HTMLdoc" height="50" />
+					HTML Minifier
+				</h1>
 				<?php if ($error) { ?>
 					<div class="minify__form-error"><?= \htmlspecialchars($error); ?></div>
 				<?php } ?>
