From b70c23659893be6396d8b49d2bf15f8ab20e6986 Mon Sep 17 00:00:00 2001
From: Alexander Bocken <alexander@bocken.org>
Date: Wed, 4 Oct 2023 22:53:03 +0200
Subject: [PATCH] finally fix symbol on mobile

---
 src/lib/components/Header.svelte |   3 +-
 src/lib/components/Symbol.svelte | 249 +++++++------------------------
 2 files changed, 53 insertions(+), 199 deletions(-)

diff --git a/src/lib/components/Header.svelte b/src/lib/components/Header.svelte
index 10b14b5..7625c20 100644
--- a/src/lib/components/Header.svelte
+++ b/src/lib/components/Header.svelte
@@ -87,6 +87,7 @@ nav[hidden]{
 }
 .button_wrapper{
 	display: none;
+	padding-inline: 0.5rem;
 }
 :global(svg.symbol){
 	height: 3.5rem;
@@ -117,7 +118,7 @@ nav[hidden]{
 		display: block;
 		fill: white;
 		margin-inline: 1rem;
-		width: 3rem;
+		width: 2.5rem;
 		aspect-ratio: 1;
 	}
 	.nav_button svg{
diff --git a/src/lib/components/Symbol.svelte b/src/lib/components/Symbol.svelte
index 93c88e2..7867611 100644
--- a/src/lib/components/Symbol.svelte
+++ b/src/lib/components/Symbol.svelte
@@ -1,6 +1,3 @@
-<script>
-	import "$lib/css/nordtheme.css"
-</script>
 <style>
 	:root{
 		--icon_fill: var(--nord4);
@@ -13,8 +10,12 @@
 	{
 		--icon_fill: var(--red);
 	}
-	svg g.leaf path{
+	svg g.leaf path,
+	.fill
+	{
 		fill: var(--icon_fill);
+		fill-opacity: 1;
+		fill-rule: nonzero;
 		stroke: none;
 	}
 	svg g.stroke path{
@@ -23,205 +24,57 @@
 		stroke-width: 3;
 	}
 </style>
+
 <svg
-   width="calc(45.742325px / 1.5)"
-   height="calc(80.310539px /1.5)"
+   width="calc(45.742325px/ 1.3)"
+   height="calc(80.310539px / 1.3)"
    viewBox="0 0 45.742326 80.310541"
    version="1.1"
-   id="svg1904"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:svg="http://www.w3.org/2000/svg">
-  <defs
-     id="defs1901">
-    <clipPath
-       clipPathUnits="userSpaceOnUse"
-       id="clipPath1167">
-      <g
-         transform="translate(-839.26546,-1493.2693)">
-        <path
-           d="M -77.063638,2283.1277 H 1922.9364 V 283.12772 H -77.063638 Z"
-           id="path1169" />
-      </g>
-    </clipPath>
-    <clipPath
-       clipPathUnits="userSpaceOnUse"
-       id="clipPath1161">
-      <g
-         id="g1165"
-         transform="translate(-870.22246,-1471.759)">
-        <path
-           d="M -77.063638,2283.1277 H 1922.9364 V 283.12772 H -77.063638 Z"
-           id="path1163" />
-      </g>
-    </clipPath>
-    <clipPath
-       clipPathUnits="userSpaceOnUse"
-       id="clipPath1155">
-      <g
-         transform="translate(-879.11756,-1418.6585)">
-        <path
-           d="M -77.063638,2283.1277 H 1922.9364 V 283.12772 H -77.063638 Z"
-           id="path1157" />
-      </g>
-    </clipPath>
-    <clipPath
-       clipPathUnits="userSpaceOnUse"
-       id="clipPath1125">
-      <g
-         id="g1129"
-         transform="translate(-985.61606,-1491.5374)">
-        <path
-           d="M -77.063638,2283.1277 H 1922.9364 V 283.12772 H -77.063638 Z"
-           id="path1127" />
-      </g>
-    </clipPath>
-    <clipPath
-       clipPathUnits="userSpaceOnUse"
-       id="clipPath1119">
-      <g
-         id="g1123"
-         transform="translate(-984.96026,-1455.9641)">
-        <path
-           d="M -77.063638,2283.1277 H 1922.9364 V 283.12772 H -77.063638 Z"
-           id="path1121" />
-      </g>
-    </clipPath>
-    <clipPath
-       clipPathUnits="userSpaceOnUse"
-       id="clipPath1113">
-      <g
-         id="g1117"
-         transform="translate(-945.76396,-1416.9275)">
-        <path
-           d="M -77.063638,2283.1277 H 1922.9364 V 283.12772 H -77.063638 Z"
-           id="path1115" />
-      </g>
-    </clipPath>
-    <clipPath
-       clipPathUnits="userSpaceOnUse"
-       id="clipPath1107">
-      <g
-         id="g1111"
-         transform="translate(-898.03256,-1543.4085)">
-        <path
-           d="M -77.063638,2283.1277 H 1922.9364 V 283.12772 H -77.063638 Z"
-           id="path1109" />
-      </g>
-    </clipPath>
-    <clipPath
-       clipPathUnits="userSpaceOnUse"
-       id="clipPath1101">
-      <g
-         id="g1105"
-         transform="translate(-916.79086,-1510.9075)">
-        <path
-           d="M -77.063638,2283.1277 H 1922.9364 V 283.12772 H -77.063638 Z"
-           id="path1103" />
-      </g>
-    </clipPath>
-    <clipPath
-       clipPathUnits="userSpaceOnUse"
-       id="clipPath1083">
-      <g
-         id="g1087"
-         transform="translate(-941.26306,-1493.7234)">
-        <path
-           d="M -77.063638,2283.1277 H 1922.9364 V 283.12772 H -77.063638 Z"
-           id="path1085" />
-      </g>
-    </clipPath>
-    <clipPath
-       clipPathUnits="userSpaceOnUse"
-       id="clipPath1077">
-      <g
-         id="g1081"
-         transform="translate(-922.93976,-1266.5686)">
-        <path
-           d="M -77.063638,2283.1277 H 1922.9364 V 283.12772 H -77.063638 Z"
-           id="path1079" />
-      </g>
-    </clipPath>
-  </defs>
-  <g
-     transform="translate(-42.048337,-40.17299)">
-    <g class=leaf
-       transform="matrix(0.35277777,0,0,-0.35277777,46.164901,53.716861)"
-       clip-path="url(#clipPath1167)">
-      <path
-         d="M 0,0 C 6.633,-3.91 14.348,-4.302 20.992,-1.732 20.009,5.333 15.93,11.893 9.31,15.795 2.69,19.697 -5.025,20.088 -11.669,17.519 -10.7,10.462 -6.62,3.901 0,0"
-         />
-    </g>
-    <g class=leaf
-       transform="matrix(0.35277777,0,0,-0.35277777,52.387771,59.451323)"
-       clip-path="url(#clipPath1161)">
-      <path
-         d="m 0,0 c -6.62,3.901 -14.335,4.293 -20.979,1.724 0.97,-7.058 5.049,-13.618 11.669,-17.519 6.633,-3.91 14.348,-4.301 20.992,-1.732 C 10.699,-10.462 6.62,-3.902 0,0"
-         />
-    </g>
-    <g class=leaf
-       transform="matrix(0.35277777,0,0,-0.35277777,52.951791,76.745247)"
-       clip-path="url(#clipPath1155)">
-      <path
-         d="M 0,0 C 6.633,-3.909 14.348,-4.301 20.992,-1.731 20.009,5.333 15.93,11.894 9.31,15.795 2.69,19.697 -5.026,20.088 -11.669,17.52 -10.7,10.461 -6.62,3.902 0,0"
-        />
-    </g>
-    <g class=leaf
-       transform="matrix(0.35277777,0,0,-0.35277777,74.919665,64.292738)"
-       clip-path="url(#clipPath1125)">
-      <path
-         d="M 0,0 C 6.644,-2.57 14.358,-2.178 20.992,1.732 27.612,5.633 31.691,12.194 32.661,19.25 26.017,21.82 18.302,21.429 11.682,17.527 5.062,13.625 0.982,7.065 0,0"
+  <g class=stroke
+     id="branches"
+     transform="translate(-42.033271,-37.145192)" >
+    <path
+       d="m 65.113709,84.638921 c -0.346049,-9.794303 8.85917,-32.693347 8.85917,-32.693347"
+       />
+    <path
+       d="m 65.108044,84.684262 c 0.346049,-9.794303 -8.85917,-32.693347 -8.85917,-32.693347"
        />
-    </g>
-    <g class=leaf
-       transform="matrix(0.35277777,0,0,-0.35277777,77.789933,76.043161)"
-       clip-path="url(#clipPath1119)">
-      <path
-         d="M 0,0 C 6.62,3.901 10.699,10.461 11.669,17.519 5.025,20.088 -2.689,19.696 -9.31,15.795 -15.93,11.893 -20.009,5.333 -20.992,-1.732 -14.348,-4.301 -6.633,-3.91 0,0"
-        />
-    </g>
-    <g class=leaf
-       transform="matrix(0.35277777,0,0,-0.35277777,85.169468,57.647735)"
-       clip-path="url(#clipPath1113)">
-      <path
-         d="m -27.40181,13.441787 c 6.644,-2.57 14.359,-2.178 20.9920004,1.731 6.62000002,3.902 10.699,10.461 11.669,17.519 -6.644,2.569 -14.359,2.178 -20.9790004,-1.724 -6.62,-3.901 -10.7,-10.462 -11.682,-17.526"
-         />
-    </g>
-    <g class=leaf
-       transform="matrix(0.35277777,0,0,-0.35277777,62.13109,47.300865)"
-       clip-path="url(#clipPath1107)">
-      <path
-         d="m 0,0 c 1.271,7.579 -1.125,14.922 -5.904,20.205 -6.242,-3.433 -10.906,-9.591 -12.178,-17.169 -1.275,-7.594 1.123,-14.937 5.902,-20.22 C -5.936,-13.736 -1.273,-7.578 0,0"
-         />
-    </g>
-    <g class=leaf
-       transform="matrix(0.35277777,0,0,-0.35277777,69.011684,60.929868)"
-       clip-path="url(#clipPath1101)">
-      <path
-         d="m 0,0 c 1.271,7.579 -1.125,14.922 -5.904,20.206 -6.242,-3.434 -10.906,-9.592 -12.178,-17.17 -1.275,-7.593 1.123,-14.937 5.902,-20.22 C -5.937,-13.736 -1.273,-7.578 0,0"
-         />
-    </g>
-    <g class=leaf
-       transform="matrix(0.35277777,0,0,-0.35277777,71.118187,54.224398)"
-       clip-path="url(#clipPath1083)">
-      <path
-         d="M 0,0 C 4.779,5.283 7.176,12.627 5.901,20.22 4.629,27.798 -0.035,33.956 -6.277,37.39 -11.055,32.106 -13.453,24.763 -12.18,17.184 -10.908,9.606 -6.244,3.448 0,0"
-         />
-    </g>
-    <g class=leaf
-       transform="matrix(0.35277777,0,0,-0.35277777,65.35717,103.35229)"
-       clip-path="url(#clipPath1077)">
-      <path
-         d="M 0,0 -9.323,10.862 -3.185,17.76 0,21.339 3.173,17.774 9.324,10.862 Z M 41.228,66.513 C 41.168,66.275 38.492,57.729 32.099,49.53 28.9,45.41 24.801,41.388 19.697,38.388 15.112,35.701 9.727,33.802 3.198,33.324 L 0,36.917 -3.195,33.326 c -6.641,0.491 -12.102,2.451 -16.739,5.216 -7.724,4.607 -13.143,11.62 -16.561,17.559 -1.71,2.961 -2.918,5.631 -3.685,7.529 -0.383,0.949 -0.657,1.703 -0.83,2.204 -0.087,0.251 -0.148,0.438 -0.185,0.554 l -0.037,0.12 -0.006,0.017 -1.095,3.699 H -63.598 V 59.868 h 13.769 c 1.509,-3.763 4.398,-9.908 9.196,-16.216 3.801,-4.982 8.828,-10.072 15.38,-13.996 4.034,-2.422 8.662,-4.371 13.847,-5.556 l -3.872,-4.351 -7.799,-8.764 11.537,-13.441 c -5.22,-1.21 -9.868,-3.199 -13.916,-5.657 -9.751,-5.918 -16.085,-14.346 -20.051,-21.22 -2.011,-3.498 -3.414,-6.613 -4.323,-8.872 h -13.768 v -10.356 h 21.265 l 1.097,3.704 c 0.051,0.212 2.714,8.708 9.07,16.892 3.177,4.106 7.248,8.124 12.313,11.137 4.521,2.682 9.822,4.602 16.234,5.143 L 0,-15.9 l 3.619,4.215 c 6.533,-0.549 11.913,-2.527 16.488,-5.287 7.663,-4.624 13.036,-11.615 16.424,-17.525 1.694,-2.946 2.891,-5.601 3.652,-7.486 0.38,-0.943 0.651,-1.693 0.822,-2.19 0.085,-0.249 0.146,-0.435 0.183,-0.55 l 0.037,-0.119 0.004,-0.016 1.094,-3.703 h 21.268 v 10.356 H 49.825 c -1.499,3.743 -4.361,9.841 -9.105,16.111 -3.768,4.964 -8.752,10.044 -15.248,13.981 -4.052,2.46 -8.703,4.452 -13.928,5.661 l 11.534,13.437 -7.8,8.765 -3.867,4.345 c 5.185,1.183 9.812,3.13 13.845,5.55 9.835,5.899 16.218,14.364 20.21,21.275 2.032,3.529 3.447,6.672 4.36,8.948 H 63.591 V 70.224 H 42.323 Z"
-         />
-    </g>
-    <g class=stroke
-       transform="translate(0.01506552,3.0277979)">
-      <path
-         d="m 65.113709,84.638921 c -0.346049,-9.794303 8.85917,-32.693347 8.85917,-32.693347"
-         id="path9" />
-      <path
-         d="m 65.108044,84.684262 c 0.346049,-9.794303 -8.85917,-32.693347 -8.85917,-32.693347"
-         id="path9-7" />
-    </g>
   </g>
+  <g class=leaf
+     id="g1">
+    <path
+       d="M 0,0 C 6.633,-3.91 14.348,-4.302 20.992,-1.732 20.009,5.333 15.93,11.893 9.31,15.795 2.69,19.697 -5.025,20.088 -11.669,17.519 -10.7,10.462 -6.62,3.901 0,0"
+       transform="matrix(0.35277777,0,0,-0.35277777,4.116564,13.543871)" />
+    <path
+       d="m 0,0 c -6.62,3.901 -14.335,4.293 -20.979,1.724 0.97,-7.058 5.049,-13.618 11.669,-17.519 6.633,-3.91 14.348,-4.301 20.992,-1.732 C 10.699,-10.462 6.62,-3.902 0,0"
+       transform="matrix(0.35277777,0,0,-0.35277777,10.339434,19.278333)" />
+    <path
+       d="M 0,0 C 6.633,-3.909 14.348,-4.301 20.992,-1.731 20.009,5.333 15.93,11.894 9.31,15.795 2.69,19.697 -5.026,20.088 -11.669,17.52 -10.7,10.461 -6.62,3.902 0,0"
+       transform="matrix(0.35277777,0,0,-0.35277777,10.903454,36.572256)" />
+    <path
+       d="M 0,0 C 6.644,-2.57 14.358,-2.178 20.992,1.732 27.612,5.633 31.691,12.194 32.661,19.25 26.017,21.82 18.302,21.429 11.682,17.527 5.062,13.625 0.982,7.065 0,0"
+       transform="matrix(0.35277777,0,0,-0.35277777,32.871328,24.119748)" />
+    <path
+       d="M 0,0 C 6.62,3.901 10.699,10.461 11.669,17.519 5.025,20.088 -2.689,19.696 -9.31,15.795 -15.93,11.893 -20.009,5.333 -20.992,-1.732 -14.348,-4.301 -6.633,-3.91 0,0"
+       transform="matrix(0.35277777,0,0,-0.35277777,35.741597,35.870171)" />
+    <path
+       d="m -27.40181,13.441787 c 6.644,-2.57 14.359,-2.178 20.9920004,1.731 6.62000002,3.902 10.699,10.461 11.669,17.519 -6.644,2.569 -14.359,2.178 -20.9790004,-1.724 -6.62,-3.901 -10.7,-10.462 -11.682,-17.526"
+       transform="matrix(0.35277777,0,0,-0.35277777,43.12113,17.474745)" />
+    <path
+       d="m 0,0 c 1.271,7.579 -1.125,14.922 -5.904,20.205 -6.242,-3.433 -10.906,-9.591 -12.178,-17.169 -1.275,-7.594 1.123,-14.937 5.902,-20.22 C -5.936,-13.736 -1.273,-7.578 0,0"
+       transform="matrix(0.35277777,0,0,-0.35277777,20.082753,7.127875)" />
+    <path
+       d="m 0,0 c 1.271,7.579 -1.125,14.922 -5.904,20.206 -6.242,-3.434 -10.906,-9.592 -12.178,-17.17 -1.275,-7.593 1.123,-14.937 5.902,-20.22 C -5.937,-13.736 -1.273,-7.578 0,0"
+       transform="matrix(0.35277777,0,0,-0.35277777,26.963346,20.756878)" />
+    <path
+       d="M 0,0 C 4.779,5.283 7.176,12.627 5.901,20.22 4.629,27.798 -0.035,33.956 -6.277,37.39 -11.055,32.106 -13.453,24.763 -12.18,17.184 -10.908,9.606 -6.244,3.448 0,0"
+       transform="matrix(0.35277777,0,0,-0.35277777,29.06985,14.051408)" />
+    </g>
+    <path class=fill
+       d="M 0,0 -9.323,10.862 -3.185,17.76 0,21.339 3.173,17.774 9.324,10.862 Z M 41.228,66.513 C 41.168,66.275 38.492,57.729 32.099,49.53 28.9,45.41 24.801,41.388 19.697,38.388 15.112,35.701 9.727,33.802 3.198,33.324 L 0,36.917 -3.195,33.326 c -6.641,0.491 -12.102,2.451 -16.739,5.216 -7.724,4.607 -13.143,11.62 -16.561,17.559 -1.71,2.961 -2.918,5.631 -3.685,7.529 -0.383,0.949 -0.657,1.703 -0.83,2.204 -0.087,0.251 -0.148,0.438 -0.185,0.554 l -0.037,0.12 -0.006,0.017 -1.095,3.699 H -63.598 V 59.868 h 13.769 c 1.509,-3.763 4.398,-9.908 9.196,-16.216 3.801,-4.982 8.828,-10.072 15.38,-13.996 4.034,-2.422 8.662,-4.371 13.847,-5.556 l -3.872,-4.351 -7.799,-8.764 11.537,-13.441 c -5.22,-1.21 -9.868,-3.199 -13.916,-5.657 -9.751,-5.918 -16.085,-14.346 -20.051,-21.22 -2.011,-3.498 -3.414,-6.613 -4.323,-8.872 h -13.768 v -10.356 h 21.265 l 1.097,3.704 c 0.051,0.212 2.714,8.708 9.07,16.892 3.177,4.106 7.248,8.124 12.313,11.137 4.521,2.682 9.822,4.602 16.234,5.143 L 0,-15.9 l 3.619,4.215 c 6.533,-0.549 11.913,-2.527 16.488,-5.287 7.663,-4.624 13.036,-11.615 16.424,-17.525 1.694,-2.946 2.891,-5.601 3.652,-7.486 0.38,-0.943 0.651,-1.693 0.822,-2.19 0.085,-0.249 0.146,-0.435 0.183,-0.55 l 0.037,-0.119 0.004,-0.016 1.094,-3.703 h 21.268 v 10.356 H 49.825 c -1.499,3.743 -4.361,9.841 -9.105,16.111 -3.768,4.964 -8.752,10.044 -15.248,13.981 -4.052,2.46 -8.703,4.452 -13.928,5.661 l 11.534,13.437 -7.8,8.765 -3.867,4.345 c 5.185,1.183 9.812,3.13 13.845,5.55 9.835,5.899 16.218,14.364 20.21,21.275 2.032,3.529 3.447,6.672 4.36,8.948 H 63.591 V 70.224 H 42.323 Z"
+       transform="matrix(0.35277777,0,0,-0.35277777,23.308833,63.179301)" />
 </svg>