diff --git a/public/lit/texts.tsx b/public/lit/texts.tsx
index 6dc531a7a1bd10665e85a845061604d79d8d0b60..2d95ac321789b8bf621359c38145cf82aac15dda 100644
--- a/public/lit/texts.tsx
+++ b/public/lit/texts.tsx
@@ -96,12 +96,6 @@ export const opening = [
},
]
-export const diabetesTheorem =
- {
- EN: "Diabetes is a disease in which the body is unable to produce a sufficient amount of insulin.\n",
- SK: "Cukrovka je ochorenie, pri ktorom telo nedokáže produkovaĹĄ dostatoÄŤnĂ© mnoĹľstvo inzulĂnu."
- }
-
export const startButton =
{
EN: "Start",
@@ -160,6 +154,16 @@ export const yourScore =
SK: "Tvoje skĂłre: "
}
+export const insulinExplanation =
+ {
+ EN: "Insulin is a hormone produced by the pancreas, an organ located near the stomach. " +
+ "It plays a crucial role in regulating the levels of glucose (sugar) in our blood and " +
+ "helps our body use glucose for energy.",
+ SK: "InzulĂn je hormĂłn produkovanĂ˝ pankreasom, orgánom nachádzajĂşcim sa v blĂzkosti ĹľalĂşdka. " +
+ "Hrá kľúčovĂş Ăşlohu pri regulácii hladĂn glukĂłzy (cukru) v našej krvi a pomáha nášmu telu " +
+ "vyuĹľĂvaĹĄ glukĂłzu na energiu."
+ }
+
export const stepperLabels = [
{
EN: "Insulin",
diff --git a/public/sounds/en_intro_1.mp3 b/public/sounds/en_intro_1.mp3
new file mode 100644
index 0000000000000000000000000000000000000000..b42666d97d626a0efd9e9d8bd2b7501d0dce8567
Binary files /dev/null and b/public/sounds/en_intro_1.mp3 differ
diff --git a/public/sounds/en_intro_2.mp3 b/public/sounds/en_intro_2.mp3
new file mode 100644
index 0000000000000000000000000000000000000000..394b12c71dd1aa581b44d48bfc6b02b8122bb963
Binary files /dev/null and b/public/sounds/en_intro_2.mp3 differ
diff --git a/src/assets/girly/girl-Rhand-bend.svg b/src/assets/girly/girl-Rhand-bend.svg
deleted file mode 100644
index fa7b065757d290764599780f26cb125172433191..0000000000000000000000000000000000000000
--- a/src/assets/girly/girl-Rhand-bend.svg
+++ /dev/null
@@ -1,230 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<svg
- width="90.090881mm"
- height="117.64485mm"
- viewBox="0 0 90.090881 117.64485"
- version="1.1"
- id="svg5"
- inkscape:export-filename="girly.svg"
- inkscape:export-xdpi="96"
- inkscape:export-ydpi="96"
- inkscape:version="1.2.2 (732a01da63, 2022-12-09)"
- sodipodi:docname="prototype2.svg"
- 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">
- <sodipodi:namedview
- id="namedview7"
- pagecolor="#ffffff"
- bordercolor="#000000"
- borderopacity="0.25"
- inkscape:showpageshadow="2"
- inkscape:pageopacity="0.0"
- inkscape:pagecheckerboard="0"
- inkscape:deskcolor="#d1d1d1"
- inkscape:document-units="mm"
- showgrid="false"
- inkscape:zoom="1.4770342"
- inkscape:cx="351.71832"
- inkscape:cy="341.90135"
- inkscape:window-width="1680"
- inkscape:window-height="979"
- inkscape:window-x="131"
- inkscape:window-y="-8"
- inkscape:window-maximized="1"
- inkscape:current-layer="g1363"
- showguides="true" />
- <defs
- id="defs2" />
- <g
- inkscape:label="Layer 1"
- inkscape:groupmode="layer"
- id="layer1"
- transform="translate(-533.59706,-19.460216)">
- <g
- id="g5753-2"
- inkscape:label="girl-looking-straight"
- inkscape:export-filename="girly-svgs\girly-looking-straight.svg"
- inkscape:export-xdpi="96"
- inkscape:export-ydpi="96"
- transform="translate(242.47338,6.5902015)">
- <g
- id="g7998"
- inkscape:label="girl-right-hand-bend"
- inkscape:export-filename="girly-svgs\girl-Rhand-bendsvg"
- inkscape:export-xdpi="96"
- inkscape:export-ydpi="96">
- <path
- style="fill:#5599ff;stroke:#000000;stroke-width:0.591214"
- d="m 325.84576,87.386469 -13.84304,22.712001 51.3495,-0.33626 -14.08525,-22.295031"
- id="path167-6-8-8"
- sodipodi:nodetypes="cccc"
- inkscape:export-filename=".\girly-looking-down.svg"
- inkscape:export-xdpi="96"
- inkscape:export-ydpi="96" />
- <path
- style="fill:none;stroke:#000000;stroke-width:0.878357"
- d="m 318.91491,110.19294 4.16935,19.02755 5.7498,-9.27456 17.05331,0.12488 6.10835,9.30049 3.74039,-19.29209"
- id="path265-9-1-5"
- sodipodi:nodetypes="cccccc" />
- <path
- style="fill:none;stroke:#000000;stroke-width:0.591214"
- d="m 319.66126,86.90426 -8.84953,13.23593 5.80179,2.25992"
- id="path375-9-3-7"
- sodipodi:nodetypes="ccc" />
- <ellipse
- style="fill:none;stroke:#000000;stroke-width:0.494518"
- id="path467-7-2-3"
- cx="328.68774"
- cy="24.998432"
- rx="3.0085807"
- ry="2.4491057"
- transform="matrix(0.97046721,0.24123305,-0.25342086,0.96735612,0,0)" />
- <ellipse
- style="fill:none;stroke:#000000;stroke-width:0.494518"
- id="path467-1-5-5-8"
- cx="290.0181"
- cy="218.12286"
- rx="3.0085807"
- ry="2.4491057"
- transform="matrix(0.59868282,0.8009862,0.79339238,-0.60871055,0,0)" />
- <path
- style="fill:#502d16;stroke:#000000;stroke-width:0.878357"
- d="m 350.19975,40.439647 c -13.22203,6.578544 -25.23976,14.323114 -43.82321,15.710613 -0.51719,11.262943 -0.65133,22.977174 -4.62323,30.170115 -7.59653,-9.729704 -13.30645,-38.113999 -2.93772,-49.876379 22.36522,-25.371313 73.82995,-10.479453 77.82802,0.23242 2.99703,8.029861 3.11591,35.442882 -0.60228,49.154392 -19.8347,-14.865469 4.8086,-42.004758 -25.84158,-45.391161 z"
- id="path491-6-5-8"
- sodipodi:nodetypes="cccsscc" />
- <path
- style="fill:none;stroke:#000000;stroke-width:0.591214"
- d="m 306.41175,56.082616 c 0,0 -2.18709,24.621873 2.77889,28.274482 5.7414,4.222952 39.64508,4.262532 51.24648,1.651436 8.55831,-1.926193 7.16159,-14.568233 7.16159,-14.568233"
- id="path1328-5-5-0"
- sodipodi:nodetypes="cssc" />
- <path
- style="fill:#ffe6d5;stroke:#ffe6d5;stroke-width:0.236733"
- d="m 311.81699,105.44197 c -1.51016,-0.5362 -2.25659,-2.03526 -1.54591,-3.10466 1.25474,-1.8881 5.03391,-0.84847 5.03391,1.3848 0,1.36393 -1.87986,2.29084 -3.488,1.71986 z"
- id="path3652-2-3-5" />
- <path
- style="fill:#ffe6d5;stroke:#ffe6d5;stroke-width:0.236733"
- d="m 344.39796,98.846807 c 0.0242,-0.346785 0.17594,-0.831193 0.33728,-1.07647 0.61376,-0.93305 2.03227,-0.966721 3.09399,-0.07344 1.03226,0.868492 1.39158,2.053784 0.97006,3.199913 -0.23179,0.63028 -0.28765,0.68959 -0.88706,0.94175 -0.53719,0.226 -0.73557,0.2423 -1.23817,0.10175 -1.34894,-0.37724 -2.36879,-1.76333 -2.2761,-3.093507 z"
- id="path3654-1-4-4" />
- <path
- style="fill:#5599ff;stroke:#5599ff;stroke-width:0.141517"
- d="m 313.94947,101.00929 c -1.40736,-0.55036 -2.57126,-1.013068 -2.58643,-1.028245 -0.0152,-0.01519 1.87157,-2.865525 4.19278,-6.334106 3.86067,-5.768994 4.23496,-6.3065 4.39141,-6.306394 0.0941,6.6e-5 0.55578,0.04068 1.02602,0.09026 0.47025,0.04958 1.49624,0.136533 2.27998,0.193225 0.78373,0.05669 1.54123,0.122947 1.68333,0.147233 l 0.25835,0.04416 -4.31164,7.072289 c -2.37139,3.889758 -4.32588,7.083528 -4.3433,7.097248 -0.0174,0.0137 -1.18314,-0.42532 -2.5905,-0.97567 z"
- id="path3731-4-4-3" />
- <path
- style="fill:#e3dbdb;stroke:none;stroke-width:0.594678"
- d="m 348.96836,123.75345 -2.67187,-4.08954 -3.85133,-0.1198 c -2.11823,-0.0659 -6.12022,-0.11998 -8.89332,-0.12022 l -5.042,-5.3e-4 -2.55391,4.12228 c -1.40464,2.26725 -2.58469,4.09149 -2.62231,4.05386 -0.11478,-0.11477 -3.7954,-17.03518 -3.72164,-17.10895 0.055,-0.055 35.34552,-0.33102 35.50659,-0.27769 0.0617,0.0204 -3.33102,17.48271 -3.41257,17.56426 -0.0362,0.0362 -1.26812,-1.77452 -2.73764,-4.02376 z"
- id="path3802-2-6-4" />
- <path
- style="fill:#ffe6d5;stroke:none;stroke-width:0.4205"
- d="m 328.43522,87.262252 c -10.5771,-0.48546 -17.59092,-1.764199 -19.35556,-3.528846 -1.2671,-1.267097 -2.18249,-4.688075 -2.54325,-9.50459 -0.2424,-3.236245 -0.28565,-5.642043 -0.14345,-7.979899 0.0784,-1.288817 0.21566,-3.953661 0.30503,-5.921872 0.0894,-1.968215 0.18922,-3.60529 0.22188,-3.637944 0.0326,-0.03265 0.85137,-0.147183 1.81936,-0.254506 6.58225,-0.729787 12.3862,-2.131912 18.746,-4.528685 4.33309,-1.632979 8.28022,-3.481488 16.92323,-7.92544 l 5.90338,-3.035319 1.2532,0.181862 c 3.80945,0.552812 6.96404,1.615001 9.40789,3.167748 0.39153,0.248766 1.19975,0.944263 1.79604,1.545547 1.58855,1.601849 2.4436,3.156675 3.09865,5.634599 0.58867,2.226828 0.70119,3.66074 0.82136,10.467398 0.10753,6.090716 0.18954,7.614054 0.52388,9.731758 0.17799,1.127435 0.0753,3.926038 -0.20152,5.489702 -0.27483,1.552678 -0.76303,3.027085 -1.43545,4.335172 -1.01927,1.982824 -2.80455,3.473563 -4.84108,4.042372 -2.72721,0.76172 -8.84149,1.415712 -16.21312,1.734177 -3.30617,0.14283 -12.85737,0.134975 -16.08647,-0.01323 z"
- id="path4686-1-1" />
- <g
- id="g5020-9-8"
- inkscape:label="rightEye"
- transform="translate(243.29589,-11.52167)">
- <ellipse
- style="fill:#ffffff;stroke:#000000;stroke-width:0.878356"
- id="path4613-1-4"
- cx="83.718704"
- cy="72.680603"
- rx="6.3266478"
- ry="7.8117156" />
- <ellipse
- style="fill:#004455;stroke:none;stroke-width:0.796377"
- id="path4932-7-3"
- cx="83.886459"
- cy="73.26783"
- rx="4.1375828"
- ry="4.5447488" />
- <ellipse
- style="fill:#000000;stroke:none;stroke-width:1.30372"
- id="path4956-2-7"
- cx="83.89669"
- cy="72.375999"
- rx="1.997202"
- ry="2.308032" />
- </g>
- <g
- id="g5015-7-6"
- inkscape:label="leftEye"
- transform="translate(243.29589,-11.52167)">
- <ellipse
- style="fill:#ffffff;stroke:#000000;stroke-width:0.878356"
- id="path4613-8-0-8"
- cx="104.29748"
- cy="72.5616"
- rx="6.3266478"
- ry="7.8117156" />
- <ellipse
- style="fill:#004455;stroke:none;stroke-width:0.796377"
- id="path4932-8-9-3"
- cx="104.2861"
- cy="72.969696"
- rx="4.1375828"
- ry="4.5447488" />
- <ellipse
- style="fill:#000000;stroke:none;stroke-width:1.30372"
- id="path4956-1-1-2"
- cx="104.29633"
- cy="72.256996"
- rx="1.997202"
- ry="2.308032" />
- </g>
- <ellipse
- style="fill:#ff8080;stroke:none;stroke-width:0.878356"
- id="path5074-2-5"
- cx="337.15726"
- cy="71.143234"
- rx="2.5304708"
- ry="1.7909939" />
- <g
- id="g1353-8-2-9"
- inkscape:label="barette"
- transform="matrix(1.482852,0,0,1.5255066,171.28734,-24.435613)">
- <path
- style="fill:none;stroke:#000000;stroke-width:0.393087"
- d="m 137.62991,38.774476 c 0,0 4.97439,-4.971886 3.45472,-6.143166 -14.90759,-11.489933 -55.980815,-4.318661 -59.388325,0.623619 -1.09797,1.592501 4.96228,5.472513 3.50011,6.635833"
- id="path1344-4-1-3"
- sodipodi:nodetypes="cssc" />
- <path
- style="fill:none;stroke:#000000;stroke-width:0.393087"
- d="m 85.591055,39.725679 -4.72535,1.267572 42.154235,-0.889362 14.53146,-1.356964"
- id="path1346-0-1-9"
- sodipodi:nodetypes="cccc" />
- <path
- style="fill:none;stroke:#000000;stroke-width:0.360988"
- d="M 85.307995,39.771523 C 104.00498,35.634458 120.64616,37.655143 137.6671,38.538335"
- id="path1348-9-7-1"
- sodipodi:nodetypes="cc" />
- <ellipse
- style="fill:none;stroke:#000000;stroke-width:0.41504"
- id="path1395-1-9-7"
- cx="111.45473"
- cy="25.611897"
- rx="1.6845456"
- ry="0.94979405" />
- <path
- style="fill:#d35f5f;stroke:#d35f5f;stroke-width:0.266133"
- d="m 110.56164,26.103158 c -0.91223,-0.458905 -0.35967,-1.134337 0.93314,-1.14063 0.65835,-0.0032 1.26358,0.295104 1.33739,0.659173 0.10379,0.511951 -1.52384,0.857083 -2.27053,0.481457 z"
- id="path3500-7-2-5" />
- <path
- style="fill:#d35f5f;stroke:#d35f5f;stroke-width:0.133066"
- d="m 85.623273,39.219564 c -0.08703,-0.529061 -0.542195,-1.173058 -1.889106,-2.67285 -1.37323,-1.529099 -1.840391,-2.19215 -1.932272,-2.742525 -0.04589,-0.274856 0.113054,-0.535894 0.541702,-0.889674 2.744945,-2.265511 12.025264,-4.643315 22.140673,-5.672884 1.38689,-0.141161 3.65969,-0.31974 5.38276,-0.422936 1.69509,-0.10152 8.65224,-0.102446 10.14737,-0.0014 4.61421,0.311997 8.04905,0.816762 11.31622,1.662972 3.65466,0.946568 6.78032,2.30463 9.07016,3.940865 0.7318,0.522916 0.79534,0.622649 0.70521,1.106936 -0.16416,0.882117 -1.40535,2.699537 -3.03678,4.446616 l -0.3373,0.361205 -2.04854,-0.116994 c -1.1267,-0.06435 -3.74732,-0.222287 -5.82361,-0.350979 -9.33374,-0.578526 -12.84847,-0.735455 -17.90889,-0.799613 -9.09731,-0.115339 -17.531669,0.604368 -24.908612,2.12546 -1.532692,0.316035 -1.371712,0.313112 -1.418985,0.02575 z"
- id="path3502-4-7-7" />
- <path
- style="fill:#d35f5f;stroke:#d35f5f;stroke-width:0.133066"
- d="m 82.838374,40.710798 c 0.251826,-0.104494 3.103552,-0.844729 3.955474,-1.02674 3.125203,-0.667694 7.33116,-1.30327 10.811779,-1.633804 4.477873,-0.425235 7.502193,-0.557464 12.714413,-0.555893 5.76763,0.0017 8.1039,0.09761 19.87846,0.815739 2.89379,0.176492 5.40798,0.323599 5.5871,0.326906 0.17911,0.0033 -2.55546,0.279574 -6.07684,0.613931 -7.24264,0.68769 -5.91476,0.618023 -15.61366,0.819177 -2.37527,0.04926 -6.15335,0.128557 -8.39574,0.176207 -2.24239,0.04765 -7.882329,0.164695 -12.533207,0.260094 -4.650875,0.0954 -8.891026,0.186127 -9.422555,0.201615 -0.53153,0.01549 -0.938879,0.01674 -0.905224,0.0028 z"
- id="path3504-4-0-8" />
- </g>
- <path
- style="fill:#5599ff;stroke:#000000;stroke-width:0.394057"
- d="m 354.49916,86.888632 6.58659,9.49988 -10.76653,4.559938 -2.40665,-4.813266 5.31995,-2.279973 -4.18763,-6.534118 z"
- id="path7966"
- sodipodi:nodetypes="ccccccc" />
- </g>
- </g>
- </g>
-</svg>
diff --git a/src/assets/girly/girl-happy.svg b/src/assets/girly/girl-happy.svg
deleted file mode 100644
index 76538255efb969db45a1c7f5b6976e48589f8c7d..0000000000000000000000000000000000000000
--- a/src/assets/girly/girl-happy.svg
+++ /dev/null
@@ -1,189 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<svg
- width="90.090866mm"
- height="117.64485mm"
- viewBox="0 0 90.090866 117.64485"
- version="1.1"
- id="svg5"
- inkscape:export-filename="girly.svg"
- inkscape:export-xdpi="96"
- inkscape:export-ydpi="96"
- inkscape:version="1.2.2 (732a01da63, 2022-12-09)"
- sodipodi:docname="prototype2.svg"
- 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">
- <sodipodi:namedview
- id="namedview7"
- pagecolor="#ffffff"
- bordercolor="#000000"
- borderopacity="0.25"
- inkscape:showpageshadow="2"
- inkscape:pageopacity="0.0"
- inkscape:pagecheckerboard="0"
- inkscape:deskcolor="#d1d1d1"
- inkscape:document-units="mm"
- showgrid="false"
- inkscape:zoom="1.4770342"
- inkscape:cx="351.71832"
- inkscape:cy="341.90135"
- inkscape:window-width="1680"
- inkscape:window-height="979"
- inkscape:window-x="131"
- inkscape:window-y="-8"
- inkscape:window-maximized="1"
- inkscape:current-layer="g1363"
- showguides="true" />
- <defs
- id="defs2" />
- <g
- inkscape:label="Layer 1"
- inkscape:groupmode="layer"
- id="layer1"
- transform="translate(-47.827806,-24.391673)">
- <g
- id="g5813"
- inkscape:label="girl-happy"
- inkscape:export-filename="girly-svgs\girl-happy.svg"
- inkscape:export-xdpi="96"
- inkscape:export-ydpi="96">
- <g
- id="g1363"
- inkscape:label="girl">
- <path
- style="fill:#5599ff;stroke:#000000;stroke-width:0.591214"
- d="M 82.54987,98.908139 68.706825,121.62014 120.05633,121.28388 105.97108,98.988849"
- id="path167"
- sodipodi:nodetypes="cccc"
- inkscape:export-filename=".\girly.svg"
- inkscape:export-xdpi="96"
- inkscape:export-ydpi="96" />
- <path
- style="fill:none;stroke:#000000;stroke-width:0.878357"
- d="m 75.619017,121.71461 4.169358,19.02755 5.749795,-9.27456 17.05331,0.12488 6.10835,9.30049 3.74039,-19.29209"
- id="path265"
- sodipodi:nodetypes="cccccc" />
- <path
- style="fill:none;stroke:#000000;stroke-width:0.591214"
- d="m 76.365373,98.42593 -8.849533,13.23593 5.801788,2.25992"
- id="path375"
- sodipodi:nodetypes="ccc" />
- <path
- style="fill:none;stroke:#000000;stroke-width:0.591214"
- d="m 112.14909,98.385028 8.84412,12.934282 -5.80179,2.25992"
- id="path375-0"
- sodipodi:nodetypes="ccc" />
- <ellipse
- style="fill:none;stroke:#000000;stroke-width:0.494518"
- id="path467"
- cx="96.23542"
- cy="94.876373"
- rx="3.0085807"
- ry="2.4491057"
- transform="matrix(0.97046721,0.24123305,-0.25342086,0.96735612,0,0)" />
- <ellipse
- style="fill:none;stroke:#000000;stroke-width:0.494518"
- id="path467-1"
- cx="86.426125"
- cy="-140.07649"
- rx="3.0085807"
- ry="2.4491057"
- transform="matrix(0.97046721,-0.24123305,-0.25342086,-0.96735612,0,0)" />
- <path
- style="fill:#502d16;stroke:#000000;stroke-width:0.878357"
- d="M 106.90386,51.961317 C 93.681834,58.539861 81.6641,66.284431 63.080652,67.67193 62.563456,78.934873 62.429323,90.649104 58.457416,97.842045 50.860889,88.112341 45.150966,59.728046 55.519697,47.965666 c 22.365224,-25.371313 73.829953,-10.479453 77.828023,0.23242 2.99703,8.029861 3.11591,35.442882 -0.60228,49.154392 -19.8347,-14.865469 4.8086,-42.004758 -25.84158,-45.391161 z"
- id="path491"
- sodipodi:nodetypes="cccsscc" />
- <path
- style="fill:none;stroke:#000000;stroke-width:0.591214"
- d="m 63.115857,67.604286 c 0,0 -2.187088,24.621873 2.778889,28.274482 5.7414,4.222952 39.645084,4.262532 51.246484,1.651436 8.55831,-1.926193 7.16159,-14.568233 7.16159,-14.568233"
- id="path1328"
- sodipodi:nodetypes="cssc" />
- <path
- style="fill:none;stroke:#000000;stroke-width:0.878357"
- d="m 75.087161,73.267502 c 5.366868,-3.244024 8.810998,-2.269692 11.820224,-0.341212 m 10.349443,0.552467 c 5.366872,-3.244023 8.811002,-2.269691 11.820222,-0.341212"
- id="path1365"
- sodipodi:nodetypes="cc" />
- <path
- style="fill:#ffe6d5;stroke:#ffe6d5;stroke-width:1.06974"
- d="m 322.42747,373.40872 c -36.37619,-1.73467 -61.74307,-5.74215 -71.11579,-11.23492 -6.2032,-3.63532 -9.78029,-13.81748 -12.02916,-34.24088 -1.10482,-10.03357 -1.23185,-46.03009 -0.21625,-61.27798 0.35952,-5.39773 0.682,-9.84504 0.71662,-9.88292 0.0346,-0.0379 3.50982,-0.43411 7.72268,-0.88049 26.69348,-2.8284 53.34477,-9.75023 79.70925,-20.70197 15.69053,-6.51781 24.43301,-10.76707 64.84847,-31.51942 9.44675,-4.85068 12.30335,-6.11466 13.64393,-6.03714 3.62087,0.20938 15.84304,2.6637 21.08431,4.23392 6.44031,1.92943 15.14177,5.96709 19.38518,8.99512 9.68624,6.91196 15.88999,16.80033 18.63429,29.70189 1.83123,8.60901 2.62575,21.96353 2.67731,45.00101 0.0153,6.8459 0.24119,14.70911 0.50192,17.4738 3.19564,33.88561 -3.49735,54.74951 -19.98468,62.29784 -6.63766,3.03889 -26.81251,5.86045 -54.48605,7.62015 -10.39162,0.66079 -60.0879,0.97674 -71.09203,0.45199 z m 60.11075,-100.32087 c 3.4484,-1.02741 5.25474,-1.27511 9.30571,-1.27611 5.93465,-10e-4 9.57604,0.97146 15.66975,4.1867 l 3.94076,2.07927 1.04675,-1.47003 c 1.02672,-1.44189 1.02918,-1.48324 0.12848,-2.16033 -2.15539,-1.62028 -8.72586,-4.57947 -12.06339,-5.43307 -7.3591,-1.88214 -16.76162,-0.99302 -24.82041,2.34707 -3.6078,1.49531 -9.26082,4.46492 -9.26738,4.86828 -0.002,0.13165 0.40778,0.91449 0.91093,1.73964 l 0.91483,1.50028 4.97748,-2.55342 c 2.73761,-1.40439 6.90303,-3.12711 9.25649,-3.82828 z m -93.97664,3.40763 c 6.21762,-3.35359 12.14316,-5.1527 17.85884,-5.42227 6.75497,-0.3186 12.37021,1.12196 18.52958,4.75366 1.26882,0.74812 2.46645,1.36022 2.6614,1.36022 0.3407,0 1.99709,-2.51509 1.99709,-3.03242 0,-0.55548 -7.17761,-4.16098 -10.77152,-5.41081 -3.46686,-1.20564 -4.46516,-1.33359 -10.53215,-1.34986 -5.58277,-0.015 -7.32985,0.16361 -10.4594,1.0691 -3.65871,1.05859 -12.59832,5.0519 -14.35039,6.4103 -0.84496,0.65509 -0.84496,0.7263 0,2.21037 0.48019,0.84341 0.92898,1.53484 0.99731,1.5365 0.0683,10e-4 1.89949,-0.95449 4.06924,-2.12479 z"
- id="path3581"
- transform="scale(0.26458333)" />
- <path
- style="fill:#ffe6d5;stroke:#ffe6d5;stroke-width:0.89474"
- d="m 258.97739,442.06729 c -5.70768,-2.02657 -8.52884,-7.69231 -5.84282,-11.73414 4.74233,-7.13613 19.02582,-3.20681 19.02582,5.23391 0,5.15498 -7.10501,8.65829 -13.183,6.50023 z"
- id="path3652"
- transform="scale(0.26458333)" />
- <path
- style="fill:#ffe6d5;stroke:#ffe6d5;stroke-width:0.89474"
- d="m 445.44778,440.31577 c -1.17271,-0.59244 -2.63785,-1.83116 -3.25587,-2.75272 -2.35102,-3.50571 -0.38932,-8.49683 4.27877,-10.88642 4.53854,-2.32328 9.19451,-1.83791 12.56959,1.31034 1.85602,1.73127 1.98075,2.0128 1.98075,4.47058 0,2.20272 -0.23394,2.9177 -1.46021,4.46264 -3.29123,4.14657 -9.6148,5.66801 -14.11303,3.39558 z"
- id="path3654"
- transform="scale(0.26458333)" />
- <path
- style="fill:#5599ff;stroke:#5599ff;stroke-width:0.534868"
- d="m 419.37115,401.62053 c -9.08398,-14.36934 -16.5907,-26.25031 -16.6816,-26.40214 -0.12031,-0.20096 1.63801,-0.42399 6.46291,-0.81977 3.6455,-0.29904 7.92076,-0.69613 9.50059,-0.88243 1.57982,-0.1863 3.25855,-0.33967 3.7305,-0.34081 l 0.8581,-0.002 15.95744,23.33334 c 8.77659,12.83333 15.95744,23.4203 15.95744,23.52659 0,0.10629 -4.27243,1.85889 -9.49429,3.89467 -5.22185,2.03577 -9.55739,3.72781 -9.63452,3.76006 -0.0771,0.0323 -7.57259,-11.69808 -16.65657,-26.06743 z"
- id="path3729"
- transform="scale(0.26458333)" />
- <path
- style="fill:#5599ff;stroke:#5599ff;stroke-width:0.534868"
- d="m 267.03716,425.31385 c -5.31917,-2.08008 -9.71814,-3.8289 -9.7755,-3.88626 -0.0574,-0.0574 7.07367,-10.83033 15.84674,-23.93993 14.5915,-21.80407 16.00613,-23.83559 16.59746,-23.83519 0.35553,2.5e-4 2.10058,0.15377 3.87788,0.34116 1.7773,0.1874 5.65505,0.51603 8.61722,0.7303 2.96216,0.21427 5.82515,0.46468 6.36219,0.55647 l 0.97644,0.16689 -16.29593,26.72991 c -8.96276,14.70145 -16.34979,26.77237 -16.41562,26.82426 -0.0658,0.0519 -4.47172,-1.60754 -9.79088,-3.68761 z"
- id="path3731"
- transform="scale(0.26458333)" />
- <path
- style="fill:#e3dbdb;stroke:none;stroke-width:2.2476"
- d="m 399.392,511.27603 -10.09838,-15.45653 -14.5562,-0.45276 c -8.00591,-0.24901 -23.13156,-0.4535 -33.61257,-0.45441 l -19.05637,-0.002 -9.65256,15.58027 c -5.30891,8.56915 -9.76891,15.46392 -9.91112,15.32171 -0.4338,-0.4338 -14.34481,-64.38496 -14.06602,-64.66375 0.20798,-0.20798 133.58936,-1.25112 134.19813,-1.04953 0.23332,0.0773 -12.58969,66.07635 -12.89792,66.38458 -0.13674,0.13674 -4.79288,-6.70683 -10.34699,-15.20792 z"
- id="path3802"
- transform="scale(0.26458333)" />
- </g>
- <g
- id="g1353"
- inkscape:label="barette"
- transform="matrix(1.482852,0,0,1.5255066,-72.008555,-12.913954)">
- <path
- style="fill:none;stroke:#000000;stroke-width:0.393087"
- d="m 137.62991,38.774476 c 0,0 4.97439,-4.971886 3.45472,-6.143166 -14.90759,-11.489933 -55.980815,-4.318661 -59.388325,0.623619 -1.09797,1.592501 4.96228,5.472513 3.50011,6.635833"
- id="path1344"
- sodipodi:nodetypes="cssc" />
- <path
- style="fill:none;stroke:#000000;stroke-width:0.393087"
- d="m 85.591055,39.725679 -4.72535,1.267572 42.154235,-0.889362 14.53146,-1.356964"
- id="path1346"
- sodipodi:nodetypes="cccc" />
- <path
- style="fill:none;stroke:#000000;stroke-width:0.360988"
- d="M 85.307995,39.771523 C 104.00498,35.634458 120.64616,37.655143 137.6671,38.538335"
- id="path1348"
- sodipodi:nodetypes="cc" />
- <ellipse
- style="fill:none;stroke:#000000;stroke-width:0.41504"
- id="path1395"
- cx="111.45473"
- cy="25.611897"
- rx="1.6845456"
- ry="0.94979405" />
- <path
- style="fill:#d35f5f;stroke:#d35f5f;stroke-width:0.266133"
- d="m 110.56164,26.103158 c -0.91223,-0.458905 -0.35967,-1.134337 0.93314,-1.14063 0.65835,-0.0032 1.26358,0.295104 1.33739,0.659173 0.10379,0.511951 -1.52384,0.857083 -2.27053,0.481457 z"
- id="path3500" />
- <path
- style="fill:#d35f5f;stroke:#d35f5f;stroke-width:0.133066"
- d="m 85.623273,39.219564 c -0.08703,-0.529061 -0.542195,-1.173058 -1.889106,-2.67285 -1.37323,-1.529099 -1.840391,-2.19215 -1.932272,-2.742525 -0.04589,-0.274856 0.113054,-0.535894 0.541702,-0.889674 2.744945,-2.265511 12.025264,-4.643315 22.140673,-5.672884 1.38689,-0.141161 3.65969,-0.31974 5.38276,-0.422936 1.69509,-0.10152 8.65224,-0.102446 10.14737,-0.0014 4.61421,0.311997 8.04905,0.816762 11.31622,1.662972 3.65466,0.946568 6.78032,2.30463 9.07016,3.940865 0.7318,0.522916 0.79534,0.622649 0.70521,1.106936 -0.16416,0.882117 -1.40535,2.699537 -3.03678,4.446616 l -0.3373,0.361205 -2.04854,-0.116994 c -1.1267,-0.06435 -3.74732,-0.222287 -5.82361,-0.350979 -9.33374,-0.578526 -12.84847,-0.735455 -17.90889,-0.799613 -9.09731,-0.115339 -17.531669,0.604368 -24.908612,2.12546 -1.532692,0.316035 -1.371712,0.313112 -1.418985,0.02575 z"
- id="path3502" />
- <path
- style="fill:#d35f5f;stroke:#d35f5f;stroke-width:0.133066"
- d="m 82.838374,40.710798 c 0.251826,-0.104494 3.103552,-0.844729 3.955474,-1.02674 3.125203,-0.667694 7.33116,-1.30327 10.811779,-1.633804 4.477873,-0.425235 7.502193,-0.557464 12.714413,-0.555893 5.76763,0.0017 8.1039,0.09761 19.87846,0.815739 2.89379,0.176492 5.40798,0.323599 5.5871,0.326906 0.17911,0.0033 -2.55546,0.279574 -6.07684,0.613931 -7.24264,0.68769 -5.91476,0.618023 -15.61366,0.819177 -2.37527,0.04926 -6.15335,0.128557 -8.39574,0.176207 -2.24239,0.04765 -7.882329,0.164695 -12.533207,0.260094 -4.650875,0.0954 -8.891026,0.186127 -9.422555,0.201615 -0.53153,0.01549 -0.938879,0.01674 -0.905224,0.0028 z"
- id="path3504" />
- </g>
- </g>
- <ellipse
- style="fill:#ff8080;stroke:none;stroke-width:0.878356"
- id="path5074-2-7"
- cx="92.085518"
- cy="79.862335"
- rx="2.5304708"
- ry="1.7909939" />
- </g>
-</svg>
diff --git a/src/assets/girly/girly-arms-up.svg b/src/assets/girly/girly-arms-up.svg
deleted file mode 100644
index 9b8d85722547493ca7e194eefc9918c81244e352..0000000000000000000000000000000000000000
--- a/src/assets/girly/girly-arms-up.svg
+++ /dev/null
@@ -1,222 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<svg
- width="90.090881mm"
- height="117.64482mm"
- viewBox="0 0 90.090881 117.64482"
- version="1.1"
- id="svg5"
- inkscape:export-filename="girly.svg"
- inkscape:export-xdpi="96"
- inkscape:export-ydpi="96"
- inkscape:version="1.2.2 (732a01da63, 2022-12-09)"
- sodipodi:docname="prototype2.svg"
- 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">
- <sodipodi:namedview
- id="namedview7"
- pagecolor="#ffffff"
- bordercolor="#000000"
- borderopacity="0.25"
- inkscape:showpageshadow="2"
- inkscape:pageopacity="0.0"
- inkscape:pagecheckerboard="0"
- inkscape:deskcolor="#d1d1d1"
- inkscape:document-units="mm"
- showgrid="false"
- inkscape:zoom="0.36925856"
- inkscape:cx="2232.8528"
- inkscape:cy="311.43489"
- inkscape:window-width="1680"
- inkscape:window-height="979"
- inkscape:window-x="131"
- inkscape:window-y="-8"
- inkscape:window-maximized="1"
- inkscape:current-layer="g5753-2"
- showguides="true" />
- <defs
- id="defs2" />
- <g
- inkscape:label="Layer 1"
- inkscape:groupmode="layer"
- id="layer1"
- transform="translate(-534.26576,-158.28492)">
- <g
- id="g5753-8"
- inkscape:label="girl-looking-straight"
- inkscape:export-filename="girly-svgs\girly-arms-up.svg"
- inkscape:export-xdpi="96"
- inkscape:export-ydpi="96"
- transform="translate(243.14208,145.41491)">
- <path
- style="fill:none;stroke:#000000;stroke-width:0.878357"
- d="m 318.91491,110.19294 4.16935,19.02755 5.7498,-9.27456 17.05331,0.12488 6.10835,9.30049 3.74039,-19.29209"
- id="path265-9-1-9"
- sodipodi:nodetypes="cccccc" />
- </g>
- <g
- id="g9454"
- transform="translate(243.14208,145.41491)"
- inkscape:label="girly-arms-up">
- <path
- style="fill:#5599ff;stroke:#000000;stroke-width:0.591214"
- d="m 325.84576,87.386469 -13.84304,22.712001 51.3495,-0.33626 -14.08525,-22.295031"
- id="path167-6-8-0"
- sodipodi:nodetypes="cccc"
- inkscape:export-filename=".\girly-looking-down.svg"
- inkscape:export-xdpi="96"
- inkscape:export-ydpi="96" />
- <ellipse
- style="fill:none;stroke:#000000;stroke-width:0.494518"
- id="path467-7-2-2"
- cx="-62.460789"
- cy="-309.92422"
- rx="3.0085807"
- ry="2.4491057"
- transform="matrix(-0.4495561,0.8932521,-0.88752675,-0.46075619,0,0)" />
- <ellipse
- style="fill:none;stroke:#000000;stroke-width:0.494518"
- id="path467-1-5-5-2"
- cx="210.09494"
- cy="321.47617"
- rx="3.0085807"
- ry="2.4491057"
- transform="matrix(0.33511577,0.94217696,0.93788721,-0.34694031,0,0)" />
- <path
- style="fill:#502d16;stroke:#000000;stroke-width:0.878357"
- d="m 350.19975,40.439647 c -13.22203,6.578544 -25.23976,14.323114 -43.82321,15.710613 -0.51719,11.262943 -0.65133,22.977174 -4.62323,30.170115 -7.59653,-9.729704 -13.30645,-38.113999 -2.93772,-49.876379 22.36522,-25.371313 73.82995,-10.479453 77.82802,0.23242 2.99703,8.029861 3.11591,35.442882 -0.60228,49.154392 -19.8347,-14.865469 4.8086,-42.004758 -25.84158,-45.391161 z"
- id="path491-6-5-5"
- sodipodi:nodetypes="cccsscc" />
- <path
- style="fill:none;stroke:#000000;stroke-width:0.591214"
- d="m 306.41175,56.082616 c 0,0 -2.18709,24.621873 2.77889,28.274482 5.7414,4.222952 39.64508,4.262532 51.24648,1.651436 8.55831,-1.926193 7.16159,-14.568233 7.16159,-14.568233"
- id="path1328-5-5-7"
- sodipodi:nodetypes="cssc" />
- <path
- style="fill:#ffe6d5;stroke:#ffe6d5;stroke-width:0.236733"
- d="m 301.40797,85.763362 c 0.8564,-1.354497 2.48328,-1.751517 3.36937,-0.822255 1.56445,1.64066 -0.28395,5.097011 -2.4621,4.603911 -1.33027,-0.301153 -1.81923,-2.339277 -0.90727,-3.781656 z"
- id="path3652-2-3-50" />
- <path
- style="fill:#ffe6d5;stroke:#ffe6d5;stroke-width:0.236733"
- d="m 369.9299,85.087544 c 0.12559,-0.324144 0.41381,-0.742022 0.64044,-0.928643 0.86218,-0.709889 2.22723,-0.322682 2.97739,0.844557 0.72936,1.134849 0.72219,2.373393 -0.0193,3.343671 -0.40774,0.533601 -0.47868,0.573707 -1.12584,0.637399 -0.57998,0.05708 -0.77432,0.014 -1.21289,-0.268852 -1.17712,-0.75918 -1.74158,-2.384821 -1.25979,-3.628137 z"
- id="path3654-1-4-2" />
- <path
- style="fill:#e3dbdb;stroke:none;stroke-width:0.594678"
- d="m 348.96836,123.75345 -2.67187,-4.08954 -3.85133,-0.1198 c -2.11823,-0.0659 -6.12022,-0.11998 -8.89332,-0.12022 l -5.042,-5.3e-4 -2.55391,4.12228 c -1.40464,2.26725 -2.58469,4.09149 -2.62231,4.05386 -0.11478,-0.11477 -3.7954,-17.03518 -3.72164,-17.10895 0.055,-0.055 35.34552,-0.33102 35.50659,-0.27769 0.0617,0.0204 -3.33102,17.48271 -3.41257,17.56426 -0.0362,0.0362 -1.26812,-1.77452 -2.73764,-4.02376 z"
- id="path3802-2-6-6" />
- <path
- style="fill:#ffe6d5;stroke:none;stroke-width:0.4205"
- d="m 328.43522,87.262252 c -10.5771,-0.48546 -17.59092,-1.764199 -19.35556,-3.528846 -1.2671,-1.267097 -2.18249,-4.688075 -2.54325,-9.50459 -0.2424,-3.236245 -0.28565,-5.642043 -0.14345,-7.979899 0.0784,-1.288817 0.21566,-3.953661 0.30503,-5.921872 0.0894,-1.968215 0.18922,-3.60529 0.22188,-3.637944 0.0326,-0.03265 0.85137,-0.147183 1.81936,-0.254506 6.58225,-0.729787 12.3862,-2.131912 18.746,-4.528685 4.33309,-1.632979 8.28022,-3.481488 16.92323,-7.92544 l 5.90338,-3.035319 1.2532,0.181862 c 3.80945,0.552812 6.96404,1.615001 9.40789,3.167748 0.39153,0.248766 1.19975,0.944263 1.79604,1.545547 1.58855,1.601849 2.4436,3.156675 3.09865,5.634599 0.58867,2.226828 0.70119,3.66074 0.82136,10.467398 0.10753,6.090716 0.18954,7.614054 0.52388,9.731758 0.17799,1.127435 0.0753,3.926038 -0.20152,5.489702 -0.27483,1.552678 -0.76303,3.027085 -1.43545,4.335172 -1.01927,1.982824 -2.80455,3.473563 -4.84108,4.042372 -2.72721,0.76172 -8.84149,1.415712 -16.21312,1.734177 -3.30617,0.14283 -12.85737,0.134975 -16.08647,-0.01323 z"
- id="path4686-1-3" />
- <g
- id="g5020-9-1"
- inkscape:label="rightEye"
- transform="translate(243.29589,-11.52167)">
- <ellipse
- style="fill:#ffffff;stroke:#000000;stroke-width:0.878356"
- id="path4613-1-1"
- cx="83.718704"
- cy="72.680603"
- rx="6.3266478"
- ry="7.8117156" />
- <ellipse
- style="fill:#004455;stroke:none;stroke-width:0.796377"
- id="path4932-7-9"
- cx="83.886459"
- cy="73.26783"
- rx="4.1375828"
- ry="4.5447488" />
- <ellipse
- style="fill:#000000;stroke:none;stroke-width:1.30372"
- id="path4956-2-3"
- cx="83.89669"
- cy="72.375999"
- rx="1.997202"
- ry="2.308032" />
- </g>
- <g
- id="g5015-7-4"
- inkscape:label="leftEye"
- transform="translate(243.29589,-11.52167)">
- <ellipse
- style="fill:#ffffff;stroke:#000000;stroke-width:0.878356"
- id="path4613-8-0-3"
- cx="104.29748"
- cy="72.5616"
- rx="6.3266478"
- ry="7.8117156" />
- <ellipse
- style="fill:#004455;stroke:none;stroke-width:0.796377"
- id="path4932-8-9-0"
- cx="104.2861"
- cy="72.969696"
- rx="4.1375828"
- ry="4.5447488" />
- <ellipse
- style="fill:#000000;stroke:none;stroke-width:1.30372"
- id="path4956-1-1-9"
- cx="104.29633"
- cy="72.256996"
- rx="1.997202"
- ry="2.308032" />
- </g>
- <ellipse
- style="fill:#ff8080;stroke:none;stroke-width:0.878356"
- id="path5074-2-76"
- cx="337.15726"
- cy="71.143234"
- rx="2.5304708"
- ry="1.7909939" />
- <g
- id="g1353-8-2-1"
- inkscape:label="barette"
- transform="matrix(1.482852,0,0,1.5255066,171.28734,-24.435613)">
- <path
- style="fill:none;stroke:#000000;stroke-width:0.393087"
- d="m 137.62991,38.774476 c 0,0 4.97439,-4.971886 3.45472,-6.143166 -14.90759,-11.489933 -55.980815,-4.318661 -59.388325,0.623619 -1.09797,1.592501 4.96228,5.472513 3.50011,6.635833"
- id="path1344-4-1-4"
- sodipodi:nodetypes="cssc" />
- <path
- style="fill:none;stroke:#000000;stroke-width:0.393087"
- d="m 85.591055,39.725679 -4.72535,1.267572 42.154235,-0.889362 14.53146,-1.356964"
- id="path1346-0-1-96"
- sodipodi:nodetypes="cccc" />
- <path
- style="fill:none;stroke:#000000;stroke-width:0.360988"
- d="M 85.307995,39.771523 C 104.00498,35.634458 120.64616,37.655143 137.6671,38.538335"
- id="path1348-9-7-6"
- sodipodi:nodetypes="cc" />
- <ellipse
- style="fill:none;stroke:#000000;stroke-width:0.41504"
- id="path1395-1-9-5"
- cx="111.45473"
- cy="25.611897"
- rx="1.6845456"
- ry="0.94979405" />
- <path
- style="fill:#d35f5f;stroke:#d35f5f;stroke-width:0.266133"
- d="m 110.56164,26.103158 c -0.91223,-0.458905 -0.35967,-1.134337 0.93314,-1.14063 0.65835,-0.0032 1.26358,0.295104 1.33739,0.659173 0.10379,0.511951 -1.52384,0.857083 -2.27053,0.481457 z"
- id="path3500-7-2-4" />
- <path
- style="fill:#d35f5f;stroke:#d35f5f;stroke-width:0.133066"
- d="m 85.623273,39.219564 c -0.08703,-0.529061 -0.542195,-1.173058 -1.889106,-2.67285 -1.37323,-1.529099 -1.840391,-2.19215 -1.932272,-2.742525 -0.04589,-0.274856 0.113054,-0.535894 0.541702,-0.889674 2.744945,-2.265511 12.025264,-4.643315 22.140673,-5.672884 1.38689,-0.141161 3.65969,-0.31974 5.38276,-0.422936 1.69509,-0.10152 8.65224,-0.102446 10.14737,-0.0014 4.61421,0.311997 8.04905,0.816762 11.31622,1.662972 3.65466,0.946568 6.78032,2.30463 9.07016,3.940865 0.7318,0.522916 0.79534,0.622649 0.70521,1.106936 -0.16416,0.882117 -1.40535,2.699537 -3.03678,4.446616 l -0.3373,0.361205 -2.04854,-0.116994 c -1.1267,-0.06435 -3.74732,-0.222287 -5.82361,-0.350979 -9.33374,-0.578526 -12.84847,-0.735455 -17.90889,-0.799613 -9.09731,-0.115339 -17.531669,0.604368 -24.908612,2.12546 -1.532692,0.316035 -1.371712,0.313112 -1.418985,0.02575 z"
- id="path3502-4-7-2" />
- <path
- style="fill:#d35f5f;stroke:#d35f5f;stroke-width:0.133066"
- d="m 82.838374,40.710798 c 0.251826,-0.104494 3.103552,-0.844729 3.955474,-1.02674 3.125203,-0.667694 7.33116,-1.30327 10.811779,-1.633804 4.477873,-0.425235 7.502193,-0.557464 12.714413,-0.555893 5.76763,0.0017 8.1039,0.09761 19.87846,0.815739 2.89379,0.176492 5.40798,0.323599 5.5871,0.326906 0.17911,0.0033 -2.55546,0.279574 -6.07684,0.613931 -7.24264,0.68769 -5.91476,0.618023 -15.61366,0.819177 -2.37527,0.04926 -6.15335,0.128557 -8.39574,0.176207 -2.24239,0.04765 -7.882329,0.164695 -12.533207,0.260094 -4.650875,0.0954 -8.891026,0.186127 -9.422555,0.201615 -0.53153,0.01549 -0.938879,0.01674 -0.905224,0.0028 z"
- id="path3504-4-0-6" />
- </g>
- <path
- style="fill:#5599ff;stroke:#000000;stroke-width:0.394057"
- d="m 321.68921,94.356523 -16.91235,-3.36171 1.90288,-6.805009 19.1943,3.278362 z"
- id="path9297" />
- <path
- style="fill:#5599ff;stroke:#000000;stroke-width:0.394057"
- d="m 353.65514,94.449805 16.86158,-3.607766 -2.00183,-6.776561 -19.1445,3.557673 z"
- id="path9297-1" />
- </g>
- </g>
-</svg>
diff --git a/src/assets/girly/girly-looking-down.svg b/src/assets/girly/girly-looking-down.svg
deleted file mode 100644
index d9e175e80669d9e714f84f5e35d1d586fc947f52..0000000000000000000000000000000000000000
--- a/src/assets/girly/girly-looking-down.svg
+++ /dev/null
@@ -1,227 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<svg
- width="90.090881mm"
- height="117.64485mm"
- viewBox="0 0 90.090881 117.64485"
- version="1.1"
- id="svg5"
- inkscape:export-filename="girly.svg"
- inkscape:export-xdpi="96"
- inkscape:export-ydpi="96"
- inkscape:version="1.2.2 (732a01da63, 2022-12-09)"
- sodipodi:docname="prototype2.svg"
- 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">
- <sodipodi:namedview
- id="namedview7"
- pagecolor="#ffffff"
- bordercolor="#000000"
- borderopacity="0.25"
- inkscape:showpageshadow="2"
- inkscape:pageopacity="0.0"
- inkscape:pagecheckerboard="0"
- inkscape:deskcolor="#d1d1d1"
- inkscape:document-units="mm"
- showgrid="false"
- inkscape:zoom="1.4770342"
- inkscape:cx="351.71832"
- inkscape:cy="341.90135"
- inkscape:window-width="1680"
- inkscape:window-height="979"
- inkscape:window-x="131"
- inkscape:window-y="-8"
- inkscape:window-maximized="1"
- inkscape:current-layer="g1363" />
- <defs
- id="defs2" />
- <g
- inkscape:label="Layer 1"
- inkscape:groupmode="layer"
- id="layer1"
- transform="translate(-52.810689,-161.06507)">
- <g
- id="g1363-8"
- inkscape:label="girl"
- transform="translate(4.9828812,136.6734)">
- <path
- style="fill:#5599ff;stroke:#000000;stroke-width:0.591214"
- d="M 82.54987,98.908139 68.706825,121.62014 120.05633,121.28388 105.97108,98.988849"
- id="path167-6"
- sodipodi:nodetypes="cccc"
- inkscape:export-filename=".\girly.svg"
- inkscape:export-xdpi="96"
- inkscape:export-ydpi="96" />
- <path
- style="fill:none;stroke:#000000;stroke-width:0.878357"
- d="m 75.619017,121.71461 4.169358,19.02755 5.749795,-9.27456 17.05331,0.12488 6.10835,9.30049 3.74039,-19.29209"
- id="path265-9"
- sodipodi:nodetypes="cccccc" />
- <path
- style="fill:none;stroke:#000000;stroke-width:0.591214"
- d="m 76.365373,98.42593 -8.849533,13.23593 5.801788,2.25992"
- id="path375-9"
- sodipodi:nodetypes="ccc" />
- <path
- style="fill:none;stroke:#000000;stroke-width:0.591214"
- d="m 112.14909,98.385028 8.84412,12.934282 -5.80179,2.25992"
- id="path375-0-1"
- sodipodi:nodetypes="ccc" />
- <ellipse
- style="fill:none;stroke:#000000;stroke-width:0.494518"
- id="path467-7"
- cx="96.23542"
- cy="94.876373"
- rx="3.0085807"
- ry="2.4491057"
- transform="matrix(0.97046721,0.24123305,-0.25342086,0.96735612,0,0)" />
- <ellipse
- style="fill:none;stroke:#000000;stroke-width:0.494518"
- id="path467-1-5"
- cx="86.426125"
- cy="-140.07649"
- rx="3.0085807"
- ry="2.4491057"
- transform="matrix(0.97046721,-0.24123305,-0.25342086,-0.96735612,0,0)" />
- <path
- style="fill:#502d16;stroke:#000000;stroke-width:0.878357"
- d="M 106.90386,51.961317 C 93.681834,58.539861 81.6641,66.284431 63.080652,67.67193 62.563456,78.934873 62.429323,90.649104 58.457416,97.842045 50.860889,88.112341 45.150966,59.728046 55.519697,47.965666 c 22.365224,-25.371313 73.829953,-10.479453 77.828023,0.23242 2.99703,8.029861 3.11591,35.442882 -0.60228,49.154392 -19.8347,-14.865469 4.8086,-42.004758 -25.84158,-45.391161 z"
- id="path491-6"
- sodipodi:nodetypes="cccsscc" />
- <path
- style="fill:none;stroke:#000000;stroke-width:0.591214"
- d="m 63.115857,67.604286 c 0,0 -2.187088,24.621873 2.778889,28.274482 5.7414,4.222952 39.645084,4.262532 51.246484,1.651436 8.55831,-1.926193 7.16159,-14.568233 7.16159,-14.568233"
- id="path1328-5"
- sodipodi:nodetypes="cssc" />
- <path
- style="fill:#ffe6d5;stroke:#ffe6d5;stroke-width:0.89474"
- d="m 258.97739,442.06729 c -5.70768,-2.02657 -8.52884,-7.69231 -5.84282,-11.73414 4.74233,-7.13613 19.02582,-3.20681 19.02582,5.23391 0,5.15498 -7.10501,8.65829 -13.183,6.50023 z"
- id="path3652-2"
- transform="scale(0.26458333)" />
- <path
- style="fill:#ffe6d5;stroke:#ffe6d5;stroke-width:0.89474"
- d="m 445.44778,440.31577 c -1.17271,-0.59244 -2.63785,-1.83116 -3.25587,-2.75272 -2.35102,-3.50571 -0.38932,-8.49683 4.27877,-10.88642 4.53854,-2.32328 9.19451,-1.83791 12.56959,1.31034 1.85602,1.73127 1.98075,2.0128 1.98075,4.47058 0,2.20272 -0.23394,2.9177 -1.46021,4.46264 -3.29123,4.14657 -9.6148,5.66801 -14.11303,3.39558 z"
- id="path3654-1"
- transform="scale(0.26458333)" />
- <path
- style="fill:#5599ff;stroke:#5599ff;stroke-width:0.534868"
- d="m 419.37115,401.62053 c -9.08398,-14.36934 -16.5907,-26.25031 -16.6816,-26.40214 -0.12031,-0.20096 1.63801,-0.42399 6.46291,-0.81977 3.6455,-0.29904 7.92076,-0.69613 9.50059,-0.88243 1.57982,-0.1863 3.25855,-0.33967 3.7305,-0.34081 l 0.8581,-0.002 15.95744,23.33334 c 8.77659,12.83333 15.95744,23.4203 15.95744,23.52659 0,0.10629 -4.27243,1.85889 -9.49429,3.89467 -5.22185,2.03577 -9.55739,3.72781 -9.63452,3.76006 -0.0771,0.0323 -7.57259,-11.69808 -16.65657,-26.06743 z"
- id="path3729-7"
- transform="scale(0.26458333)" />
- <path
- style="fill:#5599ff;stroke:#5599ff;stroke-width:0.534868"
- d="m 267.03716,425.31385 c -5.31917,-2.08008 -9.71814,-3.8289 -9.7755,-3.88626 -0.0574,-0.0574 7.07367,-10.83033 15.84674,-23.93993 14.5915,-21.80407 16.00613,-23.83559 16.59746,-23.83519 0.35553,2.5e-4 2.10058,0.15377 3.87788,0.34116 1.7773,0.1874 5.65505,0.51603 8.61722,0.7303 2.96216,0.21427 5.82515,0.46468 6.36219,0.55647 l 0.97644,0.16689 -16.29593,26.72991 c -8.96276,14.70145 -16.34979,26.77237 -16.41562,26.82426 -0.0658,0.0519 -4.47172,-1.60754 -9.79088,-3.68761 z"
- id="path3731-4"
- transform="scale(0.26458333)" />
- <path
- style="fill:#e3dbdb;stroke:none;stroke-width:2.2476"
- d="m 399.392,511.27603 -10.09838,-15.45653 -14.5562,-0.45276 c -8.00591,-0.24901 -23.13156,-0.4535 -33.61257,-0.45441 l -19.05637,-0.002 -9.65256,15.58027 c -5.30891,8.56915 -9.76891,15.46392 -9.91112,15.32171 -0.4338,-0.4338 -14.34481,-64.38496 -14.06602,-64.66375 0.20798,-0.20798 133.58936,-1.25112 134.19813,-1.04953 0.23332,0.0773 -12.58969,66.07635 -12.89792,66.38458 -0.13674,0.13674 -4.79288,-6.70683 -10.34699,-15.20792 z"
- id="path3802-2"
- transform="scale(0.26458333)" />
- <path
- style="fill:#ffe6d5;stroke:none;stroke-width:1.58929"
- d="m 340.61937,889.91746 c -39.97644,-1.83481 -66.48535,-6.66784 -73.15488,-13.33737 -4.78903,-4.78903 -8.24877,-17.71871 -9.61227,-35.92286 -0.91615,-12.23148 -1.0796,-21.32426 -0.54216,-30.16025 0.29628,-4.87112 0.81507,-14.94297 1.15287,-22.38188 0.33779,-7.43892 0.71515,-13.62629 0.83858,-13.74971 0.12342,-0.12342 3.21777,-0.55628 6.87634,-0.96191 24.8778,-2.75825 46.81398,-8.05762 70.85102,-17.11629 16.37702,-6.17189 31.29531,-13.15838 63.96183,-29.95442 l 22.31197,-11.47207 4.73652,0.68735 c 14.39791,2.08937 26.32076,6.10394 35.55735,11.97259 1.47981,0.94022 4.53449,3.56887 6.78819,5.84144 6.00396,6.05423 9.23565,11.93074 11.71144,21.29612 2.22491,8.41636 2.65018,13.83587 3.10437,39.56182 0.40641,23.02003 0.71635,28.77753 1.97999,36.78145 0.67274,4.26117 0.28447,14.83857 -0.76163,20.74848 -1.03874,5.86839 -2.88392,11.44095 -5.42535,16.3849 -3.85233,7.49414 -10.59986,13.12843 -18.29696,15.27826 -10.30757,2.87894 -33.41666,5.35072 -61.27797,6.55437 -12.49576,0.53983 -48.59476,0.51014 -60.79925,-0.05 z"
- id="path4686"
- transform="matrix(0.26458333,0,0,0.26458333,-4.9828812,-136.6734)" />
- <g
- id="g5020"
- inkscape:label="rightEye">
- <ellipse
- style="fill:#ffffff;stroke:#000000;stroke-width:0.878356"
- id="path4613"
- cx="83.718704"
- cy="72.680603"
- rx="6.3266478"
- ry="7.8117156" />
- <ellipse
- style="fill:#004455;stroke:none;stroke-width:0.796377"
- id="path4932"
- cx="83.707329"
- cy="75.596542"
- rx="4.1375828"
- ry="4.5447488" />
- <ellipse
- style="fill:#000000;stroke:none;stroke-width:1.30372"
- id="path4956"
- cx="83.71756"
- cy="76.854286"
- rx="1.997202"
- ry="2.308032" />
- </g>
- <g
- id="g5015"
- inkscape:label="leftEye">
- <ellipse
- style="fill:#ffffff;stroke:#000000;stroke-width:0.878356"
- id="path4613-8"
- cx="104.29748"
- cy="72.5616"
- rx="6.3266478"
- ry="7.8117156" />
- <ellipse
- style="fill:#004455;stroke:none;stroke-width:0.796377"
- id="path4932-8"
- cx="104.2861"
- cy="75.477539"
- rx="4.1375828"
- ry="4.5447488" />
- <ellipse
- style="fill:#000000;stroke:none;stroke-width:1.30372"
- id="path4956-1"
- cx="104.29633"
- cy="76.735283"
- rx="1.997202"
- ry="2.308032" />
- </g>
- <ellipse
- style="fill:#ff8080;stroke:none;stroke-width:0.878356"
- id="path5074"
- cx="93.861359"
- cy="82.664902"
- rx="2.5304708"
- ry="1.7909939" />
- </g>
- <g
- id="g1353-8"
- inkscape:label="barette"
- transform="matrix(1.482852,0,0,1.5255066,-67.025673,123.75945)">
- <path
- style="fill:none;stroke:#000000;stroke-width:0.393087"
- d="m 137.62991,38.774476 c 0,0 4.97439,-4.971886 3.45472,-6.143166 -14.90759,-11.489933 -55.980815,-4.318661 -59.388325,0.623619 -1.09797,1.592501 4.96228,5.472513 3.50011,6.635833"
- id="path1344-4"
- sodipodi:nodetypes="cssc" />
- <path
- style="fill:none;stroke:#000000;stroke-width:0.393087"
- d="m 85.591055,39.725679 -4.72535,1.267572 42.154235,-0.889362 14.53146,-1.356964"
- id="path1346-0"
- sodipodi:nodetypes="cccc" />
- <path
- style="fill:none;stroke:#000000;stroke-width:0.360988"
- d="M 85.307995,39.771523 C 104.00498,35.634458 120.64616,37.655143 137.6671,38.538335"
- id="path1348-9"
- sodipodi:nodetypes="cc" />
- <ellipse
- style="fill:none;stroke:#000000;stroke-width:0.41504"
- id="path1395-1"
- cx="111.45473"
- cy="25.611897"
- rx="1.6845456"
- ry="0.94979405" />
- <path
- style="fill:#d35f5f;stroke:#d35f5f;stroke-width:0.266133"
- d="m 110.56164,26.103158 c -0.91223,-0.458905 -0.35967,-1.134337 0.93314,-1.14063 0.65835,-0.0032 1.26358,0.295104 1.33739,0.659173 0.10379,0.511951 -1.52384,0.857083 -2.27053,0.481457 z"
- id="path3500-7" />
- <path
- style="fill:#d35f5f;stroke:#d35f5f;stroke-width:0.133066"
- d="m 85.623273,39.219564 c -0.08703,-0.529061 -0.542195,-1.173058 -1.889106,-2.67285 -1.37323,-1.529099 -1.840391,-2.19215 -1.932272,-2.742525 -0.04589,-0.274856 0.113054,-0.535894 0.541702,-0.889674 2.744945,-2.265511 12.025264,-4.643315 22.140673,-5.672884 1.38689,-0.141161 3.65969,-0.31974 5.38276,-0.422936 1.69509,-0.10152 8.65224,-0.102446 10.14737,-0.0014 4.61421,0.311997 8.04905,0.816762 11.31622,1.662972 3.65466,0.946568 6.78032,2.30463 9.07016,3.940865 0.7318,0.522916 0.79534,0.622649 0.70521,1.106936 -0.16416,0.882117 -1.40535,2.699537 -3.03678,4.446616 l -0.3373,0.361205 -2.04854,-0.116994 c -1.1267,-0.06435 -3.74732,-0.222287 -5.82361,-0.350979 -9.33374,-0.578526 -12.84847,-0.735455 -17.90889,-0.799613 -9.09731,-0.115339 -17.531669,0.604368 -24.908612,2.12546 -1.532692,0.316035 -1.371712,0.313112 -1.418985,0.02575 z"
- id="path3502-4" />
- <path
- style="fill:#d35f5f;stroke:#d35f5f;stroke-width:0.133066"
- d="m 82.838374,40.710798 c 0.251826,-0.104494 3.103552,-0.844729 3.955474,-1.02674 3.125203,-0.667694 7.33116,-1.30327 10.811779,-1.633804 4.477873,-0.425235 7.502193,-0.557464 12.714413,-0.555893 5.76763,0.0017 8.1039,0.09761 19.87846,0.815739 2.89379,0.176492 5.40798,0.323599 5.5871,0.326906 0.17911,0.0033 -2.55546,0.279574 -6.07684,0.613931 -7.24264,0.68769 -5.91476,0.618023 -15.61366,0.819177 -2.37527,0.04926 -6.15335,0.128557 -8.39574,0.176207 -2.24239,0.04765 -7.882329,0.164695 -12.533207,0.260094 -4.650875,0.0954 -8.891026,0.186127 -9.422555,0.201615 -0.53153,0.01549 -0.938879,0.01674 -0.905224,0.0028 z"
- id="path3504-4" />
- </g>
- </g>
-</svg>
diff --git a/src/assets/girly/girly-looking-straight.svg b/src/assets/girly/girly-looking-straight.svg
deleted file mode 100644
index 2566e88cf6404f8a0942b6148e5a0809aecc9d07..0000000000000000000000000000000000000000
--- a/src/assets/girly/girly-looking-straight.svg
+++ /dev/null
@@ -1,223 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<svg
- width="90.090881mm"
- height="117.64486mm"
- viewBox="0 0 90.090881 117.64486"
- version="1.1"
- id="svg5"
- inkscape:export-filename="girly.svg"
- inkscape:export-xdpi="96"
- inkscape:export-ydpi="96"
- inkscape:version="1.2.2 (732a01da63, 2022-12-09)"
- sodipodi:docname="prototype2.svg"
- 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">
- <sodipodi:namedview
- id="namedview7"
- pagecolor="#ffffff"
- bordercolor="#000000"
- borderopacity="0.25"
- inkscape:showpageshadow="2"
- inkscape:pageopacity="0.0"
- inkscape:pagecheckerboard="0"
- inkscape:deskcolor="#d1d1d1"
- inkscape:document-units="mm"
- showgrid="false"
- inkscape:zoom="1.4770342"
- inkscape:cx="351.71832"
- inkscape:cy="341.90135"
- inkscape:window-width="1680"
- inkscape:window-height="979"
- inkscape:window-x="131"
- inkscape:window-y="-8"
- inkscape:window-maximized="1"
- inkscape:current-layer="g1363"
- showguides="true" />
- <defs
- id="defs2" />
- <g
- inkscape:label="Layer 1"
- inkscape:groupmode="layer"
- id="layer1"
- transform="translate(-291.12369,-12.870015)">
- <g
- id="g5753"
- inkscape:label="girl-looking-straight">
- <path
- style="fill:#5599ff;stroke:#000000;stroke-width:0.591214"
- d="m 325.84576,87.386469 -13.84304,22.712001 51.3495,-0.33626 -14.08525,-22.295031"
- id="path167-6-8"
- sodipodi:nodetypes="cccc"
- inkscape:export-filename=".\girly-looking-down.svg"
- inkscape:export-xdpi="96"
- inkscape:export-ydpi="96" />
- <path
- style="fill:none;stroke:#000000;stroke-width:0.878357"
- d="m 318.91491,110.19294 4.16935,19.02755 5.7498,-9.27456 17.05331,0.12488 6.10835,9.30049 3.74039,-19.29209"
- id="path265-9-1"
- sodipodi:nodetypes="cccccc" />
- <path
- style="fill:none;stroke:#000000;stroke-width:0.591214"
- d="m 319.66126,86.90426 -8.84953,13.23593 5.80179,2.25992"
- id="path375-9-3"
- sodipodi:nodetypes="ccc" />
- <path
- style="fill:none;stroke:#000000;stroke-width:0.591214"
- d="m 355.44498,86.863358 8.84412,12.934282 -5.80179,2.25992"
- id="path375-0-1-0"
- sodipodi:nodetypes="ccc" />
- <ellipse
- style="fill:none;stroke:#000000;stroke-width:0.494518"
- id="path467-7-2"
- cx="328.68774"
- cy="24.998432"
- rx="3.0085807"
- ry="2.4491057"
- transform="matrix(0.97046721,0.24123305,-0.25342086,0.96735612,0,0)" />
- <ellipse
- style="fill:none;stroke:#000000;stroke-width:0.494518"
- id="path467-1-5-5"
- cx="324.7186"
- cy="-187.58986"
- rx="3.0085807"
- ry="2.4491057"
- transform="matrix(0.97046721,-0.24123305,-0.25342086,-0.96735612,0,0)" />
- <path
- style="fill:#502d16;stroke:#000000;stroke-width:0.878357"
- d="m 350.19975,40.439647 c -13.22203,6.578544 -25.23976,14.323114 -43.82321,15.710613 -0.51719,11.262943 -0.65133,22.977174 -4.62323,30.170115 -7.59653,-9.729704 -13.30645,-38.113999 -2.93772,-49.876379 22.36522,-25.371313 73.82995,-10.479453 77.82802,0.23242 2.99703,8.029861 3.11591,35.442882 -0.60228,49.154392 -19.8347,-14.865469 4.8086,-42.004758 -25.84158,-45.391161 z"
- id="path491-6-5"
- sodipodi:nodetypes="cccsscc" />
- <path
- style="fill:none;stroke:#000000;stroke-width:0.591214"
- d="m 306.41175,56.082616 c 0,0 -2.18709,24.621873 2.77889,28.274482 5.7414,4.222952 39.64508,4.262532 51.24648,1.651436 8.55831,-1.926193 7.16159,-14.568233 7.16159,-14.568233"
- id="path1328-5-5"
- sodipodi:nodetypes="cssc" />
- <path
- style="fill:#ffe6d5;stroke:#ffe6d5;stroke-width:0.236733"
- d="m 311.81699,105.44197 c -1.51016,-0.5362 -2.25659,-2.03526 -1.54591,-3.10466 1.25474,-1.8881 5.03391,-0.84847 5.03391,1.3848 0,1.36393 -1.87986,2.29084 -3.488,1.71986 z"
- id="path3652-2-3" />
- <path
- style="fill:#ffe6d5;stroke:#ffe6d5;stroke-width:0.236733"
- d="m 361.15395,104.97854 c -0.31028,-0.15675 -0.69793,-0.48449 -0.86145,-0.72832 -0.62204,-0.92755 -0.10301,-2.24812 1.13209,-2.88037 1.20082,-0.6147 2.43271,-0.48628 3.3257,0.3467 0.49108,0.45806 0.52408,0.53255 0.52408,1.18284 0,0.5828 -0.0619,0.77197 -0.38635,1.18074 -0.87081,1.09711 -2.54392,1.49966 -3.73407,0.89841 z"
- id="path3654-1-4" />
- <path
- style="fill:#5599ff;stroke:#5599ff;stroke-width:0.141517"
- d="m 354.25451,94.740427 c -2.40347,-3.801888 -4.38963,-6.945394 -4.41368,-6.985566 -0.0318,-0.05317 0.43339,-0.112181 1.70998,-0.216897 0.96454,-0.07912 2.0957,-0.184185 2.5137,-0.233477 0.41799,-0.04929 0.86216,-0.08987 0.98703,-0.09017 l 0.22704,-5.29e-4 4.22207,6.173612 c 2.32214,3.395486 4.22207,6.196621 4.22207,6.224744 0,0.02812 -1.13041,0.491836 -2.51203,1.030466 -1.38161,0.53863 -2.52873,0.98632 -2.54913,0.99485 -0.0204,0.008 -2.00358,-3.095119 -4.40705,-6.89701 z"
- id="path3729-7-2" />
- <path
- style="fill:#5599ff;stroke:#5599ff;stroke-width:0.141517"
- d="m 313.94947,101.00929 c -1.40736,-0.55036 -2.57126,-1.013068 -2.58643,-1.028245 -0.0152,-0.01519 1.87157,-2.865525 4.19278,-6.334106 3.86067,-5.768994 4.23496,-6.3065 4.39141,-6.306394 0.0941,6.6e-5 0.55578,0.04068 1.02602,0.09026 0.47025,0.04958 1.49624,0.136533 2.27998,0.193225 0.78373,0.05669 1.54123,0.122947 1.68333,0.147233 l 0.25835,0.04416 -4.31164,7.072289 c -2.37139,3.889758 -4.32588,7.083528 -4.3433,7.097248 -0.0174,0.0137 -1.18314,-0.42532 -2.5905,-0.97567 z"
- id="path3731-4-4" />
- <path
- style="fill:#e3dbdb;stroke:none;stroke-width:0.594678"
- d="m 348.96836,123.75345 -2.67187,-4.08954 -3.85133,-0.1198 c -2.11823,-0.0659 -6.12022,-0.11998 -8.89332,-0.12022 l -5.042,-5.3e-4 -2.55391,4.12228 c -1.40464,2.26725 -2.58469,4.09149 -2.62231,4.05386 -0.11478,-0.11477 -3.7954,-17.03518 -3.72164,-17.10895 0.055,-0.055 35.34552,-0.33102 35.50659,-0.27769 0.0617,0.0204 -3.33102,17.48271 -3.41257,17.56426 -0.0362,0.0362 -1.26812,-1.77452 -2.73764,-4.02376 z"
- id="path3802-2-6" />
- <path
- style="fill:#ffe6d5;stroke:none;stroke-width:0.4205"
- d="m 328.43522,87.262252 c -10.5771,-0.48546 -17.59092,-1.764199 -19.35556,-3.528846 -1.2671,-1.267097 -2.18249,-4.688075 -2.54325,-9.50459 -0.2424,-3.236245 -0.28565,-5.642043 -0.14345,-7.979899 0.0784,-1.288817 0.21566,-3.953661 0.30503,-5.921872 0.0894,-1.968215 0.18922,-3.60529 0.22188,-3.637944 0.0326,-0.03265 0.85137,-0.147183 1.81936,-0.254506 6.58225,-0.729787 12.3862,-2.131912 18.746,-4.528685 4.33309,-1.632979 8.28022,-3.481488 16.92323,-7.92544 l 5.90338,-3.035319 1.2532,0.181862 c 3.80945,0.552812 6.96404,1.615001 9.40789,3.167748 0.39153,0.248766 1.19975,0.944263 1.79604,1.545547 1.58855,1.601849 2.4436,3.156675 3.09865,5.634599 0.58867,2.226828 0.70119,3.66074 0.82136,10.467398 0.10753,6.090716 0.18954,7.614054 0.52388,9.731758 0.17799,1.127435 0.0753,3.926038 -0.20152,5.489702 -0.27483,1.552678 -0.76303,3.027085 -1.43545,4.335172 -1.01927,1.982824 -2.80455,3.473563 -4.84108,4.042372 -2.72721,0.76172 -8.84149,1.415712 -16.21312,1.734177 -3.30617,0.14283 -12.85737,0.134975 -16.08647,-0.01323 z"
- id="path4686-1" />
- <g
- id="g5020-9"
- inkscape:label="rightEye"
- transform="translate(243.29589,-11.52167)">
- <ellipse
- style="fill:#ffffff;stroke:#000000;stroke-width:0.878356"
- id="path4613-1"
- cx="83.718704"
- cy="72.680603"
- rx="6.3266478"
- ry="7.8117156" />
- <ellipse
- style="fill:#004455;stroke:none;stroke-width:0.796377"
- id="path4932-7"
- cx="83.886459"
- cy="73.26783"
- rx="4.1375828"
- ry="4.5447488" />
- <ellipse
- style="fill:#000000;stroke:none;stroke-width:1.30372"
- id="path4956-2"
- cx="83.89669"
- cy="72.375999"
- rx="1.997202"
- ry="2.308032" />
- </g>
- <g
- id="g5015-7"
- inkscape:label="leftEye"
- transform="translate(243.29589,-11.52167)">
- <ellipse
- style="fill:#ffffff;stroke:#000000;stroke-width:0.878356"
- id="path4613-8-0"
- cx="104.29748"
- cy="72.5616"
- rx="6.3266478"
- ry="7.8117156" />
- <ellipse
- style="fill:#004455;stroke:none;stroke-width:0.796377"
- id="path4932-8-9"
- cx="104.2861"
- cy="72.969696"
- rx="4.1375828"
- ry="4.5447488" />
- <ellipse
- style="fill:#000000;stroke:none;stroke-width:1.30372"
- id="path4956-1-1"
- cx="104.29633"
- cy="72.256996"
- rx="1.997202"
- ry="2.308032" />
- </g>
- <ellipse
- style="fill:#ff8080;stroke:none;stroke-width:0.878356"
- id="path5074-2"
- cx="337.15726"
- cy="71.143234"
- rx="2.5304708"
- ry="1.7909939" />
- <g
- id="g1353-8-2"
- inkscape:label="barette"
- transform="matrix(1.482852,0,0,1.5255066,171.28734,-24.435613)">
- <path
- style="fill:none;stroke:#000000;stroke-width:0.393087"
- d="m 137.62991,38.774476 c 0,0 4.97439,-4.971886 3.45472,-6.143166 -14.90759,-11.489933 -55.980815,-4.318661 -59.388325,0.623619 -1.09797,1.592501 4.96228,5.472513 3.50011,6.635833"
- id="path1344-4-1"
- sodipodi:nodetypes="cssc" />
- <path
- style="fill:none;stroke:#000000;stroke-width:0.393087"
- d="m 85.591055,39.725679 -4.72535,1.267572 42.154235,-0.889362 14.53146,-1.356964"
- id="path1346-0-1"
- sodipodi:nodetypes="cccc" />
- <path
- style="fill:none;stroke:#000000;stroke-width:0.360988"
- d="M 85.307995,39.771523 C 104.00498,35.634458 120.64616,37.655143 137.6671,38.538335"
- id="path1348-9-7"
- sodipodi:nodetypes="cc" />
- <ellipse
- style="fill:none;stroke:#000000;stroke-width:0.41504"
- id="path1395-1-9"
- cx="111.45473"
- cy="25.611897"
- rx="1.6845456"
- ry="0.94979405" />
- <path
- style="fill:#d35f5f;stroke:#d35f5f;stroke-width:0.266133"
- d="m 110.56164,26.103158 c -0.91223,-0.458905 -0.35967,-1.134337 0.93314,-1.14063 0.65835,-0.0032 1.26358,0.295104 1.33739,0.659173 0.10379,0.511951 -1.52384,0.857083 -2.27053,0.481457 z"
- id="path3500-7-2" />
- <path
- style="fill:#d35f5f;stroke:#d35f5f;stroke-width:0.133066"
- d="m 85.623273,39.219564 c -0.08703,-0.529061 -0.542195,-1.173058 -1.889106,-2.67285 -1.37323,-1.529099 -1.840391,-2.19215 -1.932272,-2.742525 -0.04589,-0.274856 0.113054,-0.535894 0.541702,-0.889674 2.744945,-2.265511 12.025264,-4.643315 22.140673,-5.672884 1.38689,-0.141161 3.65969,-0.31974 5.38276,-0.422936 1.69509,-0.10152 8.65224,-0.102446 10.14737,-0.0014 4.61421,0.311997 8.04905,0.816762 11.31622,1.662972 3.65466,0.946568 6.78032,2.30463 9.07016,3.940865 0.7318,0.522916 0.79534,0.622649 0.70521,1.106936 -0.16416,0.882117 -1.40535,2.699537 -3.03678,4.446616 l -0.3373,0.361205 -2.04854,-0.116994 c -1.1267,-0.06435 -3.74732,-0.222287 -5.82361,-0.350979 -9.33374,-0.578526 -12.84847,-0.735455 -17.90889,-0.799613 -9.09731,-0.115339 -17.531669,0.604368 -24.908612,2.12546 -1.532692,0.316035 -1.371712,0.313112 -1.418985,0.02575 z"
- id="path3502-4-7" />
- <path
- style="fill:#d35f5f;stroke:#d35f5f;stroke-width:0.133066"
- d="m 82.838374,40.710798 c 0.251826,-0.104494 3.103552,-0.844729 3.955474,-1.02674 3.125203,-0.667694 7.33116,-1.30327 10.811779,-1.633804 4.477873,-0.425235 7.502193,-0.557464 12.714413,-0.555893 5.76763,0.0017 8.1039,0.09761 19.87846,0.815739 2.89379,0.176492 5.40798,0.323599 5.5871,0.326906 0.17911,0.0033 -2.55546,0.279574 -6.07684,0.613931 -7.24264,0.68769 -5.91476,0.618023 -15.61366,0.819177 -2.37527,0.04926 -6.15335,0.128557 -8.39574,0.176207 -2.24239,0.04765 -7.882329,0.164695 -12.533207,0.260094 -4.650875,0.0954 -8.891026,0.186127 -9.422555,0.201615 -0.53153,0.01549 -0.938879,0.01674 -0.905224,0.0028 z"
- id="path3504-4-0" />
- </g>
- </g>
- </g>
-</svg>
diff --git a/src/assets/girly/girly-sad.svg b/src/assets/girly/girly-sad.svg
deleted file mode 100644
index 6cb752949921c0ebe58802b3601d9685303e95ff..0000000000000000000000000000000000000000
--- a/src/assets/girly/girly-sad.svg
+++ /dev/null
@@ -1,190 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<svg
- width="90.090881mm"
- height="117.64488mm"
- viewBox="0 0 90.090881 117.64488"
- version="1.1"
- id="svg5"
- inkscape:export-filename="girly.svg"
- inkscape:export-xdpi="96"
- inkscape:export-ydpi="96"
- inkscape:version="1.2.2 (732a01da63, 2022-12-09)"
- sodipodi:docname="prototype2.svg"
- 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">
- <sodipodi:namedview
- id="namedview7"
- pagecolor="#ffffff"
- bordercolor="#000000"
- borderopacity="0.25"
- inkscape:showpageshadow="2"
- inkscape:pageopacity="0.0"
- inkscape:pagecheckerboard="0"
- inkscape:deskcolor="#d1d1d1"
- inkscape:document-units="mm"
- showgrid="false"
- inkscape:zoom="1.4770342"
- inkscape:cx="351.71832"
- inkscape:cy="341.90135"
- inkscape:window-width="1680"
- inkscape:window-height="979"
- inkscape:window-x="131"
- inkscape:window-y="-8"
- inkscape:window-maximized="1"
- inkscape:current-layer="g1363"
- showguides="true" />
- <defs
- id="defs2" />
- <g
- inkscape:label="Layer 1"
- inkscape:groupmode="layer"
- id="layer1"
- transform="translate(-297.36823,-150.9936)">
- <g
- id="g5813-3"
- inkscape:label="girl-happy"
- transform="translate(249.54041,126.60192)"
- inkscape:export-filename="girly-svgs\girly-sad.svg"
- inkscape:export-xdpi="96"
- inkscape:export-ydpi="96">
- <g
- id="g1363-3"
- inkscape:label="girl">
- <path
- style="fill:#5599ff;stroke:#000000;stroke-width:0.591214"
- d="M 82.54987,98.908139 68.706825,121.62014 120.05633,121.28388 105.97108,98.988849"
- id="path167-64"
- sodipodi:nodetypes="cccc"
- inkscape:export-filename=".\girly.svg"
- inkscape:export-xdpi="96"
- inkscape:export-ydpi="96" />
- <path
- style="fill:none;stroke:#000000;stroke-width:0.878357"
- d="m 75.619017,121.71461 4.169358,19.02755 5.749795,-9.27456 17.05331,0.12488 6.10835,9.30049 3.74039,-19.29209"
- id="path265-0"
- sodipodi:nodetypes="cccccc" />
- <path
- style="fill:none;stroke:#000000;stroke-width:0.591214"
- d="m 76.365373,98.42593 -8.849533,13.23593 5.801788,2.25992"
- id="path375-7"
- sodipodi:nodetypes="ccc" />
- <path
- style="fill:none;stroke:#000000;stroke-width:0.591214"
- d="m 112.14909,98.385028 8.84412,12.934282 -5.80179,2.25992"
- id="path375-0-8"
- sodipodi:nodetypes="ccc" />
- <ellipse
- style="fill:none;stroke:#000000;stroke-width:0.494518"
- id="path467-72"
- cx="96.23542"
- cy="94.876373"
- rx="3.0085807"
- ry="2.4491057"
- transform="matrix(0.97046721,0.24123305,-0.25342086,0.96735612,0,0)" />
- <ellipse
- style="fill:none;stroke:#000000;stroke-width:0.494518"
- id="path467-1-8"
- cx="86.426125"
- cy="-140.07649"
- rx="3.0085807"
- ry="2.4491057"
- transform="matrix(0.97046721,-0.24123305,-0.25342086,-0.96735612,0,0)" />
- <path
- style="fill:#502d16;stroke:#000000;stroke-width:0.878357"
- d="M 106.90386,51.961317 C 93.681834,58.539861 81.6641,66.284431 63.080652,67.67193 62.563456,78.934873 62.429323,90.649104 58.457416,97.842045 50.860889,88.112341 45.150966,59.728046 55.519697,47.965666 c 22.365224,-25.371313 73.829953,-10.479453 77.828023,0.23242 2.99703,8.029861 3.11591,35.442882 -0.60228,49.154392 -19.8347,-14.865469 4.8086,-42.004758 -25.84158,-45.391161 z"
- id="path491-2"
- sodipodi:nodetypes="cccsscc" />
- <path
- style="fill:none;stroke:#000000;stroke-width:0.591214"
- d="m 63.115857,67.604286 c 0,0 -2.187088,24.621873 2.778889,28.274482 5.7414,4.222952 39.645084,4.262532 51.246484,1.651436 8.55831,-1.926193 7.16159,-14.568233 7.16159,-14.568233"
- id="path1328-3"
- sodipodi:nodetypes="cssc" />
- <path
- style="fill:#ffe6d5;stroke:#ffe6d5;stroke-width:0.89474"
- d="m 258.97739,442.06729 c -5.70768,-2.02657 -8.52884,-7.69231 -5.84282,-11.73414 4.74233,-7.13613 19.02582,-3.20681 19.02582,5.23391 0,5.15498 -7.10501,8.65829 -13.183,6.50023 z"
- id="path3652-8"
- transform="scale(0.26458333)" />
- <path
- style="fill:#ffe6d5;stroke:#ffe6d5;stroke-width:0.89474"
- d="m 445.44778,440.31577 c -1.17271,-0.59244 -2.63785,-1.83116 -3.25587,-2.75272 -2.35102,-3.50571 -0.38932,-8.49683 4.27877,-10.88642 4.53854,-2.32328 9.19451,-1.83791 12.56959,1.31034 1.85602,1.73127 1.98075,2.0128 1.98075,4.47058 0,2.20272 -0.23394,2.9177 -1.46021,4.46264 -3.29123,4.14657 -9.6148,5.66801 -14.11303,3.39558 z"
- id="path3654-6"
- transform="scale(0.26458333)" />
- <path
- style="fill:#5599ff;stroke:#5599ff;stroke-width:0.534868"
- d="m 419.37115,401.62053 c -9.08398,-14.36934 -16.5907,-26.25031 -16.6816,-26.40214 -0.12031,-0.20096 1.63801,-0.42399 6.46291,-0.81977 3.6455,-0.29904 7.92076,-0.69613 9.50059,-0.88243 1.57982,-0.1863 3.25855,-0.33967 3.7305,-0.34081 l 0.8581,-0.002 15.95744,23.33334 c 8.77659,12.83333 15.95744,23.4203 15.95744,23.52659 0,0.10629 -4.27243,1.85889 -9.49429,3.89467 -5.22185,2.03577 -9.55739,3.72781 -9.63452,3.76006 -0.0771,0.0323 -7.57259,-11.69808 -16.65657,-26.06743 z"
- id="path3729-8"
- transform="scale(0.26458333)" />
- <path
- style="fill:#5599ff;stroke:#5599ff;stroke-width:0.534868"
- d="m 267.03716,425.31385 c -5.31917,-2.08008 -9.71814,-3.8289 -9.7755,-3.88626 -0.0574,-0.0574 7.07367,-10.83033 15.84674,-23.93993 14.5915,-21.80407 16.00613,-23.83559 16.59746,-23.83519 0.35553,2.5e-4 2.10058,0.15377 3.87788,0.34116 1.7773,0.1874 5.65505,0.51603 8.61722,0.7303 2.96216,0.21427 5.82515,0.46468 6.36219,0.55647 l 0.97644,0.16689 -16.29593,26.72991 c -8.96276,14.70145 -16.34979,26.77237 -16.41562,26.82426 -0.0658,0.0519 -4.47172,-1.60754 -9.79088,-3.68761 z"
- id="path3731-9"
- transform="scale(0.26458333)" />
- <path
- style="fill:#e3dbdb;stroke:none;stroke-width:2.2476"
- d="m 399.392,511.27603 -10.09838,-15.45653 -14.5562,-0.45276 c -8.00591,-0.24901 -23.13156,-0.4535 -33.61257,-0.45441 l -19.05637,-0.002 -9.65256,15.58027 c -5.30891,8.56915 -9.76891,15.46392 -9.91112,15.32171 -0.4338,-0.4338 -14.34481,-64.38496 -14.06602,-64.66375 0.20798,-0.20798 133.58936,-1.25112 134.19813,-1.04953 0.23332,0.0773 -12.58969,66.07635 -12.89792,66.38458 -0.13674,0.13674 -4.79288,-6.70683 -10.34699,-15.20792 z"
- id="path3802-9"
- transform="scale(0.26458333)" />
- <path
- style="fill:#ffe6d5;stroke:none;stroke-width:1.58929"
- d="m 1260.0284,851.65608 c -37.6088,-2.21278 -60.6186,-6.47645 -67.4624,-12.50063 -4.0498,-3.56477 -7.349,-12.46449 -9.1154,-24.58923 -2.1267,-14.59813 -2.3972,-30.65512 -1.0021,-59.48272 l 0.9326,-19.26905 h 1.7279 c 2.488,0 16.5259,-1.76554 22.9767,-2.88978 14.4188,-2.51287 28.7645,-6.18516 42.6074,-10.90681 21.4721,-7.32392 37.0022,-14.37933 76.7506,-34.86823 l 20.023,-10.32115 2.7181,0.32018 c 5.5232,0.65063 16.9335,3.16845 21.9211,4.83719 9.4281,3.15436 16.1343,7.01627 21.8891,12.60518 5.9252,5.75445 9.5846,11.95876 12.0314,20.39848 2.6073,8.99309 3.5756,21.00544 3.6081,44.76164 0.021,15.48446 0.4179,22.88519 1.7427,32.51248 0.708,5.14536 0.7435,6.88545 0.2643,12.96867 -0.8727,11.08093 -2.3944,17.11856 -6.1798,24.52032 -3.8389,7.50607 -10.074,12.97918 -17.3719,15.24887 -6.9119,2.14961 -23.9517,4.45738 -44.2829,5.99739 -11.895,0.901 -71.6659,1.36988 -83.7785,0.6572 z"
- id="path6257"
- transform="matrix(0.26458333,0,0,0.26458333,-249.54041,-126.60192)" />
- <path
- style="fill:#ffe6d5;stroke:#000000;stroke-width:0.878357"
- d="m 75.467158,72.184661 c 5.366868,3.244024 8.810998,2.269692 11.820224,0.341212 m 10.349443,-0.552467 c 5.366875,3.244023 8.811005,2.269691 11.820225,0.341212"
- id="path1365-0"
- sodipodi:nodetypes="cc" />
- <ellipse
- style="fill:#ff8080;stroke:none;stroke-width:0.878356"
- id="path5074-2-3"
- cx="92.45533"
- cy="80.115509"
- rx="2.5304708"
- ry="1.7909939" />
- </g>
- <g
- id="g1353-7"
- inkscape:label="barette"
- transform="matrix(1.482852,0,0,1.5255066,-72.008555,-12.913954)">
- <path
- style="fill:none;stroke:#000000;stroke-width:0.393087"
- d="m 137.62991,38.774476 c 0,0 4.97439,-4.971886 3.45472,-6.143166 -14.90759,-11.489933 -55.980815,-4.318661 -59.388325,0.623619 -1.09797,1.592501 4.96228,5.472513 3.50011,6.635833"
- id="path1344-5"
- sodipodi:nodetypes="cssc" />
- <path
- style="fill:none;stroke:#000000;stroke-width:0.393087"
- d="m 85.591055,39.725679 -4.72535,1.267572 42.154235,-0.889362 14.53146,-1.356964"
- id="path1346-6"
- sodipodi:nodetypes="cccc" />
- <path
- style="fill:none;stroke:#000000;stroke-width:0.360988"
- d="M 85.307995,39.771523 C 104.00498,35.634458 120.64616,37.655143 137.6671,38.538335"
- id="path1348-92"
- sodipodi:nodetypes="cc" />
- <ellipse
- style="fill:none;stroke:#000000;stroke-width:0.41504"
- id="path1395-0"
- cx="111.45473"
- cy="25.611897"
- rx="1.6845456"
- ry="0.94979405" />
- <path
- style="fill:#d35f5f;stroke:#d35f5f;stroke-width:0.266133"
- d="m 110.56164,26.103158 c -0.91223,-0.458905 -0.35967,-1.134337 0.93314,-1.14063 0.65835,-0.0032 1.26358,0.295104 1.33739,0.659173 0.10379,0.511951 -1.52384,0.857083 -2.27053,0.481457 z"
- id="path3500-2" />
- <path
- style="fill:#d35f5f;stroke:#d35f5f;stroke-width:0.133066"
- d="m 85.623273,39.219564 c -0.08703,-0.529061 -0.542195,-1.173058 -1.889106,-2.67285 -1.37323,-1.529099 -1.840391,-2.19215 -1.932272,-2.742525 -0.04589,-0.274856 0.113054,-0.535894 0.541702,-0.889674 2.744945,-2.265511 12.025264,-4.643315 22.140673,-5.672884 1.38689,-0.141161 3.65969,-0.31974 5.38276,-0.422936 1.69509,-0.10152 8.65224,-0.102446 10.14737,-0.0014 4.61421,0.311997 8.04905,0.816762 11.31622,1.662972 3.65466,0.946568 6.78032,2.30463 9.07016,3.940865 0.7318,0.522916 0.79534,0.622649 0.70521,1.106936 -0.16416,0.882117 -1.40535,2.699537 -3.03678,4.446616 l -0.3373,0.361205 -2.04854,-0.116994 c -1.1267,-0.06435 -3.74732,-0.222287 -5.82361,-0.350979 -9.33374,-0.578526 -12.84847,-0.735455 -17.90889,-0.799613 -9.09731,-0.115339 -17.531669,0.604368 -24.908612,2.12546 -1.532692,0.316035 -1.371712,0.313112 -1.418985,0.02575 z"
- id="path3502-0" />
- <path
- style="fill:#d35f5f;stroke:#d35f5f;stroke-width:0.133066"
- d="m 82.838374,40.710798 c 0.251826,-0.104494 3.103552,-0.844729 3.955474,-1.02674 3.125203,-0.667694 7.33116,-1.30327 10.811779,-1.633804 4.477873,-0.425235 7.502193,-0.557464 12.714413,-0.555893 5.76763,0.0017 8.1039,0.09761 19.87846,0.815739 2.89379,0.176492 5.40798,0.323599 5.5871,0.326906 0.17911,0.0033 -2.55546,0.279574 -6.07684,0.613931 -7.24264,0.68769 -5.91476,0.618023 -15.61366,0.819177 -2.37527,0.04926 -6.15335,0.128557 -8.39574,0.176207 -2.24239,0.04765 -7.882329,0.164695 -12.533207,0.260094 -4.650875,0.0954 -8.891026,0.186127 -9.422555,0.201615 -0.53153,0.01549 -0.938879,0.01674 -0.905224,0.0028 z"
- id="path3504-40" />
- </g>
- </g>
- </g>
-</svg>
diff --git a/src/assets/girly/girly-trophy.svg b/src/assets/girly/girly-trophy.svg
deleted file mode 100644
index f842c5bedc9f1c1cda2628ee1bcd41e119481472..0000000000000000000000000000000000000000
--- a/src/assets/girly/girly-trophy.svg
+++ /dev/null
@@ -1,253 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<svg
- width="105.24608mm"
- height="117.64487mm"
- viewBox="0 0 105.24608 117.64487"
- version="1.1"
- id="svg5"
- inkscape:export-filename="girly.svg"
- inkscape:export-xdpi="96"
- inkscape:export-ydpi="96"
- inkscape:version="1.2.2 (732a01da63, 2022-12-09)"
- sodipodi:docname="prototype2.svg"
- 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">
- <sodipodi:namedview
- id="namedview7"
- pagecolor="#ffffff"
- bordercolor="#000000"
- borderopacity="0.25"
- inkscape:showpageshadow="2"
- inkscape:pageopacity="0.0"
- inkscape:pagecheckerboard="0"
- inkscape:deskcolor="#d1d1d1"
- inkscape:document-units="mm"
- showgrid="false"
- inkscape:zoom="0.36925856"
- inkscape:cx="2232.8528"
- inkscape:cy="311.43489"
- inkscape:window-width="1680"
- inkscape:window-height="979"
- inkscape:window-x="131"
- inkscape:window-y="-8"
- inkscape:window-maximized="1"
- inkscape:current-layer="g5753-2"
- showguides="true" />
- <defs
- id="defs2" />
- <g
- id="g7998-7"
- inkscape:label="girly-trophy"
- transform="translate(-275.9685,-12.870024)"
- inkscape:export-filename="girly-svgs\girly-trophy.svg"
- inkscape:export-xdpi="96"
- inkscape:export-ydpi="96">
- <g
- id="g10850"
- inkscape:label="gitly-trophy">
- <g
- id="g10757"
- inkscape:label="trophy"
- transform="translate(1.777153,1.600272)">
- <path
- style="fill:#c8ab37;stroke:#000000;stroke-width:0.394057"
- d="m 278.12487,91.13552 c -0.38406,-0.433781 -0.83546,-0.854421 -0.0317,-1.51997 h 1.39331 l 0.88666,-3.419978 -1.83664,0.06334 c -0.29011,-0.286772 -0.31058,-0.603505 -0.0633,-0.949987 l 1.96331,-0.06334 c -2.55775,-1.53104 -4.26702,-4.425521 -3.79995,-7.599892 l 9.47074,-0.05406 c 0.0811,2.638926 -0.0144,5.378838 -3.54457,7.622171 l 2.07153,0.02614 c 0.34242,0.523296 0.10821,0.635121 -0.004,0.931159 l -2.02834,-0.01152 1.0524,3.403494 1.58979,0.02249 c 0.83776,0.54109 0.48517,1.055727 0,1.567418 z"
- id="path10754"
- sodipodi:nodetypes="ccccccccccccccccc" />
- </g>
- <path
- style="fill:#5599ff;stroke:#000000;stroke-width:0.591214"
- d="m 325.84576,87.386469 -13.84304,22.712001 51.3495,-0.33626 -14.08525,-22.295031"
- id="path167-6-8-8-5"
- sodipodi:nodetypes="cccc"
- inkscape:export-filename=".\girly-looking-down.svg"
- inkscape:export-xdpi="96"
- inkscape:export-ydpi="96" />
- <path
- style="fill:none;stroke:#000000;stroke-width:0.878357"
- d="m 318.91491,110.19294 4.16935,19.02755 5.7498,-9.27456 17.05331,0.12488 6.10835,9.30049 3.74039,-19.29209"
- id="path265-9-1-5-7"
- sodipodi:nodetypes="cccccc" />
- <ellipse
- style="fill:none;stroke:#000000;stroke-width:0.494518"
- id="path467-7-2-3-0"
- cx="152.01698"
- cy="-277.18118"
- rx="3.0085807"
- ry="2.4491057"
- transform="matrix(0.20317181,0.9791431,-0.98162121,0.19083971,0,0)" />
- <ellipse
- style="fill:none;stroke:#000000;stroke-width:0.494518"
- id="path467-1-5-5-8-1"
- cx="290.0181"
- cy="218.12286"
- rx="3.0085807"
- ry="2.4491057"
- transform="matrix(0.59868282,0.8009862,0.79339238,-0.60871055,0,0)" />
- <path
- style="fill:#502d16;stroke:#000000;stroke-width:0.878357"
- d="m 350.19975,40.439647 c -13.22203,6.578544 -25.23976,14.323114 -43.82321,15.710613 -0.51719,11.262943 -0.65133,22.977174 -4.62323,30.170115 -7.59653,-9.729704 -13.30645,-38.113999 -2.93772,-49.876379 22.36522,-25.371313 73.82995,-10.479453 77.82802,0.23242 2.99703,8.029861 3.11591,35.442882 -0.60228,49.154392 -19.8347,-14.865469 4.8086,-42.004758 -25.84158,-45.391161 z"
- id="path491-6-5-8-4"
- sodipodi:nodetypes="cccsscc" />
- <path
- style="fill:none;stroke:#000000;stroke-width:0.591214"
- d="m 306.41175,56.082616 c 0,0 -2.18709,24.621873 2.77889,28.274482 5.7414,4.222952 39.64508,4.262532 51.24648,1.651436 8.55831,-1.926193 7.16159,-14.568233 7.16159,-14.568233"
- id="path1328-5-5-0-6"
- sodipodi:nodetypes="cssc" />
- <path
- style="fill:#ffe6d5;stroke:#ffe6d5;stroke-width:0.236733"
- d="m 300.83868,96.055897 c -0.17123,-1.593355 0.85626,-2.915702 2.12801,-2.738675 2.24535,0.312538 2.94622,4.168929 0.93356,5.136768 -1.22919,0.591092 -2.87922,-0.701368 -3.06157,-2.398093 z"
- id="path3652-2-3-5-6" />
- <path
- style="fill:#ffe6d5;stroke:#ffe6d5;stroke-width:0.236733"
- d="m 344.39796,98.846807 c 0.0242,-0.346785 0.17594,-0.831193 0.33728,-1.07647 0.61376,-0.93305 2.03227,-0.966721 3.09399,-0.07344 1.03226,0.868492 1.39158,2.053784 0.97006,3.199913 -0.23179,0.63028 -0.28765,0.68959 -0.88706,0.94175 -0.53719,0.226 -0.73557,0.2423 -1.23817,0.10175 -1.34894,-0.37724 -2.36879,-1.76333 -2.2761,-3.093507 z"
- id="path3654-1-4-4-4" />
- <path
- style="fill:#e3dbdb;stroke:none;stroke-width:0.594678"
- d="m 348.96836,123.75345 -2.67187,-4.08954 -3.85133,-0.1198 c -2.11823,-0.0659 -6.12022,-0.11998 -8.89332,-0.12022 l -5.042,-5.3e-4 -2.55391,4.12228 c -1.40464,2.26725 -2.58469,4.09149 -2.62231,4.05386 -0.11478,-0.11477 -3.7954,-17.03518 -3.72164,-17.10895 0.055,-0.055 35.34552,-0.33102 35.50659,-0.27769 0.0617,0.0204 -3.33102,17.48271 -3.41257,17.56426 -0.0362,0.0362 -1.26812,-1.77452 -2.73764,-4.02376 z"
- id="path3802-2-6-4-5" />
- <path
- style="fill:#ffe6d5;stroke:none;stroke-width:0.4205"
- d="m 328.43522,87.262252 c -10.5771,-0.48546 -17.59092,-1.764199 -19.35556,-3.528846 -1.2671,-1.267097 -2.18249,-4.688075 -2.54325,-9.50459 -0.2424,-3.236245 -0.28565,-5.642043 -0.14345,-7.979899 0.0784,-1.288817 0.21566,-3.953661 0.30503,-5.921872 0.0894,-1.968215 0.18922,-3.60529 0.22188,-3.637944 0.0326,-0.03265 0.85137,-0.147183 1.81936,-0.254506 6.58225,-0.729787 12.3862,-2.131912 18.746,-4.528685 4.33309,-1.632979 8.28022,-3.481488 16.92323,-7.92544 l 5.90338,-3.035319 1.2532,0.181862 c 3.80945,0.552812 6.96404,1.615001 9.40789,3.167748 0.39153,0.248766 1.19975,0.944263 1.79604,1.545547 1.58855,1.601849 2.4436,3.156675 3.09865,5.634599 0.58867,2.226828 0.70119,3.66074 0.82136,10.467398 0.10753,6.090716 0.18954,7.614054 0.52388,9.731758 0.17799,1.127435 0.0753,3.926038 -0.20152,5.489702 -0.27483,1.552678 -0.76303,3.027085 -1.43545,4.335172 -1.01927,1.982824 -2.80455,3.473563 -4.84108,4.042372 -2.72721,0.76172 -8.84149,1.415712 -16.21312,1.734177 -3.30617,0.14283 -12.85737,0.134975 -16.08647,-0.01323 z"
- id="path4686-1-1-9" />
- <g
- id="g5020-9-8-0"
- inkscape:label="rightEye"
- transform="translate(243.29589,-11.52167)">
- <ellipse
- style="fill:#ffffff;stroke:#000000;stroke-width:0.878356"
- id="path4613-1-4-0"
- cx="83.718704"
- cy="72.680603"
- rx="6.3266478"
- ry="7.8117156" />
- <ellipse
- style="fill:#004455;stroke:none;stroke-width:0.796377"
- id="path4932-7-3-5"
- cx="83.886459"
- cy="73.26783"
- rx="4.1375828"
- ry="4.5447488" />
- <ellipse
- style="fill:#000000;stroke:none;stroke-width:1.30372"
- id="path4956-2-7-4"
- cx="83.89669"
- cy="72.375999"
- rx="1.997202"
- ry="2.308032" />
- </g>
- <g
- id="g5015-7-6-7"
- inkscape:label="leftEye"
- transform="translate(243.29589,-11.52167)">
- <ellipse
- style="fill:#ffffff;stroke:#000000;stroke-width:0.878356"
- id="path4613-8-0-8-8"
- cx="104.29748"
- cy="72.5616"
- rx="6.3266478"
- ry="7.8117156" />
- <ellipse
- style="fill:#004455;stroke:none;stroke-width:0.796377"
- id="path4932-8-9-3-1"
- cx="104.2861"
- cy="72.969696"
- rx="4.1375828"
- ry="4.5447488" />
- <ellipse
- style="fill:#000000;stroke:none;stroke-width:1.30372"
- id="path4956-1-1-2-0"
- cx="104.29633"
- cy="72.256996"
- rx="1.997202"
- ry="2.308032" />
- </g>
- <ellipse
- style="fill:#ff8080;stroke:none;stroke-width:0.878356"
- id="path5074-2-5-1"
- cx="337.15726"
- cy="71.143234"
- rx="2.5304708"
- ry="1.7909939" />
- <g
- id="g1353-8-2-9-8"
- inkscape:label="barette"
- transform="matrix(1.482852,0,0,1.5255066,171.28734,-24.435613)">
- <path
- style="fill:none;stroke:#000000;stroke-width:0.393087"
- d="m 137.62991,38.774476 c 0,0 4.97439,-4.971886 3.45472,-6.143166 -14.90759,-11.489933 -55.980815,-4.318661 -59.388325,0.623619 -1.09797,1.592501 4.96228,5.472513 3.50011,6.635833"
- id="path1344-4-1-3-3"
- sodipodi:nodetypes="cssc" />
- <path
- style="fill:none;stroke:#000000;stroke-width:0.393087"
- d="m 85.591055,39.725679 -4.72535,1.267572 42.154235,-0.889362 14.53146,-1.356964"
- id="path1346-0-1-9-5"
- sodipodi:nodetypes="cccc" />
- <path
- style="fill:none;stroke:#000000;stroke-width:0.360988"
- d="M 85.307995,39.771523 C 104.00498,35.634458 120.64616,37.655143 137.6671,38.538335"
- id="path1348-9-7-1-7"
- sodipodi:nodetypes="cc" />
- <ellipse
- style="fill:none;stroke:#000000;stroke-width:0.41504"
- id="path1395-1-9-7-7"
- cx="111.45473"
- cy="25.611897"
- rx="1.6845456"
- ry="0.94979405" />
- <path
- style="fill:#d35f5f;stroke:#d35f5f;stroke-width:0.266133"
- d="m 110.56164,26.103158 c -0.91223,-0.458905 -0.35967,-1.134337 0.93314,-1.14063 0.65835,-0.0032 1.26358,0.295104 1.33739,0.659173 0.10379,0.511951 -1.52384,0.857083 -2.27053,0.481457 z"
- id="path3500-7-2-5-7" />
- <path
- style="fill:#d35f5f;stroke:#d35f5f;stroke-width:0.133066"
- d="m 85.623273,39.219564 c -0.08703,-0.529061 -0.542195,-1.173058 -1.889106,-2.67285 -1.37323,-1.529099 -1.840391,-2.19215 -1.932272,-2.742525 -0.04589,-0.274856 0.113054,-0.535894 0.541702,-0.889674 2.744945,-2.265511 12.025264,-4.643315 22.140673,-5.672884 1.38689,-0.141161 3.65969,-0.31974 5.38276,-0.422936 1.69509,-0.10152 8.65224,-0.102446 10.14737,-0.0014 4.61421,0.311997 8.04905,0.816762 11.31622,1.662972 3.65466,0.946568 6.78032,2.30463 9.07016,3.940865 0.7318,0.522916 0.79534,0.622649 0.70521,1.106936 -0.16416,0.882117 -1.40535,2.699537 -3.03678,4.446616 l -0.3373,0.361205 -2.04854,-0.116994 c -1.1267,-0.06435 -3.74732,-0.222287 -5.82361,-0.350979 -9.33374,-0.578526 -12.84847,-0.735455 -17.90889,-0.799613 -9.09731,-0.115339 -17.531669,0.604368 -24.908612,2.12546 -1.532692,0.316035 -1.371712,0.313112 -1.418985,0.02575 z"
- id="path3502-4-7-7-9" />
- <path
- style="fill:#d35f5f;stroke:#d35f5f;stroke-width:0.133066"
- d="m 82.838374,40.710798 c 0.251826,-0.104494 3.103552,-0.844729 3.955474,-1.02674 3.125203,-0.667694 7.33116,-1.30327 10.811779,-1.633804 4.477873,-0.425235 7.502193,-0.557464 12.714413,-0.555893 5.76763,0.0017 8.1039,0.09761 19.87846,0.815739 2.89379,0.176492 5.40798,0.323599 5.5871,0.326906 0.17911,0.0033 -2.55546,0.279574 -6.07684,0.613931 -7.24264,0.68769 -5.91476,0.618023 -15.61366,0.819177 -2.37527,0.04926 -6.15335,0.128557 -8.39574,0.176207 -2.24239,0.04765 -7.882329,0.164695 -12.533207,0.260094 -4.650875,0.0954 -8.891026,0.186127 -9.422555,0.201615 -0.53153,0.01549 -0.938879,0.01674 -0.905224,0.0028 z"
- id="path3504-4-0-8-1" />
- </g>
- <path
- style="fill:#5599ff;stroke:#000000;stroke-width:0.394057"
- d="m 354.49916,86.888632 6.58659,9.49988 -10.76653,4.559938 -2.40665,-4.813266 5.31995,-2.279973 -4.18763,-6.534118 z"
- id="path7966-5"
- sodipodi:nodetypes="ccccccc" />
- <path
- style="fill:#5599ff;stroke:#000000;stroke-width:0.394057"
- d="m 325.60581,87.590116 -20.77925,4.478284 1.43305,6.269593 15.22618,-3.582617 z"
- id="path10538" />
- <rect
- style="fill:#ac939d;stroke:#000000;stroke-width:0.394057"
- id="rect10592"
- width="14.867913"
- height="9.1357059"
- x="276.16553"
- y="92.784927"
- ry="0" />
- <rect
- style="fill:#b7c4c8;stroke:#000000;stroke-width:0.394057"
- id="rect10646"
- width="9.1357059"
- height="4.6574187"
- x="279.03162"
- y="95.292747" />
- <text
- xml:space="preserve"
- style="font-size:2.68066px;fill:#c8ab37;stroke:#000000;stroke-width:0.332704"
- x="269.84174"
- y="102.10403"
- id="text10813"
- transform="scale(1.0360243,0.9652283)"><tspan
- sodipodi:role="line"
- id="tspan10811"
- style="stroke-width:0.332705"
- x="269.84174"
- y="102.10403">CHMP</tspan></text>
- </g>
- </g>
-</svg>
diff --git a/src/assets/icons/volume_off_black.svg b/src/assets/icons/volume_off_black.svg
new file mode 100644
index 0000000000000000000000000000000000000000..6c3d22f241ef3d2e6385ddf90690e2367b9a9ec5
--- /dev/null
+++ b/src/assets/icons/volume_off_black.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0z" fill="none"/><path d="M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C20.63 14.91 21 13.5 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06c1.38-.31 2.63-.95 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z"/></svg>
\ No newline at end of file
diff --git a/src/assets/icons/volume_up_black.svg b/src/assets/icons/volume_up_black.svg
new file mode 100644
index 0000000000000000000000000000000000000000..0362732cf4cf6e4765d5aab69db58f82522cf8eb
--- /dev/null
+++ b/src/assets/icons/volume_up_black.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0z" fill="none"/><path d="M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z"/></svg>
\ No newline at end of file
diff --git a/src/components/Chapters.tsx b/src/components/Chapters.tsx
index 22154125b3ee5125ddb087edd2e0d28669eb9627..7eb37bed061ab74557601a16e79affbf059129a6 100644
--- a/src/components/Chapters.tsx
+++ b/src/components/Chapters.tsx
@@ -19,17 +19,18 @@ const Chapters = () => {
return (
<>
- <img src={chapters} alt={chapters}
- onClick={(e: React.MouseEvent<HTMLImageElement>) => {
- const target = e.target as HTMLImageElement;
- console.log(target.src);
- if (target.id) {
- handleChapterClick(target.id);
- }
- }}
- />
+ <div className="flex absolute bottom-0 left-0 z-3">
+ <img src={chapters} alt={chapters}
+ onClick={(e: React.MouseEvent<HTMLImageElement>) => {
+ const target = e.target as HTMLImageElement;
+ console.log(target.src);
+ if (target.id) {
+ handleChapterClick(target.id);
+ }
+ }}
+ />
+ </div>
</>
);
};
-
export default Chapters;
diff --git a/src/components/InsulinExplanationPopUp.tsx b/src/components/InsulinExplanationPopUp.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..1a043b4ce4840a98f3a7708a1973a6e957b555f1
--- /dev/null
+++ b/src/components/InsulinExplanationPopUp.tsx
@@ -0,0 +1,12 @@
+interface InsulinExplanationPopupTypes {
+ explanation: string,
+}
+const InsulinExplanationPopup = ({ explanation }: InsulinExplanationPopupTypes) => {
+ return (
+ <div className="fixed top-18 right-4 bg-white p-4 border border-gray-300 rounded shadow-lg max-w-xs z-10 flex">
+ <p>{explanation}</p>
+ </div>
+ );
+};
+
+export default InsulinExplanationPopup;
diff --git a/src/components/InsulinTest.tsx b/src/components/InsulinTest.tsx
index 466e268ac1d247cd32c4af534ca7c61895269170..ba02ab402018bab63997e736890189a030b1ebd3 100644
--- a/src/components/InsulinTest.tsx
+++ b/src/components/InsulinTest.tsx
@@ -87,12 +87,12 @@ const InsulinTest = () => {
{insulinTestQuestions[currentStep].answers.map((answer, index) => (
<button
key={index}
- className={`bg-primary-dark ${
+ className={` ${
selectedAnswer === index
? answer.isCorrect
? "bg-green-500"
: "bg-red-500"
- : ""
+ : "bg-primary-dark"
} ${
selectedAnswer !== null ? "cursor-not-allowed" : ""
} hover:bg-primary-light font-bold py-2 px-4 rounded mr-4 mt-4`}
diff --git a/src/components/Intro.tsx b/src/components/Intro.tsx
index 9edf05a957e87b22cce6ea9bc3dd60fc8a0bd7df..a8e5ac9efa430b78583c500869385ae86d28c533 100644
--- a/src/components/Intro.tsx
+++ b/src/components/Intro.tsx
@@ -5,6 +5,8 @@ import {intro, nextButton, skipToChapter, toChapter} from "../../public/lit/text
import {useAnimate} from "../hooks/useAnimate";
import {useTranslate} from "../hooks/useTranslate";
import {useNavigate} from "react-router-dom";
+import volumeUp from "../assets/icons/volume_up_black.svg"
+import volumeDown from "../assets/icons/volume_off_black.svg"
const Intro = () => {
const nextButtonText = useTranslate(nextButton);
@@ -12,11 +14,16 @@ const Intro = () => {
const typewriterRef = useRef<TypewriterClass>();
const navigate = useNavigate();
const skipButtonText = useTranslate(skipToChapter) + "1";
+ const audioFiles = [
+ 'public/sounds/en_intro_1.mp3',
+ 'public/sounds/en_intro_2.mp3',
+ ];
- const {getAnimationObject, handleClick, isAnimationComplete, isLast, onInit, paused} = useAnimate({
+ const {getAnimationObject, handleClick, isAnimationComplete, isLast, onInit, paused, handleMuteToggle, isMuted} = useAnimate({
typewriterRef,
link: '/insulin',
- text: intro
+ text: intro,
+ audioFiles: audioFiles
});
return (
@@ -29,13 +36,13 @@ const Intro = () => {
options={{
delay: 40,
}}
- onInit={(typewriter) => onInit({ typewriter, pauseFor: 0 })}
+ onInit={(typewriter) => onInit({typewriter, pauseFor: 0})}
/>
</div>
<div className="mt-12 ml-44 flex justify-center">
<div
id="animation-container"
- style={{ width: '600px', height: '300px', position: 'relative' }}
+ style={{width: '600px', height: '300px', position: 'relative'}}
>
<AnimateCC
animationName="intro"
@@ -60,10 +67,19 @@ const Intro = () => {
>
{skipButtonText}
</button>
+ <button onClick={handleMuteToggle}
+ className={`mt-20 border-4 border-black font-primary bg-yellow-main`}
+ >
+ {isMuted ? (
+ <img src={volumeDown} alt="Volume off"/>
+ ) : (
+ <img src={volumeUp} alt="Volume On"/>
+ )}
+ </button>
</div>
</div>
</div>
</>
-);
+ );
};
export default Intro;
diff --git a/src/components/Opening.tsx b/src/components/Opening.tsx
index ad8f933cfcdb462b82e4700745d7b41b88ecea83..efc6a024c63ccf6a8bc7228b971a3454c279a6f8 100644
--- a/src/components/Opening.tsx
+++ b/src/components/Opening.tsx
@@ -1,36 +1,75 @@
-import {useRef} from 'react';
+import {useRef, useState} from 'react';
import {AnimateCC} from 'react-adobe-animate';
import Typewriter, {TypewriterClass} from "typewriter-effect";
-import {diabetesTheorem, nextButton, opening, skipToTest, toTest} from "../../public/lit/texts";
+import {insulinExplanation, nextButton, opening, skipToTest, toTest} from "../../public/lit/texts";
import {useAnimate} from "../hooks/useAnimate";
import {useTranslate} from "../hooks/useTranslate";
import {useNavigate} from "react-router-dom";
+import InsulinExplanationPopup from "./InsulinExplanationPopUp";
+import {useRecoilValue} from "recoil";
+import {languageAtom} from "../atoms/languageAtom";
const Opening = () => {
- const firstTheoremText = useTranslate(diabetesTheorem);
const nextButtonText = useTranslate(nextButton);
const testText = useTranslate(toTest);
const typewriterRef = useRef<TypewriterClass>();
const skipButtonText = useTranslate(skipToTest);
+ const insulinExplanationText = useTranslate(insulinExplanation);
const navigate = useNavigate();
+ const [isPopupOpen, setIsPopupOpen] = useState(false);
+ const language = useRecoilValue(languageAtom);
+ const togglePopup = () => {
+ setIsPopupOpen(!isPopupOpen);
+ };
const {getAnimationObject, handleClick, isAnimationComplete, isLast, onInit, paused} = useAnimate({
typewriterRef,
link: '/insulinTest',
- text: opening
+ text: opening,
+ audioFiles: []
});
return (
<>
<div className=" mt-8 ">
- <p className="text-2xl bg-red-200 font-primary border border-red-800 w-max justify-self-center inline p-4 animate-fade-in">
- {firstTheoremText}
+ <p
+ className="text-2xl bg-red-200 font-primary border border-red-800 w-max justify-self-center inline p-4 animate-fade-in"
+ >
+ {language === 'EN' ? (
+ <>
+ Diabetes is a disease in which the body is unable to produce a sufficient amount of
+ <span
+ className="clickable-text"
+ onClick={togglePopup}
+ style={{textDecoration: 'underline', cursor: 'pointer'}}
+ >
+ insulin
+ </span>
+ </>
+ ) : (
+ <>
+ Cukrovka je ochorenie, pri ktorom telo nedokáže produkovať dostatočné množstvo
+ <span
+ className="clickable-text"
+ onClick={togglePopup}
+ style={{textDecoration: 'underline', cursor: 'pointer'}}
+ >
+ inzulĂnu
+ </span>
+ </>
+ )}
</p>
</div>
+ {isPopupOpen && (
+ <InsulinExplanationPopup
+ explanation={insulinExplanationText}
+ />
+ )}
+
<div className="flex items-center justify-center">
<div className="w-screen">
- <div className="text mt-12">
+ <div className="text mt-4">
<div id="intro-text" className="font-speech max-w-md"
style={{position: 'absolute', top: 300, left: 150, right: 900}}>
@@ -38,7 +77,7 @@ const Opening = () => {
options={{
delay: 40,
}}
- onInit={(typewriter) => onInit({ typewriter, pauseFor: 3400 })}
+ onInit={(typewriter) => onInit({typewriter, pauseFor: 3400})}
/>
</div>
<div className="flex justify-center">
diff --git a/src/hooks/useAnimate.tsx b/src/hooks/useAnimate.tsx
index 6bb924f6b3132cae395b08d0c1be27cab8c1eff9..12bce080cebe432ba6715c3c68bf88990bb9b3a7 100644
--- a/src/hooks/useAnimate.tsx
+++ b/src/hooks/useAnimate.tsx
@@ -1,4 +1,4 @@
-import {SetStateAction, useEffect, useState} from "react";
+import {SetStateAction, useEffect, useRef, useState} from "react";
import {TypewriterClass} from "typewriter-effect";
import {useNavigate} from "react-router-dom";
import {useRecoilValue} from "recoil";
@@ -8,26 +8,36 @@ export interface Texts {
EN: string;
SK: string;
}
+
interface AnimateProps {
- typewriterRef: React.MutableRefObject<TypewriterClass | undefined>,
+ typewriterRef: React.MutableRefObject<TypewriterClass | undefined>,
link: string,
- text: Texts[]
+ text: Texts[],
+ audioFiles: string[]
}
-export const useAnimate = ({link, text, typewriterRef}: AnimateProps) => {
- const language = useRecoilValue(languageAtom);
+export const useAnimate = ({link, text, typewriterRef, audioFiles}: AnimateProps) => {
+ const language = useRecoilValue(languageAtom);
const [paused, setPaused] = useState(false);
const [, setAnimationObject] = useState(null);
const getAnimationObject = (obj: SetStateAction<null>) => setAnimationObject(obj);
-
const [currentIndex, setCurrentIndex] = useState(0);
const [isAnimationComplete, setIsAnimationComplete] = useState(false);
+ const [isMuted, setIsMuted] = useState(false);
const line = text[currentIndex];
const navigate = useNavigate();
+ const audioRef = useRef<HTMLAudioElement | null>(null);
+
+ useEffect(() => {
+ audioRef.current = new Audio(audioFiles[currentIndex]);
+ }, []);
useEffect(() => {
if (typewriterRef.current) {
typewriterRef.current.deleteAll(0.0000000000000000000001);
+ if (audioRef.current) {
+ audioRef.current.play();
+ }
typewriterRef.current
.typeString(line[language as keyof Texts])
.start()
@@ -39,27 +49,52 @@ export const useAnimate = ({link, text, typewriterRef}: AnimateProps) => {
}, [language, currentIndex]);
const handleClick = () => {
- if(currentIndex == text.length -1) {
+ if (currentIndex == text.length - 1) {
navigate(link);
}
if (isAnimationComplete) {
setCurrentIndex((prevIndex) => (prevIndex + 1) % text.length);
setIsAnimationComplete(false);
setPaused(false);
+
+ if (audioRef.current) {
+ audioRef.current.src = audioFiles[currentIndex + 1];
+ audioRef.current.load();
+ }
}
};
- const onInit = ({ typewriter, pauseFor }: { typewriter: TypewriterClass; pauseFor: number }) => {
- typewriterRef.current = typewriter;
- typewriter
- .pauseFor(pauseFor)
- .typeString(line[language as keyof Texts])
- .start()
- .callFunction(() => {
- setIsAnimationComplete(true);
- setPaused(true);
- });
+ const handleMuteToggle = () => {
+ if (audioRef.current) {
+ audioRef.current.muted = !isMuted;
+ setIsMuted(!isMuted);
+ }
+ };
+ const onInit = ({typewriter, pauseFor}: { typewriter: TypewriterClass; pauseFor: number }) => {
+ typewriterRef.current = typewriter;
+ typewriter
+ .pauseFor(pauseFor)
+ .callFunction(() => {
+ if (audioRef.current) {
+ audioRef.current.play();
+ }
+ })
+ .typeString(line[language as keyof Texts])
+ .start()
+ .callFunction(() => {
+ setIsAnimationComplete(true);
+ setPaused(true);
+ });
}
- return {paused, isAnimationComplete, isLast: currentIndex == text.length - 1, getAnimationObject, handleClick, onInit}
+ return {
+ paused,
+ isAnimationComplete,
+ isLast: currentIndex == text.length - 1,
+ getAnimationObject,
+ handleClick,
+ onInit,
+ handleMuteToggle,
+ isMuted
+ }
}
diff --git a/tsconfig.json b/tsconfig.json
index a871d6aaf2285497b6c718e2e3c52a5e407896cb..648c15e45ae208e940d5866bf720fc22006a78ad 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -24,7 +24,7 @@
},
"include": [
".eslintrc.cjs",
- "src"
+ "src",
],
"references": [{ "path": "./tsconfig.node.json" }]
}