rework with inkscape

2023-07-16 12:57:17 +02:00 · 2023-07-16 12:57:17 +02:00 · 6df451fa5e
commit 6df451fa5e
parent a78323d7c4
1 changed files with 315 additions and 93 deletions
--- a/avatar.svg
+++ b/avatar.svg
@ -1,95 +1,317 @@
-<?xml version="1.0" encoding="utf-8"?>
-<svg viewBox="0 0 500 500" xmlns="http://www.w3.org/2000/svg" xmlns:bx="https://boxy-svg.com">
-    <g transform="matrix(1, 0, 0, 1, -0.000001, 0)">
-        <title>Hintergrund</title>
-        <rect style="fill: rgb(255, 176, 92);" x="0" y="0" width="500" height="500" rx="100" ry="100">
-            <title>Hintergrund</title>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   viewBox="0 0 500 500"
+   version="1.1"
+   id="svg126"
+   sodipodi:docname="avatar.svg"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   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"
+   xmlns:bx="https://boxy-svg.com">
+  <defs
+     id="defs130" />
+  <sodipodi:namedview
+     id="namedview128"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#505050"
+     showgrid="false"
+     inkscape:zoom="1.516"
+     inkscape:cx="68.931398"
+     inkscape:cy="34.960422"
+     inkscape:window-width="3840"
+     inkscape:window-height="2079"
+     inkscape:window-x="0"
+     inkscape:window-y="44"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg126">
+    <inkscape:grid
+       type="xygrid"
+       id="grid236" />
+  </sodipodi:namedview>
+  <g
+     id="g12"
+     style="display:inline"
+     inkscape:label="Hintergrund"
+     sodipodi:insensitive="true">
+    <title
+       id="title2">Hintergrund</title>
+    <rect
+       style="fill:#ffb05c"
+       x="0"
+       y="0"
+       width="500"
+       height="500"
+       rx="100"
+       ry="100"
+       id="rect6"
+       inkscape:label="Hintergrund">
+      <title
+         id="title4">Hintergrund</title>
    </rect>
-        <path style="fill: none; stroke: rgb(255, 201, 143); stroke-width: 10px; stroke-linecap: round; transform-box: fill-box; transform-origin: 50% 50%;" d="M 420 30 C 445 40 460 55 470 80">
-            <title>Glanz</title>
+    <path
+       style="fill:none;stroke:#ffc98f;stroke-width:10px;stroke-linecap:round"
+       d="m 420,30 c 25,10 40,25 50,50"
+       id="path10"
+       inkscape:label="Glanz">
+      <title
+         id="title8">Glanz</title>
    </path>
  </g>
-    <g transform="matrix(1, 0, 0, 1, -0.000001, 0)">
-        <title>Ohren</title>
-        <path style="stroke-width: 10px; paint-order: stroke; fill: rgb(255, 211, 153); transform-origin: 440px 440px;" transform="matrix(0.000001, 1, -1, 0.000001, -125.002189, -399.999449)" d="M 659.998 629.998 H 659.998 A 30 30 0 0 1 689.998 659.998 V 659.998 A 30 30 0 0 1 659.998 689.998 H 634.998 A 5 5 0 0 1 629.998 684.998 V 659.998 A 30 30 0 0 1 659.998 629.998 Z" bx:shape="rect 629.998 629.998 60 60 30 30 30 5 1@a4cff0fa"/>
-        <path style="stroke-width: 10px; paint-order: stroke; fill: rgb(255, 211, 153); transform-origin: 440px 440px;" transform="matrix(0.000001, 1, -1, 0.000001, 184.997756, -394.969359)" d="M 634.998 629.998 H 659.998 A 30 30 0 0 1 689.998 659.998 V 659.998 A 30 30 0 0 1 659.998 689.998 H 659.998 A 30 30 0 0 1 629.998 659.998 V 634.998 A 5 5 0 0 1 634.998 629.998 Z" bx:shape="rect 629.998 629.998 60 60 5 30 30 30 1@a32b62ea"/>
+  <g
+     transform="translate(880.00005,0.00171)"
+     id="g20"
+     inkscape:label="Ohren">
+    <title
+       id="title14">Ohren</title>
+    <path
+       style="fill:#ffd399;stroke-width:10px;paint-order:stroke"
+       transform="rotate(90,137.49883,-262.50088)"
+       d="m 659.998,629.998 v 0 a 30,30 0 0 1 30,30 v 0 a 30,30 0 0 1 -30,30 h -25 a 5,5 0 0 1 -5,-5 v -25 a 30,30 0 0 1 30,-30 z"
+       bx:shape="rect 629.998 629.998 60 60 30 30 30 5 1@a4cff0fa"
+       id="path16"
+       inkscape:label="Ohr links" />
+    <path
+       style="fill:#ffd399;stroke-width:10px;paint-order:stroke"
+       transform="rotate(90,289.98375,-104.98571)"
+       d="m 634.998,629.998 h 25 a 30,30 0 0 1 30,30 v 0 a 30,30 0 0 1 -30,30 v 0 a 30,30 0 0 1 -30,-30 v -25 a 5,5 0 0 1 5,-5 z"
+       bx:shape="rect 629.998 629.998 60 60 5 30 30 30 1@a32b62ea"
+       id="path18"
+       inkscape:label="Ohr rechts" />
  </g>
