From 3798b3382abe7997105ef5ec9d3687bf8c059fd5 Mon Sep 17 00:00:00 2001
From: Dominic <git@msrd0.de>
Date: Fri, 24 May 2024 12:29:10 +0200
Subject: [PATCH] start understanding the logo svg

---
 assets/logo-readable.svg | 23 ++++++++++++++++++++---
 1 file changed, 20 insertions(+), 3 deletions(-)

diff --git a/assets/logo-readable.svg b/assets/logo-readable.svg
index 2ca62c0..55e687d 100644
--- a/assets/logo-readable.svg
+++ b/assets/logo-readable.svg
@@ -1,4 +1,7 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="300" height="300" version="1.0">
+<svg
+    xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+    width="300" height="300"
+    version="1.0">
   <defs>
     <linearGradient id="a">
       <stop offset="0" style="stop-color:#fff;stop-opacity:1"/>
@@ -6,18 +9,32 @@
     </linearGradient>
     <linearGradient xlink:href="#a" id="b" x1="194.176" x2="250.039" y1="139.593" y2="139.593" gradientTransform="translate(317 -57)" gradientUnits="userSpaceOnUse"/>
   </defs>
-  <path d="M541 112.362a87 56 0 1 1-174 0 87 56 0 1 1 174 0" style="opacity:1;fill:#fff;fill-opacity:1;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0" transform="matrix(-.00198 -1.72414 2.67857 -.00307 -150.072 933.103)"/>
-  <path d="M320 270.934a38.571 44.286 0 1 1-77.143 0 38.571 44.286 0 1 1 77.143 0" style="opacity:1;fill:#000;fill-opacity:1;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0" transform="matrix(.97222 0 0 .84677 -174.254 -151.062)"/>
+
+  <!-- this creates the small circle inside the cutout. the first path seems to do nothing. -->
+  <g style="opacity: 1; fill-opacity: 1; stroke-width: 1; stroke-miterlimit: 4; stroke-dasharray: none; stroke-dashoffset: 0">
+    <path d="M541 112.362a87 56 0 1 1-174 0 87 56 0 1 1 174 0" style="fill: #fff" transform="matrix(-.00198 -1.72414 2.67857 -.00307 -150.072 933.103)"/>
+    <path d="M320 270.934a38.571 44.286 0 1 1-77.143 0 38.571 44.286 0 1 1 77.143 0" style="fill: #000" transform="matrix(.97222 0 0 .84677 -174.254 -151.062)"/>
+  </g>
+
+  <!-- this text is the "V" with linear gradient inside the small circle. -->
   <text xml:space="preserve" x="511" y="108.362" style="font-size:72px;font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;fill:url(#b);fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Arial Black" transform="translate(-439 .638)">
     <tspan x="511" y="108.362" style="fill:url(#b);fill-opacity:1">V</tspan>
   </text>
+
+  <!-- this is the big 270-degree-circle -->
   <path d="M541 112.362a87 56 0 1 1-87-56v56z" style="opacity:1;fill:#000;fill-opacity:1;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0" transform="matrix(-.00198 -1.72414 2.67857 -.00307 -150.072 933.103)"/>
+
+  <!-- this is the "ideo" text in the upper line -->
   <text xml:space="preserve" x="598" y="105.362" style="font-size:28px;font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;fill:#fff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Arial Black" transform="translate(-439 .638)">
     <tspan x="598" y="105.362" style="font-size:36px;font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:Arial Black">ideo</tspan>
   </text>
+
+  <!-- this is the "AG" text in the lower line -->
   <text xml:space="preserve" x="511" y="243.362" style="font-size:100px;font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;fill:#fff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Arial Black" transform="translate(-439 .638)">
     <tspan x="511" y="243.362" style="font-size:100px;font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;fill:#fff;fill-opacity:1;font-family:Arial Black">AG</tspan>
   </text>
+
+  <!-- this is the "V" to the left of the small circle -->
   <text xml:space="preserve" x="471" y="108.362" style="font-size:72px;font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;fill:#000;fill-opacity:.25098039;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Arial Black" transform="translate(-439 .638)">
     <tspan x="471" y="108.362">V</tspan>
   </text>