diff --git a/demo.png b/demo.png
index f012a3f9..8cfb494d 100644
Binary files a/demo.png and b/demo.png differ
diff --git a/httpdocs/color-table.svg b/httpdocs/color-table.svg
index d2999418..4e051225 100644
--- a/httpdocs/color-table.svg
+++ b/httpdocs/color-table.svg
@@ -1,159 +1 @@
-<!-- created by atmos https://app.atmos.style/65cc9eaec76d443c0a796d4b -->
-<svg xmlns="http://www.w3.org/2000/svg" width="346" height="602" viewBox="0 0 346 602">
-	<style>
-		:root {
-			margin: 15px;
-		}
-
-		rect {
-			width: 40px;
-			height: 52px;
-		}
-
-		.base {
-			outline: 1px solid black;
-			outline-offset: -1px;
-		}
-
-		.base--invert {
-			outline-color: #ddd;
-		}
-
-		.lables text {
-			height: 52px;
-			fill: #6D6781;
-			font-size: 12px;
-			text-anchor: start;
-		}
-
-		.lables--top text {
-			height: 40px;
-			text-anchor: middle;
-		}
-	</style>
-	<g class="lables" transform="translate(0, 40)">
-		<text y="-20" x="0">
-			<tspan x="0" dy="0.355em">HEX</tspan>
-		</text>
-		<text y="26" x="0">
-			<tspan x="0" dy="0.355em">main</tspan>
-		</text>
-		<text y="78" x="0">
-			<tspan x="0" dy="0.355em">info</tspan>
-		</text>
-		<text y="130" x="0">
-			<tspan x="0" dy="0.355em">alert</tspan>
-		</text>
-		<text y="182" x="0">
-			<tspan x="0" dy="0.355em">success</tspan>
-		</text>
-		<text y="234" x="0">
-			<tspan x="0" dy="0.355em">neutral</tspan>
-		</text>
-
-		<text y="275" x="0">
-			<tspan x="0" dy="0.355em">OKLCH</tspan>
-		</text>
-	</g>
-	<g class="lables lables--top" transform="translate(64, 0)">
-		<text y="20" x="20">
-			<tspan x="20" dy="0.355em">900</tspan>
-		</text>
-
-		<text y="20" x="60">
-			<tspan x="60" dy="0.355em">750</tspan>
-		</text>
-
-		<text y="20" x="100">
-			<tspan x="100" dy="0.355em">625</tspan>
-		</text>
-		<text y="20" x="140">
-			<tspan x="140" dy="0.355em">500</tspan>
-		</text>
-		<text y="20" x="180">
-			<tspan x="180" dy="0.355em">375</tspan>
-		</text>
-		<text y="20" x="220">
-			<tspan x="220" dy="0.355em">250</tspan>
-		</text>
-		<text y="20" x="260">
-			<tspan x="260" dy="0.355em">100</tspan>
-		</text>
-	</g>
-	<g transform="translate(64, 40)">
-		<rect id="main/900" fill="#070200" y="0" x="0"></rect>
-		<rect id="info/900" fill="#010116" y="52" x="0"></rect>
-		<rect id="alert/900" fill="#0c0000" y="104" x="0"></rect>
-		<rect id="success/900" fill="#010500" y="156" x="0"></rect>
-		<rect id="neutral/900" fill="#030303" y="208" x="0"></rect>
-		<rect id="main/750" fill="#341b00" y="0" x="40"></rect>
-		<rect id="info/750" fill="#0a066b" y="52" x="40"></rect>
-		<rect id="alert/750" fill="#470000" y="104" x="40"></rect>
-		<rect id="success/750" fill="#072a00" y="156" x="40"></rect>
-		<rect id="neutral/750" class="base base--invert" fill="#131211" y="208" x="40"></rect>
-		<rect id="main/625" fill="#5f3600" y="0" x="80"></rect>
-		<rect id="info/625" fill="#1912bb" y="52" x="80"></rect>
-		<rect id="alert/625" fill="#7f0000" y="104" x="80"></rect>
-		<rect id="success/625" fill="#144f00" y="156" x="80"></rect>
-		<rect id="neutral/625" fill="#43403e" y="208" x="80"></rect>
-		<rect id="main/500" fill="#8f5300" y="0" x="120"></rect>
-		<rect id="info/500" class="base" fill="#231aee" y="52" x="120"></rect>
-		<rect id="alert/500" fill="#af0000" y="104" x="120"></rect>
-		<rect id="success/500" fill="#206f00" y="156" x="120"></rect>
-		<rect id="neutral/500" fill="#5f5b58" y="208" x="120"></rect>
-		<rect id="main/375" fill="#c17200" y="0" x="160"></rect>
-		<rect id="info/375" fill="#577cf9" y="52" x="160"></rect>
-		<rect id="alert/375" class="base" fill="#ff0000" y="104" x="160"></rect>
-		<rect id="success/375" fill="#32a300" y="156" x="160"></rect>
-		<rect id="neutral/375" fill="#8b8782" y="208" x="160"></rect>
-		<rect id="main/250" class="base" fill="#ff9900" y="0" x="200"></rect>
-		<rect id="info/250" fill="#97b2fb" y="52" x="200"></rect>
-		<rect id="alert/250" fill="#fe9283" y="104" x="200"></rect>
-		<rect id="success/250" class="base" fill="#59ec04" y="156" x="200"></rect>
-		<rect id="neutral/250" fill="#bab4ae" y="208" x="200"></rect>
-		<rect id="main/100" fill="#fbd7b5" y="0" x="240"></rect>
-		<rect id="info/100" fill="#d3defa" y="52" x="240"></rect>
-		<rect id="alert/100" fill="#fbd4cd" y="104" x="240"></rect>
-		<rect id="success/100" fill="#93fd73" y="156" x="240"></rect>
-		<rect id="neutral/100" fill="#e0dddb" y="208" x="240"></rect>
-	</g>
-
-	<g transform="translate(64, 330)">
-		<rect id="main/900" fill="oklch(10% 0.02 64.55)" y="0" x="0"></rect>
-		<rect id="info/900" fill="oklch(10% 0.055 268.01)" y="52" x="0"></rect>
-		<rect id="alert/900" fill="oklch(10% 0.036 29.23)" y="104" x="0"></rect>
-		<rect id="success/900" fill="oklch(10% 0.029 138.96)" y="156" x="0"></rect>
-		<rect id="neutral/900" fill="oklch(10% 0.001 67.66)" y="208" x="0"></rect>
-		<rect id="main/750" fill="oklch(25% 0.056 64.55)" y="0" x="40"></rect>
-		<rect id="info/750" fill="oklch(25% 0.158 268.01)" y="52" x="40"></rect>
-		<rect id="alert/750" fill="oklch(25% 0.103 29.23)" y="104" x="40"></rect>
-		<rect id="success/750" fill="oklch(25% 0.083 138.96)" y="156" x="40"></rect>
-		<rect id="neutral/750" class="base base--invert" fill="oklch(18.3% 0.0026 67.66)" y="208" x="40"></rect>
-		<rect id="main/625" fill="oklch(37.5% 0.085 64.55)" y="0" x="80"></rect>
-		<rect id="info/625" fill="oklch(37.5% 0.237 268.01)" y="52" x="80"></rect>
-		<rect id="alert/625" fill="oklch(37.5% 0.154 29.23)" y="104" x="80"></rect>
-		<rect id="success/625" fill="oklch(37.5% 0.124 138.96)" y="156" x="80"></rect>
-		<rect id="neutral/625" fill="oklch(37.5% 0.006 67.66)" y="208" x="80"></rect>
-		<rect id="main/500" fill="oklch(50% 0.114 64.55)" y="0" x="120"></rect>
-		<rect id="info/500" class="base" fill="oklch(44.87% 0.2838 268.01)" y="52" x="120"></rect>
-		<rect id="alert/500" fill="oklch(47.4% 0.195 29.23)" y="104" x="120"></rect>
-		<rect id="success/500" fill="oklch(47.4% 0.157 138.96)" y="156" x="120"></rect>
-		<rect id="neutral/500" fill="oklch(47.4% 0.007 67.66)" y="208" x="120"></rect>
-		<rect id="main/375" fill="oklch(62.5% 0.142 64.55)" y="0" x="160"></rect>
-		<rect id="info/375" fill="oklch(62.5% 0.19 268.01)" y="52" x="160"></rect>
-		<rect id="alert/375" class="base" fill="oklch(62.8% 0.2577 29.23)" y="104" x="160"></rect>
-		<rect id="success/375" fill="oklch(62.5% 0.208 138.96)" y="156" x="160"></rect>
-		<rect id="neutral/375" fill="oklch(62.5% 0.009 67.66)" y="208" x="160"></rect>
-		<rect id="main/250" class="base" fill="oklch(77.2% 0.1738 64.55)" y="0" x="200"></rect>
-		<rect id="info/250" fill="oklch(77.2% 0.109 268.01)" y="52" x="200"></rect>
-		<rect id="alert/250" fill="oklch(77.2% 0.133 29.23)" y="104" x="200"></rect>
-		<rect id="success/250" class="base" fill="oklch(83% 0.2607 138.96)" y="156" x="200"></rect>
-		<rect id="neutral/250" fill="oklch(77.2% 0.011 67.66)" y="208" x="200"></rect>
-		<rect id="main/100" fill="oklch(90% 0.06 64.55)" y="0" x="240"></rect>
-		<rect id="info/100" fill="oklch(90% 0.04 268.01)" y="52" x="240"></rect>
-		<rect id="alert/100" fill="oklch(90% 0.045 29.23)" y="104" x="240"></rect>
-		<rect id="success/100" fill="oklch(90% 0.201 138.96)" y="156" x="240"></rect>
-		<rect id="neutral/100" fill="oklch(90% 0.004 67.66)" y="208" x="240"></rect>
-	</g>
-
-</svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" width="346" height="602" viewBox="0 0 346 602"><style>:root{margin:15px}rect{width:40px;height:52px}.base{outline:1px solid #000;outline-offset:-1px}.base--invert{outline-color:#ddd}.lables text{height:52px;fill:#6d6781;font-size:12px;text-anchor:start}.lables--top text{height:40px;text-anchor:middle}</style><g class="lables"><text x="0" y="-20" transform="translate(0, 40)"><tspan x="0" dy=".355em">HEX</tspan></text><text x="0" y="26" transform="translate(0, 40)"><tspan x="0" dy=".355em">main</tspan></text><text x="0" y="78" transform="translate(0, 40)"><tspan x="0" dy=".355em">info</tspan></text><text x="0" y="130" transform="translate(0, 40)"><tspan x="0" dy=".355em">alert</tspan></text><text x="0" y="182" transform="translate(0, 40)"><tspan x="0" dy=".355em">success</tspan></text><text x="0" y="234" transform="translate(0, 40)"><tspan x="0" dy=".355em">neutral</tspan></text><text x="0" y="275" transform="translate(0, 40)"><tspan x="0" dy=".355em">OKLCH</tspan></text></g><g class="lables lables--top"><text x="20" y="20" transform="translate(64, 0)"><tspan x="20" dy=".355em">900</tspan></text><text x="60" y="20" transform="translate(64, 0)"><tspan x="60" dy=".355em">750</tspan></text><text x="100" y="20" transform="translate(64, 0)"><tspan x="100" dy=".355em">625</tspan></text><text x="140" y="20" transform="translate(64, 0)"><tspan x="140" dy=".355em">500</tspan></text><text x="180" y="20" transform="translate(64, 0)"><tspan x="180" dy=".355em">375</tspan></text><text x="220" y="20" transform="translate(64, 0)"><tspan x="220" dy=".355em">250</tspan></text><text x="260" y="20" transform="translate(64, 0)"><tspan x="260" dy=".355em">100</tspan></text></g><g transform="translate(64, 40)"><rect id="main/900" x="0" y="0" fill="#070200"/><rect id="info/900" x="0" y="52" fill="#010116"/><rect id="alert/900" x="0" y="104" fill="#0c0000"/><rect id="success/900" x="0" y="156" fill="#010500"/><rect id="neutral/900" x="0" y="208" fill="#030303"/><rect id="main/750" x="40" y="0" fill="#341b00"/><rect id="info/750" x="40" y="52" fill="#0a066b"/><rect id="alert/750" x="40" y="104" fill="#470000"/><rect id="success/750" x="40" y="156" fill="#072a00"/><rect id="neutral/750" x="40" y="208" fill="#131211" class="base base--invert"/><rect id="main/625" x="80" y="0" fill="#5f3600"/><rect id="info/625" x="80" y="52" fill="#1912bb"/><rect id="alert/625" x="80" y="104" fill="#7f0000"/><rect id="success/625" x="80" y="156" fill="#144f00"/><rect id="neutral/625" x="80" y="208" fill="#43403e"/><rect id="main/500" x="120" y="0" fill="#8f5300"/><rect id="info/500" x="120" y="52" fill="#231aee" class="base"/><rect id="alert/500" x="120" y="104" fill="#af0000"/><rect id="success/500" x="120" y="156" fill="#206f00"/><rect id="neutral/500" x="120" y="208" fill="#5f5b58"/><rect id="main/375" x="160" y="0" fill="#c17200"/><rect id="info/375" x="160" y="52" fill="#577cf9"/><rect id="alert/375" x="160" y="104" fill="red" class="base"/><rect id="success/375" x="160" y="156" fill="#32a300"/><rect id="neutral/375" x="160" y="208" fill="#8b8782"/><rect id="main/250" x="200" y="0" fill="#f90" class="base"/><rect id="info/250" x="200" y="52" fill="#97b2fb"/><rect id="alert/250" x="200" y="104" fill="#fe9283"/><rect id="success/250" x="200" y="156" fill="#59ec04" class="base"/><rect id="neutral/250" x="200" y="208" fill="#bab4ae"/><rect id="main/100" x="240" y="0" fill="#fbd7b5"/><rect id="info/100" x="240" y="52" fill="#d3defa"/><rect id="alert/100" x="240" y="104" fill="#fbd4cd"/><rect id="success/100" x="240" y="156" fill="#93fd73"/><rect id="neutral/100" x="240" y="208" fill="#e0dddb"/></g><g transform="translate(64, 330)"><rect id="main/900" x="0" y="0" fill="oklch(10% 0.02 64.55)"/><rect id="info/900" x="0" y="52" fill="oklch(10% 0.055 268.01)"/><rect id="alert/900" x="0" y="104" fill="oklch(10% 0.036 29.23)"/><rect id="success/900" x="0" y="156" fill="oklch(10% 0.029 138.96)"/><rect id="neutral/900" x="0" y="208" fill="oklch(10% 0.001 67.66)"/><rect id="main/750" x="40" y="0" fill="oklch(25% 0.056 64.55)"/><rect id="info/750" x="40" y="52" fill="oklch(25% 0.158 268.01)"/><rect id="alert/750" x="40" y="104" fill="oklch(25% 0.103 29.23)"/><rect id="success/750" x="40" y="156" fill="oklch(25% 0.083 138.96)"/><rect id="neutral/750" x="40" y="208" fill="oklch(18.3% 0.0026 67.66)" class="base base--invert"/><rect id="main/625" x="80" y="0" fill="oklch(37.5% 0.085 64.55)"/><rect id="info/625" x="80" y="52" fill="oklch(37.5% 0.237 268.01)"/><rect id="alert/625" x="80" y="104" fill="oklch(37.5% 0.154 29.23)"/><rect id="success/625" x="80" y="156" fill="oklch(37.5% 0.124 138.96)"/><rect id="neutral/625" x="80" y="208" fill="oklch(37.5% 0.006 67.66)"/><rect id="main/500" x="120" y="0" fill="oklch(50% 0.114 64.55)"/><rect id="info/500" x="120" y="52" fill="oklch(44.87% 0.2838 268.01)" class="base"/><rect id="alert/500" x="120" y="104" fill="oklch(47.4% 0.195 29.23)"/><rect id="success/500" x="120" y="156" fill="oklch(47.4% 0.157 138.96)"/><rect id="neutral/500" x="120" y="208" fill="oklch(47.4% 0.007 67.66)"/><rect id="main/375" x="160" y="0" fill="oklch(62.5% 0.142 64.55)"/><rect id="info/375" x="160" y="52" fill="oklch(62.5% 0.19 268.01)"/><rect id="alert/375" x="160" y="104" fill="oklch(62.8% 0.2577 29.23)" class="base"/><rect id="success/375" x="160" y="156" fill="oklch(62.5% 0.208 138.96)"/><rect id="neutral/375" x="160" y="208" fill="oklch(62.5% 0.009 67.66)"/><rect id="main/250" x="200" y="0" fill="oklch(77.2% 0.1738 64.55)" class="base"/><rect id="info/250" x="200" y="52" fill="oklch(77.2% 0.109 268.01)"/><rect id="alert/250" x="200" y="104" fill="oklch(77.2% 0.133 29.23)"/><rect id="success/250" x="200" y="156" fill="oklch(83% 0.2607 138.96)" class="base"/><rect id="neutral/250" x="200" y="208" fill="oklch(77.2% 0.011 67.66)"/><rect id="main/100" x="240" y="0" fill="oklch(90% 0.06 64.55)"/><rect id="info/100" x="240" y="52" fill="oklch(90% 0.04 268.01)"/><rect id="alert/100" x="240" y="104" fill="oklch(90% 0.045 29.23)"/><rect id="success/100" x="240" y="156" fill="oklch(90% 0.201 138.96)"/><rect id="neutral/100" x="240" y="208" fill="oklch(90% 0.004 67.66)"/></g></svg>
\ No newline at end of file
diff --git a/httpdocs/icon.png b/httpdocs/icon.png
index 827ec59b..8cfbcb6f 100644
Binary files a/httpdocs/icon.png and b/httpdocs/icon.png differ
diff --git a/httpdocs/images/marker.svg b/httpdocs/images/marker.svg
index da4c914c..469c94a9 100644
--- a/httpdocs/images/marker.svg
+++ b/httpdocs/images/marker.svg
@@ -1,4 +1 @@
-<svg width="100" height="100" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
-	<title>Marker Arrow</title>
-	<polygon fill="var(--contrastText, currentColor)" points="50,0 100,100 0,100" />
-</svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><title>Marker Arrow</title><polygon fill="var(--contrastText, currentColor)" points="50 0 100 100 0 100"/></svg>
\ No newline at end of file