-    <path style="fill: rgb(192, 95, 225);" d="M 100 250 H 400 V 370 A 20 20 0 0 1 380 390 H 120 A 20 20 0 0 1 100 370 V 250 Z" bx:shape="rect 100 250 300 140 0 0 20 20 1@625c22fa">
-        <title>Haare hinten</title>
+  <path
+     style="display:inline;fill:#c05fe1"
+     d="m 100,250 h 300 v 120 a 20,20 0 0 1 -20,20 H 120 a 20,20 0 0 1 -20,-20 z"
+     bx:shape="rect 100 250 300 140 0 0 20 20 1@625c22fa"
+     id="path24"
+     inkscape:label="Haare hinten">
+    <title
+       id="title22">Haare hinten</title>
  </path>
-    <g transform="matrix(1, 0, 0, 1, -0.000001, 0)">
-        <title>Schädel</title>
-        <ellipse style="stroke-width: 20px; fill-rule: nonzero; paint-order: stroke; fill: rgb(255, 222, 179); transform-box: fill-box; transform-origin: 50% 50%;" cx="248.39" cy="245.77" rx="150" ry="150" transform="matrix(0, -1, 1, 0, 1.610015, 4.229963)">
-            <title>Schädel</title>
+  <g
+     transform="translate(6.3842119,509.20345)"
+     id="g36"
+     inkscape:label="Schädel"
+     sodipodi:insensitive="true">
+    <title
+       id="title26">Schädel</title>
+    <circle
+       style="fill:#ffdeb3;fill-rule:nonzero;stroke-width:20px;paint-order:stroke"
+       cx="259.20346"
+       cy="243.61578"
+       transform="rotate(-90)"
+       id="ellipse30"
+       r="150"
+       inkscape:label="Schädel">
+      <title
+         id="title28">Schädel</title>
+    </circle>
+    <path
+       d="m 243.61579,-301.85475 c 0,0 150,-45.267 150,37.576 0,82.843 -67.157,150 -150,150 -82.843,0 -150.000002,-67.157 -150.000002,-150 0,-82.843 150.000002,-37.576 150.000002,-37.576 z"
+       style="display:none;visibility:hidden;fill:#2d2d2d;stroke:#2d2d2d;stroke-width:20px;stroke-linejoin:round;stroke-miterlimit:11.93;stroke-dashoffset:-50px;paint-order:fill"
+       id="path34"
+       inkscape:label="Schädel alt"
+       sodipodi:insensitive="true">
+      <title
+         id="title32">Schädel alt</title>
+    </path>
+  </g>
+  <g
+     style=""
+     transform="matrix(1, 0, 0, 1, -0.000001, 0)"
+     id="g56"
+     inkscape:label="Augen">
+    <title
+       id="title38">Augen</title>
+    <path
+       style="fill:#fffbf5;stroke-width:10px;paint-order:stroke"
+       d="m 162.67949,284.99999 v 0 a 19.999993,19.999993 0 0 1 7.3205,-27.3205 v 0 a 19.999993,19.999993 0 0 1 27.3205,7.3205 l 7.5,12.99038 a 4.9999983,4.9999983 0 0 1 -1.83012,6.83012 l -12.99038,7.5 a 19.999993,19.999993 0 0 1 -27.3205,-7.3205 z"
+       bx:shape="rect 420 420 40 40 20 20 20 5 1@a5af6516"
+       id="path42"
+       inkscape:label="Augapfel links">
+      <title
+         id="title40">Augapfel links</title>
+    </path>
+    <path
+       style="fill:#fffbf5;fill-rule:nonzero;stroke-width:10px;paint-order:stroke"
+       d="m 295.89588,277.99036 7.5,-12.99037 a 19.999993,19.999993 0 0 1 27.3205,-7.3205 v 0 a 19.999993,19.999993 0 0 1 7.3205,27.3205 v 0 a 19.999993,19.999993 0 0 1 -27.3205,7.3205 l -12.99037,-7.5 a 4.9999983,4.9999983 0 0 1 -1.83013,-6.83013 z"
+       bx:shape="rect 420 420 40 40 5 20 20 20 1@38afc136"
+       id="path46"
+       inkscape:label="Augapfel rechts">
+      <title
+         id="title44">Augapfel rechts</title>
+    </path>
+    <ellipse
+       style="fill: rgb(108, 25, 133);"
+       cx="320"
+       cy="275"
+       rx="10"
+       ry="10"
+       id="ellipse50"
+       inkscape:label="Pupille rechts">
+      <title
+         id="title48">Pupille rechts</title>
    </ellipse>
