Updated design of test interface.

hexydec · hexydec · commit b96ba8e8ba17 · 2024-01-21T22:04:35.000Z
diff --git a/docs/cssdoc.svg b/docs/cssdoc.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 334 369" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2"><path d="M151 299c0 18-4 30-10 38-6 7-15 8-25 2l-81-47c-11-6-19-16-25-31-7-15-10-31-10-49s3-30 10-38c6-7 14-8 25-2l17 10v38l-17-10c-4-3-8-3-10 0-3 3-4 7-4 14 0 6 1 12 4 18 2 5 6 9 10 12l81 47c4 2 7 2 10-1 2-2 4-7 4-13 0-7-2-13-4-18-3-6-6-10-10-12l-21-12v-38l21 12c10 6 19 16 25 31s10 31 10 49Z" fill="#00005f" fill-rule="nonzero"/><path d="M270 105a123 123 0 0 1-64 16c-10-1-19-3-26-7l-5-4 28-19 6 3c6 3 12 5 19 5l20-6c6-4 10-8 11-11 1-4-1-7-5-10-5-3-12-4-20-5l-43 3c-26 3-46 4-59 4-13-1-24-4-32-9-11-6-16-14-14-23s11-18 26-27 31-14 46-15c16-1 29 2 41 8l4 3-29 19-4-2a35 35 0 0 0-36 0c-6 3-9 6-9 9-1 4 1 6 6 9s11 4 20 5l42-3c28-3 48-4 60-3 13 1 23 3 32 8 7 4 11 9 12 15 2 6 0 12-5 18-5 7-12 13-22 19Z" fill="#00005f" fill-rule="nonzero"/><path d="M168 178c-6 10-13 18-20 25-8 6-15 10-23 11-7 2-14 1-21-3l-5-3 16-32 5 3c5 3 10 3 15 1s9-6 13-13c4-6 6-12 6-17-1-5-3-9-7-11-4-3-9-3-16-1-6 1-16 6-30 14-19 10-33 16-42 19-10 2-19 1-26-3-10-6-16-15-17-28 0-12 3-26 12-41s19-26 30-31 22-5 32 1l4 2-16 32-4-2c-5-3-10-3-15-2-4 2-8 5-11 11-4 6-5 11-5 15 1 4 3 8 7 10 5 3 10 3 16 1s17-6 31-14c19-10 33-16 43-18 9-3 17-2 25 2 6 4 11 10 13 17 3 7 3 16 1 25-2 10-5 20-11 30Z" fill="#00005f" fill-rule="nonzero"/><g fill="#ff7801" fill-rule="nonzero"><path d="m168 178 23-13c7-4 13-3 17 3s6 15 6 29v100c0 14-2 26-6 36-4 11-10 18-17 22l-23 14V178Zm22 151c3-2 5-5 7-9s2-9 2-14V205c0-6 0-9-2-12-2-2-4-2-7 0l-7 4v136l7-4Z"/><path d="M251 320c-7 4-13 3-17-3-5-5-7-15-7-28V188c0-14 2-26 7-37 4-10 10-18 17-22s12-3 17 3c4 6 6 15 6 29v101c0 13-2 25-6 36-5 11-10 18-17 22Zm0-26c2-2 5-5 6-9 2-4 2-9 2-15V169c0-6 0-10-2-12-1-2-4-3-6-1-3 1-5 4-7 8l-2 15v101l2 12c2 3 4 3 7 2Z"/><path d="M310 284c-6 4-12 3-16-2-4-6-7-15-7-28V153c0-13 3-25 7-35 4-11 10-18 16-22 7-4 13-3 17 3 4 5 6 15 6 27v22l-14 8v-21l-2-11c-2-3-4-3-7-2l-6 9-2 13v102l2 11c2 2 4 2 6 1 3-2 5-4 7-8l2-14v-26l14-8v26c0 12-2 24-6 35-4 10-10 17-17 21Z"/></g></svg>
diff --git a/index.php b/index.php
@@ -100,10 +100,13 @@
 	<head>
 		<title>Hexydec CSS Minifier</title>
 		<meta name="viewport" content="width=device-width,initial-scale=1.0" />
+		<link rel="shortcut icon" type="image/svg" href="docs/cssdoc.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;
@@ -117,6 +120,9 @@
 			.minify__form-heading {
 				margin: 10px 10px 0 10px;
 				flex: 0 0 auto;
+				display: flex;
+				align-items: center;
+				gap: 0 10px;
 			}
 			.minify__form-input {
 				flex: 1 1 auto;
@@ -173,7 +179,10 @@
 	<body>
 		<form action="<?= \htmlspecialchars($_SERVER['REQUEST_URI']); ?>" method="post" accept-charset="<?= \mb_internal_encoding(); ?>" class="minify__form" novalidate="novalidate">
 			<div class="minify__form-wrap">
-				<h1 class="minify__form-heading">CSS Minifier</h1>
+				<h1 class="minify__form-heading">
+					<img src="docs/cssdoc.svg" alt="CSSdoc" height="50" />
+					CSS Minifier
+				</h1>
 				<div class="minify__form-input">
 					<label for="source">Paste CSS:</label>
 					<textarea name="source" id="source" class="minify__form-input-box"><?= \htmlspecialchars($input); ?></textarea>
