Add improved logos

Co-authored-by: Merlijn Vos <merlijn@soverin.net>

4 files changed, 53 insertions, 54 deletions

diff --git a/logo.svg b/logo.svg
deleted file mode 100644
index 8588b3f..0000000
--- a/logo.svg
+++ /dev/null
@@ -1,54 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="106" height="106" viewBox="0 0 106 106" xmlns:xlink="http://www.w3.org/1999/xlink">
-  <style>
-    .b {fill: #0d1117}
-    .l {fill: #fff}
-    .l-s {stroke: #fff}
-    @media (prefers-color-scheme: light) {
-      .b {fill: #fff}
-      .l {fill: #0d1117}
-      .l-s {stroke: #0d1117}
-    }
-  </style>
-  <rect class="b" x="0" y="0" width="106" height="106" />
-  <path transform="translate(20, 20)" class="l l-s" stroke-width="3" d="M19.97 54.55L19.97 36.14L19.97 17.77L20.28 17.77L30.16 43.95L33.84 43.95L43.72 17.77L44.03 17.77L44.03 36.14L44.03 54.55L48.03 54.55L48.03 9.45L42.97 9.45L32.19 38.45L31.84 38.45L21 9.45L15.97 9.45L15.97 54.55L19.97 54.55Z"/>
-<!-- https://github.com/rust-lang/rust-artwork/blob/master/logo/rust-logo-gear-only.svg?short_path=8945efb -->
-<g id="logo" transform="translate(53, 53)">
-  <g id="gear">
-    <circle r="43" fill="none" class="l-s" stroke-width="6" />
-    <g id="cogs">
-      <polygon id="cog" class="l l-s" stroke-width="3" stroke-linejoin="round" points="46,3 51,0 46,-3" />
-      <use xlink:href="#cog" transform="rotate(11.25)" />
-      <use xlink:href="#cog" transform="rotate(22.50)" />
-      <use xlink:href="#cog" transform="rotate(33.75)" />
-      <use xlink:href="#cog" transform="rotate(45.00)" />
-      <use xlink:href="#cog" transform="rotate(56.25)" />
-      <use xlink:href="#cog" transform="rotate(67.50)" />
-      <use xlink:href="#cog" transform="rotate(78.75)" />
-      <use xlink:href="#cog" transform="rotate(90.00)" />
-      <use xlink:href="#cog" transform="rotate(101.25)" />
-      <use xlink:href="#cog" transform="rotate(112.50)" />
-      <use xlink:href="#cog" transform="rotate(123.75)" />
-      <use xlink:href="#cog" transform="rotate(135.00)" />
-      <use xlink:href="#cog" transform="rotate(146.25)" />
-      <use xlink:href="#cog" transform="rotate(157.50)" />
-      <use xlink:href="#cog" transform="rotate(168.75)" />
-      <use xlink:href="#cog" transform="rotate(180.00)" />
-      <use xlink:href="#cog" transform="rotate(191.25)" />
-      <use xlink:href="#cog" transform="rotate(202.50)" />
-      <use xlink:href="#cog" transform="rotate(213.75)" />
-      <use xlink:href="#cog" transform="rotate(225.00)" />
-      <use xlink:href="#cog" transform="rotate(236.25)" />
-      <use xlink:href="#cog" transform="rotate(247.50)" />
-      <use xlink:href="#cog" transform="rotate(258.75)" />
-      <use xlink:href="#cog" transform="rotate(270.00)" />
-      <use xlink:href="#cog" transform="rotate(281.25)" />
-      <use xlink:href="#cog" transform="rotate(292.50)" />
-      <use xlink:href="#cog" transform="rotate(303.75)" />
-      <use xlink:href="#cog" transform="rotate(315.00)" />
-      <use xlink:href="#cog" transform="rotate(326.25)" />
-      <use xlink:href="#cog" transform="rotate(337.50)" />
-      <use xlink:href="#cog" transform="rotate(348.75)" />
-    </g>
-  </g>
-</g>
-</svg>
diff --git a/media/logo-black.svg b/media/logo-black.svg
new file mode 100644
index 0000000..8674292
--- /dev/null
+++ b/media/logo-black.svg
@@ -0,0 +1,5 @@
+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg">
+  <path fill="#000" d="M61.385 5.762c1.087-2.275 4.326-2.275 5.413 0l4.448 9.304a3 3 0 0 0 4.712.937l7.67-6.893c1.874-1.686 4.866-.447 5 2.071l.549 10.298a3 3 0 0 0 3.995 2.669l9.723-3.434c2.378-.84 4.668 1.45 3.828 3.828l-3.434 9.724a3 3 0 0 0 2.67 3.994l10.297.549c2.518.134 3.757 3.126 2.072 5.001l-6.894 7.67a3 3 0 0 0 .937 4.712l9.304 4.447c2.275 1.088 2.275 4.326 0 5.413l-9.304 4.448a3 3 0 0 0-.937 4.712l6.894 7.67c1.685 1.875.446 4.867-2.072 5l-10.297.55a3 3 0 0 0-2.67 3.994l3.434 9.724c.84 2.377-1.45 4.667-3.828 3.828l-9.723-3.434a3 3 0 0 0-3.995 2.669l-.549 10.298c-.134 2.518-3.126 3.757-5 2.071l-7.67-6.893a3 3 0 0 0-4.712.937l-4.448 9.304c-1.087 2.275-4.326 2.275-5.413 0l-4.448-9.304a3 3 0 0 0-4.712-.937l-7.67 6.893c-1.875 1.686-4.867.447-5-2.071l-.55-10.298a3 3 0 0 0-3.994-2.669l-9.724 3.434c-2.377.839-4.667-1.451-3.827-3.828l3.433-9.724a3 3 0 0 0-2.669-3.995l-10.297-.548c-2.518-.134-3.757-3.126-2.072-5.001l6.894-7.67a3 3 0 0 0-.938-4.712l-9.303-4.448c-2.275-1.087-2.275-4.325 0-5.413l9.303-4.447a3 3 0 0 0 .938-4.712l-6.894-7.67c-1.685-1.875-.446-4.867 2.072-5.001l10.297-.549a3 3 0 0 0 2.67-3.994l-3.434-9.724c-.84-2.378 1.45-4.668 3.827-3.828l9.724 3.434a3 3 0 0 0 3.995-2.67l.548-10.297c.134-2.518 3.126-3.757 5.002-2.071l7.67 6.893a3 3 0 0 0 4.711-.937l4.448-9.304Z"/>
+  <circle fill="#fff" cx="64.091" cy="63.346" r="40.503" />
+  <path fill="#000" d="M43.696 40.84c-2.177 1.77-4.084 3.32-4.24 3.445l-.28.219 1.897 1.842 1.897 1.832-.01 16.807v16.808l-2.571 3.07-2.57 3.07 3.918.031c2.156.01 5.69.01 7.868 0l3.95-.03-2.603-3.04-2.602-3.049.021-12.562.031-12.561 6.313 10.376c3.473 5.703 6.324 10.365 6.334 10.355.01-.02 2.84-4.642 6.272-10.282 3.431-5.64 6.282-10.293 6.334-10.355.052-.053.093 5.276.093 12.447v12.55l-1.472 1.76c-.808.968-1.97 2.352-2.591 3.08l-1.12 1.332h9.9c5.442 0 9.9-.02 9.9-.041 0-.032-1.14-1.416-2.54-3.08l-2.54-3.03V46.794l2.54-3.028c1.4-1.665 2.54-3.06 2.54-3.08 0-.032-4.458-.053-9.9-.053h-9.89l2.696 3.227c1.482 1.78 2.674 3.257 2.653 3.31-.02.04-2.322 3.85-5.11 8.481-3.815 6.317-5.09 8.367-5.173 8.263a6780.61 6780.61 0 0 1-7.982-13.217c-4.333-7.191-7.91-13.082-7.94-13.082-.032 0-1.846 1.447-4.023 3.227Z"/>
+</svg>
diff --git a/media/logo-brown.svg b/media/logo-brown.svg
new file mode 100644
index 0000000..41d8183
--- /dev/null
+++ b/media/logo-brown.svg
@@ -0,0 +1,5 @@
+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg">
+  <path fill="#773912" d="M61.385 5.762c1.087-2.275 4.326-2.275 5.413 0l4.448 9.304a3 3 0 0 0 4.712.937l7.67-6.893c1.874-1.686 4.866-.447 5 2.071l.549 10.298a3 3 0 0 0 3.995 2.669l9.723-3.434c2.378-.84 4.668 1.45 3.828 3.828l-3.434 9.724a3 3 0 0 0 2.67 3.994l10.297.549c2.518.134 3.757 3.126 2.072 5.001l-6.894 7.67a3 3 0 0 0 .937 4.712l9.304 4.447c2.275 1.088 2.275 4.326 0 5.413l-9.304 4.448a3 3 0 0 0-.937 4.712l6.894 7.67c1.685 1.875.446 4.867-2.072 5l-10.297.55a3 3 0 0 0-2.67 3.994l3.434 9.724c.84 2.377-1.45 4.667-3.828 3.828l-9.723-3.434a3 3 0 0 0-3.995 2.669l-.549 10.298c-.134 2.518-3.126 3.757-5 2.071l-7.67-6.893a3 3 0 0 0-4.712.937l-4.448 9.304c-1.087 2.275-4.326 2.275-5.413 0l-4.448-9.304a3 3 0 0 0-4.712-.937l-7.67 6.893c-1.875 1.686-4.867.447-5-2.071l-.55-10.298a3 3 0 0 0-3.994-2.669l-9.724 3.434c-2.377.839-4.667-1.451-3.827-3.828l3.433-9.724a3 3 0 0 0-2.669-3.995l-10.297-.548c-2.518-.134-3.757-3.126-2.072-5.001l6.894-7.67a3 3 0 0 0-.938-4.712l-9.303-4.448c-2.275-1.087-2.275-4.325 0-5.413l9.303-4.447a3 3 0 0 0 .938-4.712l-6.894-7.67c-1.685-1.875-.446-4.867 2.072-5.001l10.297-.549a3 3 0 0 0 2.67-3.994l-3.434-9.724c-.84-2.378 1.45-4.668 3.827-3.828l9.724 3.434a3 3 0 0 0 3.995-2.67l.548-10.297c.134-2.518 3.126-3.757 5.002-2.071l7.67 6.893a3 3 0 0 0 4.711-.937l4.448-9.304Z"/>
+  <circle fill="#fff" cx="64.091" cy="63.346" r="40.503" />
+  <path fill="#773912" d="M43.696 40.84c-2.177 1.77-4.084 3.32-4.24 3.445l-.28.219 1.897 1.842 1.897 1.832-.01 16.807v16.808l-2.571 3.07-2.57 3.07 3.918.031c2.156.01 5.69.01 7.868 0l3.95-.03-2.603-3.04-2.602-3.049.021-12.562.031-12.561 6.313 10.376c3.473 5.703 6.324 10.365 6.334 10.355.01-.02 2.84-4.642 6.272-10.282 3.431-5.64 6.282-10.293 6.334-10.355.052-.053.093 5.276.093 12.447v12.55l-1.472 1.76c-.808.968-1.97 2.352-2.591 3.08l-1.12 1.332h9.9c5.442 0 9.9-.02 9.9-.041 0-.032-1.14-1.416-2.54-3.08l-2.54-3.03V46.794l2.54-3.028c1.4-1.665 2.54-3.06 2.54-3.08 0-.032-4.458-.053-9.9-.053h-9.89l2.696 3.227c1.482 1.78 2.674 3.257 2.653 3.31-.02.04-2.322 3.85-5.11 8.481-3.815 6.317-5.09 8.367-5.173 8.263a6780.61 6780.61 0 0 1-7.982-13.217c-4.333-7.191-7.91-13.082-7.94-13.082-.032 0-1.846 1.447-4.023 3.227Z"/>
+</svg>
diff --git a/media/logo-filled.svg b/media/logo-filled.svg
new file mode 100644
index 0000000..7117307
--- /dev/null
+++ b/media/logo-filled.svg
@@ -0,0 +1,43 @@
+<svg width="127" height="127" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <!-- Wheel: -->
+  <path fill="#773912" filter="url(#a)" d="M60.834 5.762c1.088-2.275 4.326-2.275 5.414 0l4.447 9.304a3 3 0 0 0 4.713.937l7.669-6.893c1.875-1.686 4.867-.447 5.001 2.071l.549 10.298a3 3 0 0 0 3.995 2.669l9.723-3.434c2.378-.84 4.668 1.45 3.828 3.828l-3.434 9.724a3 3 0 0 0 2.669 3.994l10.298.549c2.518.134 3.757 3.126 2.072 5.001l-6.894 7.67a3 3 0 0 0 .937 4.712l9.304 4.447c2.275 1.088 2.275 4.326 0 5.414l-9.304 4.447a3 3 0 0 0-.937 4.712l6.894 7.67c1.685 1.875.446 4.867-2.072 5l-10.298.55a3 3 0 0 0-2.669 3.994l3.434 9.724c.84 2.378-1.45 4.667-3.828 3.828l-9.724-3.434a3 3 0 0 0-3.994 2.669l-.549 10.298c-.134 2.518-3.126 3.757-5.001 2.071l-7.67-6.893a3 3 0 0 0-4.712.937l-4.447 9.304c-1.088 2.275-4.326 2.275-5.414 0l-4.447-9.304a3 3 0 0 0-4.712-.937l-7.67 6.893c-1.875 1.686-4.867.447-5-2.071l-.55-10.298a3 3 0 0 0-3.994-2.669l-9.724 3.434c-2.377.839-4.667-1.45-3.828-3.828l3.434-9.724a3 3 0 0 0-2.669-3.994l-10.298-.55c-2.517-.133-3.757-3.125-2.071-5l6.893-7.67a3 3 0 0 0-.937-4.712l-9.304-4.447c-2.275-1.088-2.275-4.326 0-5.414l9.304-4.447a3 3 0 0 0 .937-4.712l-6.893-7.67c-1.686-1.875-.446-4.867 2.071-5.001l10.298-.549a3 3 0 0 0 2.67-3.994l-3.435-9.724c-.84-2.378 1.45-4.668 3.828-3.828l9.724 3.434a3 3 0 0 0 3.995-2.67l.548-10.297c.134-2.518 3.126-3.757 5.001-2.071l7.67 6.893a3 3 0 0 0 4.712-.937l4.447-9.304Z"/>
+  <!-- `m`: -->
+  <path fill="#42200B" filter="url(#b)" d="m43.146 40.84-4.24 3.445-.28.219 1.897 1.842 1.897 1.832-.01 16.807v16.808l-2.571 3.07-2.571 3.07 3.918.031c2.157.01 5.691.01 7.868 0l3.95-.03-2.602-3.04-2.602-3.049.02-12.562.032-12.561 6.313 10.376C57.638 72.8 60.49 77.463 60.5 77.453c.01-.02 2.84-4.642 6.272-10.282 3.431-5.641 6.282-10.293 6.334-10.356.051-.051.093 5.277.093 12.448v12.55l-1.472 1.76a478.01 478.01 0 0 1-2.592 3.08l-1.12 1.332h9.9c5.443 0 9.9-.02 9.9-.041 0-.032-1.14-1.416-2.54-3.08l-2.539-3.03V46.794l2.54-3.028c1.4-1.665 2.54-3.06 2.54-3.08 0-.032-4.458-.053-9.9-.053h-9.89l2.695 3.227c1.483 1.78 2.675 3.257 2.654 3.309-.02.042-2.322 3.85-5.11 8.482-3.815 6.317-5.09 8.367-5.173 8.263-.052-.083-3.65-6.025-7.983-13.217-4.333-7.191-7.91-13.082-7.94-13.082-.031 0-1.846 1.447-4.022 3.226Z"/>
+  <!-- Circle line: -->
+  <circle fill="transparent" stroke="#642700" stroke-width="3" filter="url(#c)" cx="63.541" cy="64.2" r="40.403"/>
+  <defs>
+    <!-- Shadow on wheel: -->
+    <filter id="a" x="0" y="0" width="127" height="127" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+      <feFlood flood-opacity="0" result="e"/>
+      <feBlend in="SourceGraphic" in2="e" result="f"/>
+      <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="g"/>
+      <feOffset dy="4"/>
+      <feGaussianBlur stdDeviation="2.5"/>
+      <feComposite in2="g" operator="arithmetic" k2="-1" k3="1"/>
+      <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+      <feBlend in2="f" result="d"/>
+    </filter>
+    <!-- Shadow on `M`: -->
+    <filter id="b" x="0" y="0" width="127" height="127" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+      <feFlood flood-opacity="0" result="e"/>
+      <feBlend in="SourceGraphic" in2="e" result="f"/>
+      <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="g"/>
+      <feOffset dy="4"/>
+      <feGaussianBlur stdDeviation="1.75"/>
+      <feComposite in2="g" operator="arithmetic" k2="-1" k3="1"/>
+      <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+      <feBlend in2="f" result="d"/>
+    </filter>
+    <!-- Shadow on circle line: -->
+    <filter id="c" x="0" y="0" width="127" height="127" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+      <feFlood flood-opacity="0" result="e"/>
+      <feBlend in="SourceGraphic" in2="e" result="f"/>
+      <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="g"/>
+      <feOffset dy="4"/>
+      <feGaussianBlur stdDeviation="1"/>
+      <feComposite in2="g" operator="arithmetic" k2="-1" k3="1"/>
+      <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+      <feBlend in2="f" result="d"/>
+    </filter>
+  </defs>
+</svg>