-        <path d="M 337.666 299.991 C 337.666 299.991 382.933 449.991 300.09 449.991 C 217.247 449.991 150.09 382.834 150.09 299.991 C 150.09 217.148 217.247 149.991 300.09 149.991 C 382.933 149.991 337.666 299.991 337.666 299.991 Z" style="paint-order: fill; stroke-dashoffset: -50px; stroke-miterlimit: 11.93; stroke-linejoin: round; fill: rgb(45, 45, 45); stroke-width: 20px; stroke: rgb(45, 45, 45); visibility: hidden; transform-origin: 250.009px 300px;" transform="matrix(0, -1, 1, 0, -0.000015, 0.000011)">
-            <title>Schädel alt</title>
-        </path>
-    </g>
-    <g style="" transform="matrix(1, 0, 0, 1, -0.000001, 0)">
-        <title>Augen</title>
-        <path style="stroke-width: 10px; paint-order: stroke; fill: rgb(255, 251, 245); transform-box: fill-box; transform-origin: 50% 50%;" transform="matrix(-0.5, -0.866025, 0.866025, -0.5, -259.999941, -164.99917)" d="M 440 420 H 440 A 20 20 0 0 1 460 440 V 440 A 20 20 0 0 1 440 460 H 425 A 5 5 0 0 1 420 455 V 440 A 20 20 0 0 1 440 420 Z" bx:shape="rect 420 420 40 40 20 20 20 5 1@a5af6516">
-            <title>Augapfel links</title>
-        </path>
-        <path style="paint-order: stroke; fill-rule: nonzero; stroke-width: 10px; fill: rgb(255, 251, 245); transform-origin: 440px 440px;" transform="matrix(0.5, -0.866025, 0.866025, 0.5, -120.000226, -165.000011)" d="M 425 420 H 440 A 20 20 0 0 1 460 440 V 440 A 20 20 0 0 1 440 460 H 440 A 20 20 0 0 1 420 440 V 425 A 5 5 0 0 1 425 420 Z" bx:shape="rect 420 420 40 40 5 20 20 20 1@38afc136">
-            <title>Augapfel rechts</title>
-        </path>
-        <ellipse style="fill: rgb(108, 25, 133);" cx="320" cy="275" rx="10" ry="10">
-            <title>Pupille rechts</title>
-        </ellipse>
-        <ellipse style="fill: rgb(108, 25, 133);" cx="180" cy="275" rx="10" ry="10">
-            <title>Pupille links</title>
+    <ellipse
+       style="fill: rgb(108, 25, 133);"
+       cx="180"
+       cy="275"
+       rx="10"
+       ry="10"
+       id="ellipse54"
+       inkscape:label="Pupille links">
+      <title
+         id="title52">Pupille links</title>
    </ellipse>
  </g>
-    <g transform="matrix(1, 0, 0, 1, -0.000001, 0)">
-        <title>Brille</title>
-        <path style="fill: none; stroke: rgb(218, 108, 255); stroke-width: 10px;" d="M 170 225 H 180 A 50 50 0 0 1 230 275 V 275 A 50 50 0 0 1 180 325 H 175 A 45 45 0 0 1 130 280 V 265 A 40 40 0 0 1 170 225 Z" bx:shape="rect 130 225 100 100 40 50 50 45 1@67723021">
-            <title>Glas links</title>
+  <g
+     transform="matrix(1, 0, 0, 1, -0.000001, 0)"
+     id="g72"
+     inkscape:label="Brille">
+    <title
+       id="title58">Brille</title>
+    <path
+       style="fill: none; stroke: rgb(218, 108, 255); stroke-width: 10px;"
+       d="M 170 225 H 180 A 50 50 0 0 1 230 275 V 275 A 50 50 0 0 1 180 325 H 175 A 45 45 0 0 1 130 280 V 265 A 40 40 0 0 1 170 225 Z"
+       bx:shape="rect 130 225 100 100 40 50 50 45 1@67723021"
+       id="path62"
+       inkscape:label="Fassung links">
+      <title
+         id="title60">Glas links</title>
    </path>
-        <path style="fill: none; stroke: rgb(218, 108, 255); stroke-width: 10px;" d="M 320 225 H 330 A 40 40 0 0 1 370 265 V 275 A 50 50 0 0 1 320 325 H 315 A 45 45 0 0 1 270 280 V 275 A 50 50 0 0 1 320 225 Z" bx:shape="rect 270 225 100 100 50 40 50 45 1@ac62a7d7">
-            <title>Glas rechts</title>
+    <path
+       style="fill: none; stroke: rgb(218, 108, 255); stroke-width: 10px;"
+       d="M 320 225 H 330 A 40 40 0 0 1 370 265 V 275 A 50 50 0 0 1 320 325 H 315 A 45 45 0 0 1 270 280 V 275 A 50 50 0 0 1 320 225 Z"
+       bx:shape="rect 270 225 100 100 50 40 50 45 1@ac62a7d7"
+       id="path66"
+       inkscape:label="Fassung rechts">
+      <title
+         id="title64">Glas rechts</title>
    </path>
-        <rect style="fill: rgb(223, 128, 255);" x="228" y="260" width="44" height="10" rx="5" ry="5">
-            <title>Steg</title>
+    <rect
+       style="fill: rgb(223, 128, 255);"
+       x="228"
+       y="260"
+       width="44"
+       height="10"
+       rx="5"
+       ry="5"
+       id="rect70"
+       inkscape:label="Steg">
+      <title
+         id="title68">Steg</title>
    </rect>
  </g>
-    <g transform="matrix(1, 0, 0, 1, -0.000001, 0)">
-        <title>Haare</title>
-        <ellipse style="fill: rgb(192, 95, 225);" cx="250" cy="95" rx="40" ry="40">
-            <title>Dutt</title>
-        </ellipse>
-        <path d="M 337.509 289.991 C 337.509 289.991 382.933 449.991 300.09 449.991 C 383.013 449.991 449.901 382.834 450.009 299.991 C 450.009 217.191 383.218 149.991 300.295 149.991 C 383.138 149.991 337.509 289.991 337.509 289.991 Z" style="paint-order: stroke; stroke-width: 20px; fill: rgb(218, 108, 255); stroke: rgb(218, 108, 255); stroke-linejoin: round; stroke-linecap: round; transform-origin: 250.009px 300px;" transform="matrix(0, -1, 1, 0, -0.000015, 0.000011)">
-            <title>Haare</title>
+  <g
+     id="g96"
+     style="display:inline"
+     inkscape:label="Haare">
+    <title
+       id="title74">Haare</title>
+    <circle
+       style="fill:#c05fe1"
+       cx="250"
+       cy="95"
+       id="ellipse78"
+       r="40"
+       inkscape:label="Dutt">
+      <title
+         id="title76">Dutt</title>
+    </circle>
+    <path
+       d="m 240,212.5 c 0,0 160,-45.424 160,37.419 C 400,166.996 332.843,100.10801 250,100 167.2,100 100,166.791 100,249.714 100,166.871 240,212.5 240,212.5 Z"
+       style="fill:#da6cff;stroke:#da6cff;stroke-width:20px;stroke-linecap:round;stroke-linejoin:round;paint-order:stroke"
+       id="path82"
+       inkscape:label="Haare">
+      <title
+         id="title80">Haare</title>
    </path>
-        <path style="fill: rgb(218, 108, 255);" d="M 90 250 H 110 V 340 A 10 10 0 0 1 100 350 H 100 A 10 10 0 0 1 90 340 V 250 Z" bx:shape="rect 90 250 20 100 0 0 10 10 1@572e49e9">
-            <title>Strähne links</title>
+    <path
+       style="fill:#da6cff"
+       d="m 90,250 h 20 v 90 a 10,10 0 0 1 -10,10 v 0 A 10,10 0 0 1 90,340 Z"
+       bx:shape="rect 90 250 20 100 0 0 10 10 1@572e49e9"
+       id="path86"
+       inkscape:label="Strähne links">
+      <title
+         id="title84">Strähne links</title>
    </path>
-        <path style="fill: rgb(218, 108, 255);" d="M 390 250 H 410 V 340 A 10 10 0 0 1 400 350 H 400 A 10 10 0 0 1 390 340 V 250 Z" bx:shape="rect 390 250 20 100 0 0 10 10 1@879782c9">
-            <title>Strähne rechts</title>
+    <path
+       style="fill:#da6cff"
+       d="m 390,250 h 20 v 90 a 10,10 0 0 1 -10,10 v 0 a 10,10 0 0 1 -10,-10 z"
+       bx:shape="rect 390 250 20 100 0 0 10 10 1@879782c9"
+       id="path90"
+       inkscape:label="Strähne rechts">
+      <title
+         id="title88">Strähne rechts</title>
    </path>
-        <path style="fill: none; stroke-width: 10px; stroke-linecap: round; stroke: rgb(237, 179, 255);" d="M 295.592 115.359 C 333.488 128.67 372.738 162.695 384.457 203.561">
-            <title>Glanz</title>
+    <path
+       style="fill:none;stroke:#edb3ff;stroke-width:10px;stroke-linecap:round"
+       d="m 295.592,115.359 c 37.896,13.311 77.146,47.336 88.865,88.202"
+       id="path94"
+       inkscape:label="Glanz">
+      <title
+         id="title92">Glanz</title>
    </path>
  </g>
-    <path style="paint-order: stroke; fill-rule: nonzero; stroke-width: 10px; fill: rgb(218, 108, 255); transform-origin: 360px 560px;" d="M 135 645 C 150 645 150 670 150 670 C 150 670 150 695 135 695 C 132 695 130 693 130 690 C 130.3 687 135 680 135 670 C 135 660 130 653 130 650 C 130 647 132 645 135 645 Z" transform="matrix(0.000001, 1, -1, 0.000001, -0.000017, 0.000009)">
-        <title>Mund</title>
+  <path
+     style="fill:#da6cff;fill-rule:nonzero;stroke-width:10px;paint-order:stroke"
+     d="m 275.9269,340.6591 c 1e-5,15 -24.99999,15.00002 -24.99999,15.00002 0,0 -25,3e-5 -25.00001,-14.99997 0,-3 1.99999,-5.00001 4.99999,-5.00001 3,0.3 10.00001,4.99999 20.00001,4.99998 10,-10e-6 16.99999,-5.00002 19.99999,-5.00002 3,0 5.00001,2 5.00001,5 z"
+     id="path100"
+     inkscape:label="Mund">
+    <title
+       id="title98">Mund</title>
  </path>
-    <g transform="matrix(1, 0, 0, 1, -0.000001, 0)">
-        <title>Uniform</title>
-        <path d="M 400 500 C 400 500 100 500 100 500 C 100 450 140 420 250 420 C 360 420 400 450 400 500 Z" style="fill: rgb(218, 108, 255); stroke: rgb(218, 108, 255); stroke-width: 10px;">
-            <title>Körper</title>
+  <g
+     transform="matrix(1, 0, 0, 1, -0.000001, 0)"
+     id="g116"
+     inkscape:label="Uniform">
+    <title
+       id="title102">Uniform</title>
+    <path
+       d="M 400 500 C 400 500 100 500 100 500 C 100 450 140 420 250 420 C 360 420 400 450 400 500 Z"
+       style="fill: rgb(218, 108, 255); stroke: rgb(218, 108, 255); stroke-width: 10px;"
+       id="path106"
+       inkscape:label="Uniform">
+      <title
+         id="title104">Körper</title>
    </path>
-        <path d="M 127.183 445.455 C 135.396 446.071 190 440 250 440 C 310 440 364.603 446.072 372.817 445.455 C 349.656 429.036 310.37 420 250 420 C 189.63 420 150.344 429.036 127.183 445.455 Z" style="fill: rgb(38, 38, 38); stroke: rgb(38, 38, 38); stroke-linejoin: round; stroke-width: 10px; transform-box: fill-box; transform-origin: 50% 50%;">
-            <title>Detailband</title>
+    <path
+       d="M 127.183 445.455 C 135.396 446.071 190 440 250 440 C 310 440 364.603 446.072 372.817 445.455 C 349.656 429.036 310.37 420 250 420 C 189.63 420 150.344 429.036 127.183 445.455 Z"
+       style="fill: rgb(38, 38, 38); stroke: rgb(38, 38, 38); stroke-linejoin: round; stroke-width: 10px; transform-box: fill-box; transform-origin: 50% 50%;"
+       id="path110"
+       inkscape:label="Detailstreifen">
+      <title
+         id="title108">Detailband</title>
    </path>
-        <path d="M 312 460 L 324 490 L 312 485 L 300 490 L 312 460 Z" style="stroke-linejoin: round; paint-order: stroke; stroke-width: 5px; fill: rgb(255, 176, 92); stroke: rgb(255, 176, 92); transform-box: fill-box; transform-origin: 50% 50%;">
-            <title>Badge</title>
+    <path
+       d="M 312 460 L 324 490 L 312 485 L 300 490 L 312 460 Z"
+       style="stroke-linejoin: round; paint-order: stroke; stroke-width: 5px; fill: rgb(255, 176, 92); stroke: rgb(255, 176, 92); transform-box: fill-box; transform-origin: 50% 50%;"
+       id="path114"
+       inkscape:label="Badge">
+      <title
+         id="title112">Badge</title>
    </path>
  </g>
-    <g style="visibility: hidden;" transform="matrix(1, 0, 0, 1, -0.000001, 0)">
-        <title>Debug</title>
-        <path d="M 0 0 L 500 0 L 500 500 L 0 500 L 0 250 C 0 250 0 250 0 250 C 0 388.071 111.929 500 250 500 C 388.071 500 500 388.071 500 250 C 500 111.929 388.071 0 250 0 C 111.929 0 0 111.929 0 250 L 0 0 Z" style="fill: rgb(216, 216, 216); transform-box: fill-box; transform-origin: 50% 50%;">
-            <title>Kreisform</title>
+  <g
+     style="display:none;visibility:hidden"
+     id="g124"
+     inkscape:label="Debug"
+     sodipodi:insensitive="true">
+    <title
+       id="title118">Debug</title>
+    <path
+       d="M 0,0 H 500 V 500 H 0 V 250 c 0,0 0,0 0,0 C 0,388.071 111.929,500 250,500 388.071,500 500,388.071 500,250 500,111.929 388.071,0 250,0 111.929,0 0,111.929 0,250 Z"
+       style="fill:#d8d8d8"
+       id="path122"
+       inkscape:label="Kreisschablone">
+      <title
+         id="title120">Kreisform</title>
    </path>
  </g>
 </svg>