diff --git a/package-lock.json b/package-lock.json index 52c599d89baccd9c20c5fb59f5cd0a988fd61431..991d8980648ae4cee2b2c6b50b79e9f4ec81e3f0 100644 --- a/package-lock.json +++ b/package-lock.json @@ -15,6 +15,7 @@ "react-dom": "^18.2.0", "react-router-dom": "^6.14.0", "react-scripts": "^5.0.1", + "react-stepa": "^1.0.1", "recoil": "^0.7.7", "typewriter-effect": "^2.20.1" }, @@ -2305,6 +2306,29 @@ "postcss-selector-parser": "^6.0.10" } }, + "node_modules/@emotion/is-prop-valid": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-1.2.1.tgz", + "integrity": "sha512-61Mf7Ufx4aDxx1xlDeOm8aFFigGHE4z+0sKCa+IHCeZKiyP9RLD0Mmx7m8b9/Cf37f7NAvQOOJAbQQGVr5uERw==", + "dependencies": { + "@emotion/memoize": "^0.8.1" + } + }, + "node_modules/@emotion/memoize": { + "version": "0.8.1", + "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.8.1.tgz", + "integrity": "sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA==" + }, + "node_modules/@emotion/stylis": { + "version": "0.8.5", + "resolved": "https://registry.npmjs.org/@emotion/stylis/-/stylis-0.8.5.tgz", + "integrity": "sha512-h6KtPihKFn3T9fuIrwvXXUOwlx3rfUvfZIcP5a6rh8Y7zjE3O06hT5Ss4S/YI1AYhuZ1kjaE/5EaOOI2NqSylQ==" + }, + "node_modules/@emotion/unitless": { + "version": "0.7.5", + "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.7.5.tgz", + "integrity": "sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg==" + }, "node_modules/@esbuild/android-arm": { "version": "0.17.19", "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.17.19.tgz", @@ -5406,6 +5430,21 @@ "@babel/core": "^7.0.0-0" } }, + "node_modules/babel-plugin-styled-components": { + "version": "2.1.4", + "resolved": "https://registry.npmjs.org/babel-plugin-styled-components/-/babel-plugin-styled-components-2.1.4.tgz", + "integrity": "sha512-Xgp9g+A/cG47sUyRwwYxGM4bR/jDRg5N6it/8+HxCnbT5XNKSKDT9xm4oag/osgqjC2It/vH0yXsomOG6k558g==", + "dependencies": { + "@babel/helper-annotate-as-pure": "^7.22.5", + "@babel/helper-module-imports": "^7.22.5", + "@babel/plugin-syntax-jsx": "^7.22.5", + "lodash": "^4.17.21", + "picomatch": "^2.3.1" + }, + "peerDependencies": { + "styled-components": ">= 2" + } + }, "node_modules/babel-plugin-transform-react-remove-prop-types": { "version": "0.4.24", "resolved": "https://registry.npmjs.org/babel-plugin-transform-react-remove-prop-types/-/babel-plugin-transform-react-remove-prop-types-0.4.24.tgz", @@ -5728,6 +5767,14 @@ "node": ">= 6" } }, + "node_modules/camelize": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/camelize/-/camelize-1.0.1.tgz", + "integrity": "sha512-dU+Tx2fsypxTgtLoE36npi3UqcjSSMNYfkqgmoEhtZrraP5VWq0K7FkWVTYa8eMPtnU/G2txVsfdCJTn9uzpuQ==", + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, "node_modules/caniuse-api": { "version": "3.0.0", "resolved": "https://registry.npmjs.org/caniuse-api/-/caniuse-api-3.0.0.tgz", @@ -6171,6 +6218,14 @@ "postcss": "^8.4" } }, + "node_modules/css-color-keywords": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/css-color-keywords/-/css-color-keywords-1.0.0.tgz", + "integrity": "sha512-FyyrDHZKEjXDpNJYvVsV960FiqQyXc/LlYmsxl2BcdMb2WPx0OGRVgTg55rPSyLSNMqP52R9r8geSp7apN3Ofg==", + "engines": { + "node": ">=4" + } + }, "node_modules/css-declaration-sorter": { "version": "6.4.1", "resolved": "https://registry.npmjs.org/css-declaration-sorter/-/css-declaration-sorter-6.4.1.tgz", @@ -6352,6 +6407,16 @@ "resolved": "https://registry.npmjs.org/css-select-base-adapter/-/css-select-base-adapter-0.1.1.tgz", "integrity": "sha512-jQVeeRG70QI08vSTwf1jHxp74JoZsr2XSgETae8/xC8ovSnL2WF87GTLO86Sbwdt2lK4Umg4HnnwMO4YF3Ce7w==" }, + "node_modules/css-to-react-native": { + "version": "3.2.0", + "resolved": "https://registry.npmjs.org/css-to-react-native/-/css-to-react-native-3.2.0.tgz", + "integrity": "sha512-e8RKaLXMOFii+02mOlqwjbD00KSEKqblnpO9e++1aXS1fPQOpS1YoqdVHBqPjHNoxeF2mimzVqawm2KCbEdtHQ==", + "dependencies": { + "camelize": "^1.0.0", + "css-color-keywords": "^1.0.0", + "postcss-value-parser": "^4.0.2" + } + }, "node_modules/css-tree": { "version": "1.0.0-alpha.37", "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-1.0.0-alpha.37.tgz", @@ -8839,6 +8904,14 @@ "he": "bin/he" } }, + "node_modules/hoist-non-react-statics": { + "version": "3.3.2", + "resolved": "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz", + "integrity": "sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==", + "dependencies": { + "react-is": "^16.7.0" + } + }, "node_modules/hoopy": { "version": "0.1.4", "resolved": "https://registry.npmjs.org/hoopy/-/hoopy-0.1.4.tgz", @@ -14694,6 +14767,17 @@ "url": "https://github.com/sponsors/ljharb" } }, + "node_modules/react-stepa": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/react-stepa/-/react-stepa-1.0.1.tgz", + "integrity": "sha512-91lFOAoKK7U0rCFeXZrvWyP63/VeJtNYvNP8vlezAmOUWrsOQ5o6cGVDvuJu7ibGd6/3dcFwmXW8vc99HpreKg==", + "dependencies": { + "styled-components": "^5.3.5" + }, + "peerDependencies": { + "react": "17.0.2" + } + }, "node_modules/read-cache": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz", @@ -15434,6 +15518,11 @@ "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz", "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==" }, + "node_modules/shallowequal": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/shallowequal/-/shallowequal-1.1.0.tgz", + "integrity": "sha512-y0m1JoUZSlPAjXVtPPW70aZWfIL/dSP7AFkRnniLCrK/8MDKog3TySTBmckD+RObVxH0v4Tox67+F14PdED2oQ==" + }, "node_modules/shebang-command": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz", @@ -15814,6 +15903,35 @@ "webpack": "^5.0.0" } }, + "node_modules/styled-components": { + "version": "5.3.11", + "resolved": "https://registry.npmjs.org/styled-components/-/styled-components-5.3.11.tgz", + "integrity": "sha512-uuzIIfnVkagcVHv9nE0VPlHPSCmXIUGKfJ42LNjxCCTDTL5sgnJ8Z7GZBq0EnLYGln77tPpEpExt2+qa+cZqSw==", + "dependencies": { + "@babel/helper-module-imports": "^7.0.0", + "@babel/traverse": "^7.4.5", + "@emotion/is-prop-valid": "^1.1.0", + "@emotion/stylis": "^0.8.4", + "@emotion/unitless": "^0.7.4", + "babel-plugin-styled-components": ">= 1.12.0", + "css-to-react-native": "^3.0.0", + "hoist-non-react-statics": "^3.0.0", + "shallowequal": "^1.1.0", + "supports-color": "^5.5.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/styled-components" + }, + "peerDependencies": { + "react": ">= 16.8.0", + "react-dom": ">= 16.8.0", + "react-is": ">= 16.8.0" + } + }, "node_modules/stylehacks": { "version": "5.1.1", "resolved": "https://registry.npmjs.org/stylehacks/-/stylehacks-5.1.1.tgz", diff --git a/package.json b/package.json index b6aeb5f032e4e0843f7370bcdd747d89dbeab122..4fb4b34accb6ecbe18b905446e4f3a169f810a31 100644 --- a/package.json +++ b/package.json @@ -17,6 +17,7 @@ "react-dom": "^18.2.0", "react-router-dom": "^6.14.0", "react-scripts": "^5.0.1", + "react-stepa": "^1.0.1", "recoil": "^0.7.7", "typewriter-effect": "^2.20.1" }, diff --git a/public/lit/texts.tsx b/public/lit/texts.tsx index e0580469e679e503fff0c49cb439541275382f17..a5c48cc37afa20a63ce7893554e4115d9e87d5e2 100644 --- a/public/lit/texts.tsx +++ b/public/lit/texts.tsx @@ -114,9 +114,161 @@ export const nextButton = SK: "ÄŽalej" } +export const finishButton = + { + EN: "Finish", + SK: "Odovzdaj" + } + export const toChapter = { EN: "To Chapter ", SK: "Na kapitolu " } +export const stepperLabels = [ + { + EN: "Insulin", + SK: "InzulĂn", + }, + { + EN: "Glucose", + SK: "GlukĂłza", + }, + { + EN: "Complications", + SK: "Komplikácie", + }, + { + EN: "Purpose", + SK: "VĂ˝znam", + }, + { + EN: "Your score", + SK: "Tvoje skĂłre", + }, +] + +export const insulinTestQuestions = [ + { + EN: "What is the main role of insulin in our bodies?", + SK: "Aká je hlavná Ăşloha inzulĂnu v našom tele?", + answers: [ + { + EN: "It gives us energy.", + SK: "Dodáva nám energiu.", + isCorrect: false, + }, + { + EN: "It breaks down sugar molecules.", + SK: "Rozkladá molekuly cukru.", + isCorrect: false, + }, + { + EN: "It allows glucose to enter our cells.", + SK: "UmoĹľĹuje glukĂłze dostaĹĄ sa do bunky.", + isCorrect: true, + }, + { + EN: "It makes us grow taller", + SK: "UmoĹľĹuje nám rásĹĄ.", + isCorrect: false, + }, + ], + explanation: { + EN: "Insulin is important because it lets glucose into our cells so we can get energy.", + SK: "InzulĂn je dĂ´leĹľitĂ˝, lebo dovoÄľuje glukĂłze vstĂşpiĹĄ do bunky, aby sme mali energiu.", + }, + }, + { + EN: "Why is glucose important for our bodies?", + SK: "PreÄŤo je glukĂłza dĂ´leĹľitá pre naše telo?", + answers: [ + { + EN: "It helps us sleep better", + SK: "Pomáha nám spaĹĄ lepšie", + isCorrect: false, + }, + { + EN: "It makes our skin glow", + SK: "RobĂ našu pokoĹľku Ĺľiarivou", + isCorrect: false, + }, + { + EN: "It gives us energy", + SK: "Dodáva nám energiu", + isCorrect: true, + }, + { + EN: "It makes us laugh", + SK: "RobĂ nás šťastnĂ˝mi", + isCorrect: false, + }, + ], + explanation: { + EN: "Glucose is important because it gives our bodies the energy they need to function properly.", + SK: "GlukĂłza je dĂ´leĹľitá, pretoĹľe poskytuje našim telám energiu, ktorĂş potrebujĂş na správne fungovanie.", + }, + }, + { + EN: "What would happen if glucose couldn't enter our cells?", + SK: "ÄŚo by sa stalo, keby sa glukĂłza nedokázala dostaĹĄ do našich buniek?", + answers: [ + { + EN: "We would become invisible", + SK: "Stali by sme sa neviditeÄľnĂ˝mi", + isCorrect: false, + }, + { + EN: "We would feel very sleepy", + SK: "CĂtili by sme sa veÄľmi ospalĂ", + isCorrect: false, + }, + { + EN: "We would experience unpleasant symptoms", + SK: "ZaĹľĂvali by sme neprĂjemnĂ© prĂznaky", + isCorrect: true, + }, + { + EN: "We would become superheroes", + SK: "Stali by sme sa superhrdinami", + isCorrect: false, + }, + ], + explanation: { + EN: "If glucose couldn't enter our cells, we would experience unpleasant symptoms because our cells wouldn't get the energy they need to function.", + SK: "Ak by sa glukĂłza nedokázala dostaĹĄ do našich buniek, zaĹľĂvali by sme neprĂjemnĂ© prĂznaky, pretoĹľe naše bunky by nedostávali energiu, ktorĂş potrebujĂş na fungovanie.", + }, + }, + { + EN: "What is the role of insulin in allowing glucose into our cells?", + SK: "AkĂş Ăşlohu zohráva inzulĂn pri umoĹľnenĂ vstupu glukĂłzy do našich buniek?", + answers: [ + { + EN: "Insulin tells glucose to stay outside", + SK: "InzulĂn hovorĂ glukĂłze, aby zostala vonku", + isCorrect: false, + }, + { + EN: "Insulin helps glucose get inside the cells", + SK: "InzulĂn pomáha glukĂłze dostaĹĄ sa do buniek", + isCorrect: true, + }, + { + EN: "Insulin makes glucose disappear", + SK: "InzulĂn robĂ glukĂłzu neviditeÄľnou", + isCorrect: false, + }, + { + EN: "Insulin makes glucose taste better", + SK: "InzulĂn robĂ glukĂłzu chutnejšou", + isCorrect: false, + }, + ], + explanation: { + EN: "Insulin plays a vital role in allowing glucose to enter our cells by helping it get inside. Without insulin, glucose can't effectively enter the cells.", + SK: "InzulĂn zohráva kľúčovĂş Ăşlohu pri umoĹľnenĂ vstupu glukĂłzy do našich buniek tĂ˝m, Ĺľe jej pomáha dostaĹĄ sa dovnĂştra. Bez inzulĂnu sa glukĂłza nedokáže efektĂvne dostávaĹĄ do buniek.", + }, + }, +]; + diff --git a/src/App.tsx b/src/App.tsx index 1bc1ff8c295fe6bb0454066f415e67231c0671f5..d2f770ec3df2f26d484262364366325996194f67 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -1,12 +1,12 @@ import Intro from './components/Intro'; -import Test from './components/Intro'; import {Route, Routes} from 'react-router-dom'; import {FC} from 'react'; import Navbar from './components/Navbar'; import Chapters from './components/Chapters'; import Overview from './components/Overview'; -import Opening from "./components/Opening"; +import Insulin from "./components/Opening"; import HomePage from "./components/HomePage"; +import InsulinTest from "./components/InsulinTest"; const App: FC = () => { return ( @@ -17,11 +17,11 @@ const App: FC = () => { </header> <Routes> <Route path="/" element={<HomePage />} index /> + <Route path="chapters" element={<Chapters />} /> <Route path="intro" element={<Intro />} /> - <Route path="/chapters" element={<Chapters />} /> - <Route path="/opening" element={<Opening />} /> - <Route path="/overview" element={<Overview />} /> - <Route path="/test" element={<Test />} /> + <Route path="insulin" element={<Insulin />} /> + <Route path="overview" element={<Overview />} /> + <Route path="insulinTest" element={<InsulinTest />} /> </Routes> </div> </> diff --git a/src/assets/backgrounds/homepage-static.svg b/src/assets/backgrounds/homepage-static.svg index ed5494b3de074f59d3e30a946edc167779c93801..f8f35b26107c31d4f431562098235f77431c28b1 100644 --- a/src/assets/backgrounds/homepage-static.svg +++ b/src/assets/backgrounds/homepage-static.svg @@ -2,9 +2,9 @@ <!-- Created with Inkscape (http://www.inkscape.org/) --> <svg - width="1920mm" - height="833mm" - viewBox="0 0 1920 833" + width="1174.3289mm" + height="578.71973mm" + viewBox="0 0 1174.3289 578.71973" version="1.1" id="svg5" inkscape:export-filename="girly.svg" @@ -43,671 +43,534 @@ inkscape:label="Layer 1" inkscape:groupmode="layer" id="layer1" - transform="translate(-914.28713,-8.5983016)"> - <g - id="g42848" + transform="translate(-1400.9307,-268.26315)"> + <ellipse + style="fill:#5599ff;stroke:none;stroke-width:1.17298" + id="path1686" + cx="2379.4709" + cy="415.11011" + rx="77.934769" + ry="77.61187" inkscape:export-filename="insu-learn\src\assets\backgrounds\homepage-static.svg" inkscape:export-xdpi="96" - inkscape:export-ydpi="96"> - <g - id="g1844" - inkscape:label="blueCircles" - transform="translate(-20.437177,-108.04209)"> - <ellipse - style="fill:#5599ff;stroke:none;stroke-width:1.37784" - id="path1686" - cx="2452.2817" - cy="443.12677" - rx="90.998795" - ry="91.715324" /> - <ellipse - style="fill:#5599ff;stroke:none;stroke-width:4.6792" - id="path1686-0" - cx="-813.79816" - cy="1668.5828" - rx="309.51749" - ry="310.9841" - transform="matrix(0.01794811,-0.99983892,0.9998369,0.01806035,0,0)" /> - <ellipse - style="fill:#5599ff;stroke:none;stroke-width:3.57854" - id="path1686-6" - cx="2415.4407" - cy="852.22516" - rx="239.92137" - ry="234.65106" /> - <ellipse - style="fill:#5599ff;stroke:none;stroke-width:5.88549" - id="path1686-04" - cx="1964.8804" - cy="755.37225" - rx="409.79788" - ry="371.59998" /> - </g> - <g - id="g2332" - inkscape:label="pills" - transform="matrix(4.1056988,0,0,3.8903141,-7760.1946,-561.25276)"> - <rect - style="fill:#0044aa;stroke:none;stroke-width:1.54047" - id="rect1898" - width="64.487335" - height="79.176117" - x="2370.2678" - y="280.8782" - ry="10.942506" /> - <rect - style="fill:#d5e5ff;stroke:none;stroke-width:1.29424" - id="rect2155" - width="67.961754" - height="18.629675" - x="2368.5376" - y="272.53314" - ry="3.0812349" /> - <rect - style="fill:#d5e5ff;stroke:none;stroke-width:1.37784" - id="rect2211" - width="52.306396" - height="37.796745" - x="2376.8958" - y="297.53738" - ry="3.0812349" /> - <rect - style="fill:#550022;stroke:none;stroke-width:1.37784" - id="rect2213" - width="43.170689" - height="3.7617612" - x="2380.8367" - y="301.4783" - ry="0" /> - <rect - style="fill:#550022;stroke:none;stroke-width:1.37784" - id="rect2267" - width="30.526285" - height="3.9266179" - x="2380.8445" - y="307.02036" /> - <rect - style="fill:#ac93a7;stroke:none;stroke-width:1.37784" - id="rect2269" - width="36.099548" - height="3.8632851" - x="2380.8601" - y="315.12692" /> - <rect - style="fill:#ac93a7;stroke:none;stroke-width:1.34353" - id="rect2323" - width="18.366438" - height="3.6732874" - x="2380.876" - y="321.1593" /> - </g> - <g - id="g4152" - inkscape:label="tablets" - transform="matrix(3.5125967,0,0,3.4054551,-6660.8926,-1599.374)"> - <rect - style="fill:#b7bec8;stroke:none;stroke-width:1.4247" - id="rect2334" - width="79.821426" - height="116.97635" - x="2367.4731" - y="534.1701" - ry="6.5647831" /> - <g - id="g3136" - inkscape:label="pill" - transform="matrix(0.41541679,0,0,0.44287285,1386.3958,291.58072)"> - <rect - style="fill:#ff0000;stroke:none;stroke-width:1.37784" - id="rect2754" - width="60.799244" - height="18.239773" - x="2384.5972" - y="563.91296" - ry="9.1198864" /> - <path - style="fill:#ffffff;stroke:#ffffff;stroke-width:1.29686" - d="m 2415.7641,563.83589 0.024,18.40649" - id="path3006" /> - <path - style="fill:#ffffff;stroke:#ffffff;stroke-width:0.881427" - d="m 9133.0823,2181.1868 c -10e-5,-10.4496 -0.051,-25.9113 -0.1126,-34.3594 l -0.1124,-15.3602 h 38.8348 c 26.0371,0 39.3074,0.059 40.269,0.1773 8.9343,1.1044 17.0533,5.5438 22.6246,12.3711 10.0636,12.3321 10.3518,29.9652 0.6975,42.6685 -4.7508,6.2511 -12.0764,10.9451 -19.7409,12.6493 -3.9116,0.8697 -3.0248,0.8526 -44.1642,0.8526 h -38.2957 z" - id="path3131" - transform="scale(0.26458333)" /> - </g> - <g - id="g3136-1" - inkscape:label="pill" - transform="matrix(0.41541679,0,0,0.44287285,1386.4153,304.66206)"> - <rect - style="fill:#ff0000;stroke:none;stroke-width:1.37784" - id="rect2754-5" - width="60.799244" - height="18.239773" - x="2384.5972" - y="563.91296" - ry="9.1198864" /> - <path - style="fill:#ffffff;stroke:#ffffff;stroke-width:1.29686" - d="m 2415.7641,563.83589 0.024,18.40649" - id="path3006-4" /> - <path - style="fill:#ffffff;stroke:#ffffff;stroke-width:0.881427" - d="m 9133.0823,2181.1868 c -10e-5,-10.4496 -0.051,-25.9113 -0.1126,-34.3594 l -0.1124,-15.3602 h 38.8348 c 26.0371,0 39.3074,0.059 40.269,0.1773 8.9343,1.1044 17.0533,5.5438 22.6246,12.3711 10.0636,12.3321 10.3518,29.9652 0.6975,42.6685 -4.7508,6.2511 -12.0764,10.9451 -19.7409,12.6493 -3.9116,0.8697 -3.0248,0.8526 -44.1642,0.8526 h -38.2957 z" - id="path3131-3" - transform="scale(0.26458333)" /> - </g> - <g - id="g3136-9" - inkscape:label="pill" - transform="matrix(0.41541679,0,0,0.44287285,1421.2334,291.54528)"> - <rect - style="fill:#ff0000;stroke:none;stroke-width:1.37784" - id="rect2754-3" - width="60.799244" - height="18.239773" - x="2384.5972" - y="563.91296" - ry="9.1198864" /> - <path - style="fill:#ffffff;stroke:#ffffff;stroke-width:1.29686" - d="m 2415.7641,563.83589 0.024,18.40649" - id="path3006-0" /> - <path - style="fill:#ffffff;stroke:#ffffff;stroke-width:0.881427" - d="m 9133.0823,2181.1868 c -10e-5,-10.4496 -0.051,-25.9113 -0.1126,-34.3594 l -0.1124,-15.3602 h 38.8348 c 26.0371,0 39.3074,0.059 40.269,0.1773 8.9343,1.1044 17.0533,5.5438 22.6246,12.3711 10.0636,12.3321 10.3518,29.9652 0.6975,42.6685 -4.7508,6.2511 -12.0764,10.9451 -19.7409,12.6493 -3.9116,0.8697 -3.0248,0.8526 -44.1642,0.8526 h -38.2957 z" - id="path3131-8" - transform="scale(0.26458333)" /> - </g> - <g - id="g3136-2" - inkscape:label="pill" - transform="matrix(0.41541679,0,0,0.44287285,1421.28,304.62157)"> - <rect - style="fill:#ff0000;stroke:none;stroke-width:1.37784" - id="rect2754-50" - width="60.799244" - height="18.239773" - x="2384.5972" - y="563.91296" - ry="9.1198864" /> - <path - style="fill:#ffffff;stroke:#ffffff;stroke-width:1.29686" - d="m 2415.7641,563.83589 0.024,18.40649" - id="path3006-6" /> - <path - style="fill:#ffffff;stroke:#ffffff;stroke-width:0.881427" - d="m 9133.0823,2181.1868 c -10e-5,-10.4496 -0.051,-25.9113 -0.1126,-34.3594 l -0.1124,-15.3602 h 38.8348 c 26.0371,0 39.3074,0.059 40.269,0.1773 8.9343,1.1044 17.0533,5.5438 22.6246,12.3711 10.0636,12.3321 10.3518,29.9652 0.6975,42.6685 -4.7508,6.2511 -12.0764,10.9451 -19.7409,12.6493 -3.9116,0.8697 -3.0248,0.8526 -44.1642,0.8526 h -38.2957 z" - id="path3131-9" - transform="scale(0.26458333)" /> - </g> - <g - id="g3136-15" - inkscape:label="pill" - transform="matrix(0.41541679,0,0,0.44287285,1421.32,317.83034)"> - <rect - style="fill:#ff0000;stroke:none;stroke-width:1.37784" - id="rect2754-0" - width="60.799244" - height="18.239773" - x="2384.5972" - y="563.91296" - ry="9.1198864" /> - <path - style="fill:#ffffff;stroke:#ffffff;stroke-width:1.29686" - d="m 2415.7641,563.83589 0.024,18.40649" - id="path3006-02" /> - <path - style="fill:#ffffff;stroke:#ffffff;stroke-width:0.881427" - d="m 9133.0823,2181.1868 c -10e-5,-10.4496 -0.051,-25.9113 -0.1126,-34.3594 l -0.1124,-15.3602 h 38.8348 c 26.0371,0 39.3074,0.059 40.269,0.1773 8.9343,1.1044 17.0533,5.5438 22.6246,12.3711 10.0636,12.3321 10.3518,29.9652 0.6975,42.6685 -4.7508,6.2511 -12.0764,10.9451 -19.7409,12.6493 -3.9116,0.8697 -3.0248,0.8526 -44.1642,0.8526 h -38.2957 z" - id="path3131-1" - transform="scale(0.26458333)" /> - </g> - <g - id="g3136-7" - inkscape:label="pill" - transform="matrix(0.41541679,0,0,0.44287285,1421.389,331.088)"> - <rect - style="fill:#ff0000;stroke:none;stroke-width:1.37784" - id="rect2754-6" - width="60.799244" - height="18.239773" - x="2384.5972" - y="563.91296" - ry="9.1198864" /> - <path - style="fill:#ffffff;stroke:#ffffff;stroke-width:1.29686" - d="m 2415.7641,563.83589 0.024,18.40649" - id="path3006-7" /> - <path - style="fill:#ffffff;stroke:#ffffff;stroke-width:0.881427" - d="m 9133.0823,2181.1868 c -10e-5,-10.4496 -0.051,-25.9113 -0.1126,-34.3594 l -0.1124,-15.3602 h 38.8348 c 26.0371,0 39.3074,0.059 40.269,0.1773 8.9343,1.1044 17.0533,5.5438 22.6246,12.3711 10.0636,12.3321 10.3518,29.9652 0.6975,42.6685 -4.7508,6.2511 -12.0764,10.9451 -19.7409,12.6493 -3.9116,0.8697 -3.0248,0.8526 -44.1642,0.8526 h -38.2957 z" - id="path3131-2" - transform="scale(0.26458333)" /> - </g> - <g - id="g3136-4" - inkscape:label="pill" - transform="matrix(0.41541679,0,0,0.44287285,1421.3908,344.13901)"> - <rect - style="fill:#ff0000;stroke:none;stroke-width:1.37784" - id="rect2754-34" - width="60.799244" - height="18.239773" - x="2384.5972" - y="563.91296" - ry="9.1198864" /> - <path - style="fill:#ffffff;stroke:#ffffff;stroke-width:1.29686" - d="m 2415.7641,563.83589 0.024,18.40649" - id="path3006-2" /> - <path - style="fill:#ffffff;stroke:#ffffff;stroke-width:0.881427" - d="m 9133.0823,2181.1868 c -10e-5,-10.4496 -0.051,-25.9113 -0.1126,-34.3594 l -0.1124,-15.3602 h 38.8348 c 26.0371,0 39.3074,0.059 40.269,0.1773 8.9343,1.1044 17.0533,5.5438 22.6246,12.3711 10.0636,12.3321 10.3518,29.9652 0.6975,42.6685 -4.7508,6.2511 -12.0764,10.9451 -19.7409,12.6493 -3.9116,0.8697 -3.0248,0.8526 -44.1642,0.8526 h -38.2957 z" - id="path3131-33" - transform="scale(0.26458333)" /> - </g> - <g - id="g3136-6" - inkscape:label="pill" - transform="matrix(0.41541679,0,0,0.44287285,1421.358,357.24758)"> - <rect - style="fill:#ff0000;stroke:none;stroke-width:1.37784" - id="rect2754-8" - width="60.799244" - height="18.239773" - x="2384.5972" - y="563.91296" - ry="9.1198864" /> - <path - style="fill:#ffffff;stroke:#ffffff;stroke-width:1.29686" - d="m 2415.7641,563.83589 0.024,18.40649" - id="path3006-46" /> - <path - style="fill:#ffffff;stroke:#ffffff;stroke-width:0.881427" - d="m 9133.0823,2181.1868 c -10e-5,-10.4496 -0.051,-25.9113 -0.1126,-34.3594 l -0.1124,-15.3602 h 38.8348 c 26.0371,0 39.3074,0.059 40.269,0.1773 8.9343,1.1044 17.0533,5.5438 22.6246,12.3711 10.0636,12.3321 10.3518,29.9652 0.6975,42.6685 -4.7508,6.2511 -12.0764,10.9451 -19.7409,12.6493 -3.9116,0.8697 -3.0248,0.8526 -44.1642,0.8526 h -38.2957 z" - id="path3131-31" - transform="scale(0.26458333)" /> - </g> - <g - id="g3136-0" - inkscape:label="pill" - transform="matrix(0.41541679,0,0,0.44287285,1421.3736,385.45731)"> - <rect - style="fill:#ff0000;stroke:none;stroke-width:1.37784" - id="rect2754-7" - width="60.799244" - height="18.239773" - x="2384.5972" - y="563.91296" - ry="9.1198864" /> - <path - style="fill:#ffffff;stroke:#ffffff;stroke-width:1.29686" - d="m 2415.7641,563.83589 0.024,18.40649" - id="path3006-44" /> - <path - style="fill:#ffffff;stroke:#ffffff;stroke-width:0.881427" - d="m 9133.0823,2181.1868 c -10e-5,-10.4496 -0.051,-25.9113 -0.1126,-34.3594 l -0.1124,-15.3602 h 38.8348 c 26.0371,0 39.3074,0.059 40.269,0.1773 8.9343,1.1044 17.0533,5.5438 22.6246,12.3711 10.0636,12.3321 10.3518,29.9652 0.6975,42.6685 -4.7508,6.2511 -12.0764,10.9451 -19.7409,12.6493 -3.9116,0.8697 -3.0248,0.8526 -44.1642,0.8526 h -38.2957 z" - id="path3131-6" - transform="scale(0.26458333)" /> - </g> - <g - id="g3136-95" - inkscape:label="pill" - transform="matrix(0.41541679,0,0,0.44287285,1421.369,370.85506)"> - <rect - style="fill:#ff0000;stroke:none;stroke-width:1.37784" - id="rect2754-86" - width="60.799244" - height="18.239773" - x="2384.5972" - y="563.91296" - ry="9.1198864" /> - <path - style="fill:#ffffff;stroke:#ffffff;stroke-width:1.29686" - d="m 2415.7641,563.83589 0.024,18.40649" - id="path3006-21" /> - <path - style="fill:#ffffff;stroke:#ffffff;stroke-width:0.881427" - d="m 9133.0823,2181.1868 c -10e-5,-10.4496 -0.051,-25.9113 -0.1126,-34.3594 l -0.1124,-15.3602 h 38.8348 c 26.0371,0 39.3074,0.059 40.269,0.1773 8.9343,1.1044 17.0533,5.5438 22.6246,12.3711 10.0636,12.3321 10.3518,29.9652 0.6975,42.6685 -4.7508,6.2511 -12.0764,10.9451 -19.7409,12.6493 -3.9116,0.8697 -3.0248,0.8526 -44.1642,0.8526 h -38.2957 z" - id="path3131-5" - transform="scale(0.26458333)" /> - </g> - <g - id="g3136-3" - inkscape:label="pill" - transform="matrix(0.41541679,0,0,0.44287285,1386.4189,317.83503)"> - <rect - style="fill:#ff0000;stroke:none;stroke-width:1.37784" - id="rect2754-06" - width="60.799244" - height="18.239773" - x="2384.5972" - y="563.91296" - ry="9.1198864" /> - <path - style="fill:#ffffff;stroke:#ffffff;stroke-width:1.29686" - d="m 2415.7641,563.83589 0.024,18.40649" - id="path3006-20" /> - <path - style="fill:#ffffff;stroke:#ffffff;stroke-width:0.881427" - d="m 9133.0823,2181.1868 c -10e-5,-10.4496 -0.051,-25.9113 -0.1126,-34.3594 l -0.1124,-15.3602 h 38.8348 c 26.0371,0 39.3074,0.059 40.269,0.1773 8.9343,1.1044 17.0533,5.5438 22.6246,12.3711 10.0636,12.3321 10.3518,29.9652 0.6975,42.6685 -4.7508,6.2511 -12.0764,10.9451 -19.7409,12.6493 -3.9116,0.8697 -3.0248,0.8526 -44.1642,0.8526 h -38.2957 z" - id="path3131-0" - transform="scale(0.26458333)" /> - </g> - <g - id="g3136-74" - inkscape:label="pill" - transform="matrix(0.41541679,0,0,0.44287285,1386.4104,344.19697)"> - <rect - style="fill:#ff0000;stroke:none;stroke-width:1.37784" - id="rect2754-58" - width="60.799244" - height="18.239773" - x="2384.5972" - y="563.91296" - ry="9.1198864" /> - <path - style="fill:#ffffff;stroke:#ffffff;stroke-width:1.29686" - d="m 2415.7641,563.83589 0.024,18.40649" - id="path3006-29" /> - <path - style="fill:#ffffff;stroke:#ffffff;stroke-width:0.881427" - d="m 9133.0823,2181.1868 c -10e-5,-10.4496 -0.051,-25.9113 -0.1126,-34.3594 l -0.1124,-15.3602 h 38.8348 c 26.0371,0 39.3074,0.059 40.269,0.1773 8.9343,1.1044 17.0533,5.5438 22.6246,12.3711 10.0636,12.3321 10.3518,29.9652 0.6975,42.6685 -4.7508,6.2511 -12.0764,10.9451 -19.7409,12.6493 -3.9116,0.8697 -3.0248,0.8526 -44.1642,0.8526 h -38.2957 z" - id="path3131-11" - transform="scale(0.26458333)" /> - </g> - <g - id="g3136-26" - inkscape:label="pill" - transform="matrix(0.41541679,0,0,0.44287285,1386.4417,357.25552)"> - <rect - style="fill:#ff0000;stroke:none;stroke-width:1.37784" - id="rect2754-64" - width="60.799244" - height="18.239773" - x="2384.5972" - y="563.91296" - ry="9.1198864" /> - <path - style="fill:#ffffff;stroke:#ffffff;stroke-width:1.29686" - d="m 2415.7641,563.83589 0.024,18.40649" - id="path3006-65" /> - <path - style="fill:#ffffff;stroke:#ffffff;stroke-width:0.881427" - d="m 9133.0823,2181.1868 c -10e-5,-10.4496 -0.051,-25.9113 -0.1126,-34.3594 l -0.1124,-15.3602 h 38.8348 c 26.0371,0 39.3074,0.059 40.269,0.1773 8.9343,1.1044 17.0533,5.5438 22.6246,12.3711 10.0636,12.3321 10.3518,29.9652 0.6975,42.6685 -4.7508,6.2511 -12.0764,10.9451 -19.7409,12.6493 -3.9116,0.8697 -3.0248,0.8526 -44.1642,0.8526 h -38.2957 z" - id="path3131-4" - transform="scale(0.26458333)" /> - </g> - <g - id="g3136-16" - inkscape:label="pill" - transform="matrix(0.41541679,0,0,0.44287285,1386.4207,385.45895)"> - <rect - style="fill:#ff0000;stroke:none;stroke-width:1.37784" - id="rect2754-1" - width="60.799244" - height="18.239773" - x="2384.5972" - y="563.91296" - ry="9.1198864" /> - <path - style="fill:#ffffff;stroke:#ffffff;stroke-width:1.29686" - d="m 2415.7641,563.83589 0.024,18.40649" - id="path3006-468" /> - <path - style="fill:#ffffff;stroke:#ffffff;stroke-width:0.881427" - d="m 9133.0823,2181.1868 c -10e-5,-10.4496 -0.051,-25.9113 -0.1126,-34.3594 l -0.1124,-15.3602 h 38.8348 c 26.0371,0 39.3074,0.059 40.269,0.1773 8.9343,1.1044 17.0533,5.5438 22.6246,12.3711 10.0636,12.3321 10.3518,29.9652 0.6975,42.6685 -4.7508,6.2511 -12.0764,10.9451 -19.7409,12.6493 -3.9116,0.8697 -3.0248,0.8526 -44.1642,0.8526 h -38.2957 z" - id="path3131-318" - transform="scale(0.26458333)" /> - </g> - <g - id="g3136-47" - inkscape:label="pill" - transform="matrix(0.41541679,0,0,0.44287285,1386.4239,370.87404)"> - <rect - style="fill:#ff0000;stroke:none;stroke-width:1.37784" - id="rect2754-55" - width="60.799244" - height="18.239773" - x="2384.5972" - y="563.91296" - ry="9.1198864" /> - <path - style="fill:#ffffff;stroke:#ffffff;stroke-width:1.29686" - d="m 2415.7641,563.83589 0.024,18.40649" - id="path3006-45" /> - <path - style="fill:#ffffff;stroke:#ffffff;stroke-width:0.881427" - d="m 9133.0823,2181.1868 c -10e-5,-10.4496 -0.051,-25.9113 -0.1126,-34.3594 l -0.1124,-15.3602 h 38.8348 c 26.0371,0 39.3074,0.059 40.269,0.1773 8.9343,1.1044 17.0533,5.5438 22.6246,12.3711 10.0636,12.3321 10.3518,29.9652 0.6975,42.6685 -4.7508,6.2511 -12.0764,10.9451 -19.7409,12.6493 -3.9116,0.8697 -3.0248,0.8526 -44.1642,0.8526 h -38.2957 z" - id="path3131-14" - transform="scale(0.26458333)" /> - </g> - <g - id="g3136-22" - inkscape:label="pill" - transform="matrix(0.41541679,0,0,0.44287285,1386.4015,331.28732)"> - <rect - style="fill:#ff0000;stroke:none;stroke-width:1.37784" - id="rect2754-9" - width="60.799244" - height="18.239773" - x="2384.5972" - y="563.91296" - ry="9.1198864" /> - <path - style="fill:#ffffff;stroke:#ffffff;stroke-width:1.29686" - d="m 2415.7641,563.83589 0.024,18.40649" - id="path3006-5" /> - <path - style="fill:#ffffff;stroke:#ffffff;stroke-width:0.881427" - d="m 9133.0823,2181.1868 c -10e-5,-10.4496 -0.051,-25.9113 -0.1126,-34.3594 l -0.1124,-15.3602 h 38.8348 c 26.0371,0 39.3074,0.059 40.269,0.1773 8.9343,1.1044 17.0533,5.5438 22.6246,12.3711 10.0636,12.3321 10.3518,29.9652 0.6975,42.6685 -4.7508,6.2511 -12.0764,10.9451 -19.7409,12.6493 -3.9116,0.8697 -3.0248,0.8526 -44.1642,0.8526 h -38.2957 z" - id="path3131-95" - transform="scale(0.26458333)" /> - </g> - </g> - <g - id="g7607" - inkscape:label="donut" - transform="matrix(3.4561403,0,0,3.6036364,-6179.7817,-969.6717)"> - <path - style="fill:#ff5599;stroke:none;stroke-width:1.37784" - id="path5369" - sodipodi:type="arc" - sodipodi:cx="2253.1089" - sodipodi:cy="450.32242" - sodipodi:rx="53.320271" - sodipodi:ry="51.449383" - sodipodi:start="0" - sodipodi:end="6.2831824" - sodipodi:arc-type="slice" - d="m 2306.4292,450.32242 a 53.320271,51.449383 0 0 1 -53.3203,51.44938 53.320271,51.449383 0 0 1 -53.3203,-51.44931 53.320271,51.449383 0 0 1 53.3202,-51.44945 53.320271,51.449383 0 0 1 53.3204,51.44923 l -53.3203,1.5e-4 z" /> - <path - style="fill:#ff2a7f;stroke:none;stroke-width:1.85738" - id="path6103" - sodipodi:type="arc" - sodipodi:cx="2252.7346" - sodipodi:cy="447.51611" - sodipodi:rx="31.617985" - sodipodi:ry="29.934187" - sodipodi:start="0" - sodipodi:end="6.2831824" - sodipodi:arc-type="slice" - d="m 2284.3526,447.51611 a 31.617985,29.934187 0 0 1 -31.618,29.93419 31.617985,29.934187 0 0 1 -31.618,-29.93414 31.617985,29.934187 0 0 1 31.618,-29.93423 31.617985,29.934187 0 0 1 31.618,29.9341 l -31.618,8e-5 z" /> - <path - style="fill:#5599ff;stroke:none;stroke-width:1.37784" - id="path5373" - sodipodi:type="arc" - sodipodi:cx="2252.5479" - sodipodi:cy="451.63208" - sodipodi:rx="17.212158" - sodipodi:ry="16.83798" - sodipodi:start="0" - sodipodi:end="6.2831824" - sodipodi:arc-type="slice" - d="m 2269.76,451.63208 a 17.212158,16.83798 0 0 1 -17.2121,16.83798 17.212158,16.83798 0 0 1 -17.2122,-16.83796 17.212158,16.83798 0 0 1 17.2121,-16.838 17.212158,16.83798 0 0 1 17.2122,16.83793 l -17.2121,5e-5 z" /> - <g - id="g7575" - inkscape:label="sprinkles"> - <path - style="fill:#d42aff;stroke:#dd55ff;stroke-width:1.87083" - d="m 2262.2509,488.91896 c -6.2123,5.08917 -6.2123,5.08917 -6.2123,5.08917" - id="path7113-5" /> - <path - style="fill:#d42aff;stroke:#dd55ff;stroke-width:1.87083" - d="m 2210.3305,439.49638 c -5.2943,6.03849 -5.2943,6.03849 -5.2943,6.03849" - id="path7113-4" /> - <path - style="fill:#d42aff;stroke:#dd55ff;stroke-width:1.87083" - d="m 2241.1683,429.44661 c -5.8511,5.50053 -5.8511,5.50053 -5.8511,5.50053" - id="path7113-54" /> - <path - style="fill:#d42aff;stroke:#dd55ff;stroke-width:1.87083" - d="m 2255.5618,403.68775 c 5.0177,6.27015 5.0177,6.27015 5.0177,6.27015" - id="path7113" /> - <path - style="fill:#d42aff;stroke:#dd55ff;stroke-width:1.87083" - d="m 2289.8587,431.00227 c -4.5425,6.62255 -4.5425,6.62255 -4.5425,6.62255" - id="path7113-1" /> - <path - style="fill:#ffe680;stroke:#ffe680;stroke-width:1.87083" - d="m 2275.8358,412.61372 c -4.5425,6.62255 -4.5425,6.62255 -4.5425,6.62255" - id="path7113-1-9" /> - <path - style="fill:#ffe680;stroke:#ffe680;stroke-width:1.87083" - d="m 2285.4448,449.63715 c -6.2981,-4.98265 -6.2981,-4.98265 -6.2981,-4.98265" - id="path7113-1-9-8" /> - <path - style="fill:#ffe680;stroke:#ffe680;stroke-width:1.87083" - d="m 2264.0105,479.50047 c 7.2019,3.55323 7.2019,3.55323 7.2019,3.55323" - id="path7113-1-9-9" /> - <path - style="fill:#ffe680;stroke:#ffe680;stroke-width:1.87083" - d="m 2297.4521,467.826 c -7.0293,3.88341 -7.0293,3.88341 -7.0293,3.88341" - id="path7113-1-9-7" /> - <path - style="fill:#ffe680;stroke:#ffe680;stroke-width:1.87083" - d="m 2237.5747,486.66346 c -6.6015,4.57309 -6.6015,4.57309 -6.6015,4.57309" - id="path7113-1-9-99" /> - <path - style="fill:#ffe680;stroke:#ffe680;stroke-width:1.87083" - d="m 2209.7387,451.7372 c 7.7955,1.92977 7.7955,1.92977 7.7955,1.92977" - id="path7113-1-9-1" /> - <path - style="fill:#ffe680;stroke:#ffe680;stroke-width:1.87083" - d="m 2222.0481,415.54595 c 1.4329,7.90185 1.4329,7.90185 1.4329,7.90185" - id="path7113-1-9-4" /> - <path - style="fill:#ffe680;stroke:#ffe680;stroke-width:1.87083" - d="m 2248.089,411.35168 c -7.7863,-1.96587 -7.7863,-1.96587 -7.7863,-1.96587" - id="path7113-1-9-15" /> - <path - style="fill:#00aa00;stroke:#00d400;stroke-width:1.87083" - d="m 2215.5869,474.07126 c -3.9009,-7.01961 -3.9009,-7.01961 -3.9009,-7.01961" - id="path7113-1-9-996" /> - <path - style="fill:#00aa00;stroke:#00d400;stroke-width:1.87083" - d="m 2294.7127,439.88867 c 3.7413,7.10599 3.7413,7.10599 3.7413,7.10599" - id="path7113-1-9-996-2" /> - <path - style="fill:#00aa00;stroke:#00d400;stroke-width:1.87083" - d="m 2280.8076,419.69314 c 8.0037,-0.65711 8.0037,-0.65711 8.0037,-0.65711" - id="path7113-1-9-996-9" /> - <path - style="fill:#00aa00;stroke:#00d400;stroke-width:1.87083" - d="m 2266.9723,421.60956 c -4.5425,6.62255 -4.5425,6.62255 -4.5425,6.62255" - id="path7113-1-9-996-83" /> - <path - style="fill:#00aa00;stroke:#00d400;stroke-width:1.87083" - d="m 2221.1428,435.52537 c -5.4877,-5.86325 -5.4877,-5.86325 -5.4877,-5.86325" - id="path7113-1-9-996-23" /> - <path - style="fill:#00aa00;stroke:#ff6600;stroke-width:1.87083" - d="m 2229.9306,451.90435 c -4.5425,6.62255 -4.5425,6.62255 -4.5425,6.62255" - id="path7113-1-9-996-6" /> - <path - style="fill:#00aa00;stroke:#ff6600;stroke-width:1.87083" - d="m 2221.3091,477.03222 c 1.0589,7.96055 1.0589,7.96055 1.0589,7.96055" - id="path7113-1-9-996-6-5" /> - <path - style="fill:#00aa00;stroke:#ff6600;stroke-width:1.87083" - d="m 2293.1416,454.11927 c -0.5249,8.01355 -0.5249,8.01355 -0.5249,8.01355" - id="path7113-1-9-996-6-3" /> - <path - style="fill:#00aa00;stroke:#ff6600;stroke-width:1.87083" - d="m 2230.7794,414.46561 c 6.4599,4.77085 6.4599,4.77085 6.4599,4.77085" - id="path7113-1-9-996-6-1" /> - <path - style="fill:#00aa00;stroke:#00d400;stroke-width:1.87083" - d="m 2256.6406,484.07123 c -7.9563,-1.09039 -7.9563,-1.09039 -7.9563,-1.09039" - id="path7113-1-9-996-8" /> - <path - style="fill:#00aa00;stroke:#00d400;stroke-width:1.87083" - d="m 2281.7889,461.16477 c -4.5425,6.62255 -4.5425,6.62255 -4.5425,6.62255" - id="path7113-1-9-996-4" /> - <path - style="fill:#d42aff;stroke:#dd55ff;stroke-width:1.87083" - d="m 2285.6775,475.56779 c 0.9097,7.97901 0.9097,7.97901 0.9097,7.97901" - id="path7113-2" /> - <path - style="fill:#d42aff;stroke:#dd55ff;stroke-width:1.87083" - d="m 2229.3838,471.792 c 5.0177,6.27015 5.0177,6.27015 5.0177,6.27015" - id="path7113-9" /> - </g> - </g> - <g - id="g9054" - inkscape:label="muffin" - transform="matrix(3.2368078,0,0,3.3489712,-6180.921,-1156.7154)"> - <path - style="fill:#d40055;stroke:none;stroke-width:0.896578" - d="m 2522.0745,452.23905 15.5442,42.00261 45.7068,0.0661 14.6182,-42.1349 z" - id="path8471" - sodipodi:nodetypes="ccccc" /> - <path - style="fill:#d40055;stroke:#11002b;stroke-width:0.896578" - d="m 2525.7125,451.90833 12.9646,34.925" - id="path8529" /> - <path - style="fill:#d40055;stroke:#11002b;stroke-width:0.896578" - d="m 2530.475,452.43749 8.4666,24.60625" - id="path8531" /> - <path - style="fill:#d40055;stroke:#11002b;stroke-width:0.896578" - d="m 2535.2375,452.17291 14.5521,38.36458" - id="path8533" /> - <rect - style="fill:#ffd5e5;stroke:none;stroke-width:1.03086" - id="rect8587" - width="92.339577" - height="19.84375" - x="2512.3511" - y="432.32916" - ry="9.921875" /> - <rect - style="fill:#ffd5e5;stroke:none;stroke-width:0.864777" - id="rect8587-5" - width="64.98246" - height="19.84375" - x="2527.3621" - y="418.96768" - ry="9.921875" /> - <ellipse - style="fill:#d40000;stroke:none;stroke-width:0.828797" - id="path8928" - cx="2559.3335" - cy="404.11798" - rx="11.046354" - ry="10.484115" /> - <rect - style="fill:#ffd5e5;stroke:none;stroke-width:0.648308" - id="rect8587-5-6" - width="36.521614" - height="19.84375" - x="2540.7986" - y="408.51666" - ry="9.921875" /> - </g> - </g> + inkscape:export-ydpi="96" /> + <path + id="path1686-0" + style="fill:#5599ff;stroke:none;stroke-width:3.98348" + d="m 1962.0421,364.88258 c -111.3665,0.0868 -216.0776,47.52524 -282.1707,127.83482 -138.9274,8.01249 -248.131,119.86284 -250.627,256.70168 -0.4851,31.77368 4.9134,63.3706 15.9314,93.24665 493.2385,2.10326 802.3063,1.22331 1090.1752,0 11.8945,-25.58593 18.0447,-53.3168 18.0455,-81.3661 -10e-5,-109.66601 -91.9958,-198.56774 -205.478,-198.56754 -19.1531,0.0367 -38.2069,2.66113 -56.6081,7.79704 -50.8629,-123.56441 -182.2776,-205.64028 -329.2683,-205.64655 z" + sodipodi:nodetypes="ccccccccc" /> + <rect + style="fill:#0044aa;stroke:none;stroke-width:5.24119" + id="rect1898" + width="226.75513" + height="260.65442" + x="1985.1387" + y="581.28088" + ry="36.023651" /> + <rect + style="fill:#d5e5ff;stroke:none;stroke-width:4.40343" + id="rect2155" + width="238.97214" + height="61.330456" + x="1979.0548" + y="553.80823" + ry="10.143684" /> + <rect + style="fill:#d5e5ff;stroke:none;stroke-width:4.68787" + id="rect2211" + width="183.92361" + height="124.43007" + x="2008.4442" + y="636.12433" + ry="10.143684" /> + <rect + style="fill:#550022;stroke:none;stroke-width:4.68787" + id="rect2213" + width="151.79997" + height="12.384035" + x="2022.3016" + y="649.09814" + ry="0" /> + <rect + style="fill:#550022;stroke:none;stroke-width:4.68787" + id="rect2267" + width="107.33878" + height="12.926756" + x="2022.3291" + y="667.34302" /> + <rect + style="fill:#ac93a7;stroke:none;stroke-width:4.68787" + id="rect2269" + width="126.9359" + height="12.71826" + x="2022.3842" + y="694.03052" /> + <rect + style="fill:#ac93a7;stroke:none;stroke-width:4.57114" + id="rect2323" + width="64.581429" + height="12.092772" + x="2022.4399" + y="713.88965" /> + <rect + style="fill:#b7bec8;stroke:none;stroke-width:4.19485" + id="rect2334" + width="240.12834" + height="337.10056" + x="1714.2258" + y="317.48404" + ry="18.918285" /> + <rect + style="fill:#ff0000;stroke:none;stroke-width:1.7401" + id="rect2754" + width="75.981194" + height="23.278763" + x="1742.8781" + y="338.09561" + ry="11.639381" /> + <path + style="fill:#ffffff;stroke:#ffffff;stroke-width:1.63782" + d="m 1781.8274,337.99726 0.03,23.49154" + id="path3006" /> + <path + style="fill:#ffffff;stroke:#ffffff;stroke-width:0.294525" + d="m 1782.6986,354.933 c 0,-3.5286 -0.017,-8.74968 -0.037,-11.60241 l -0.037,-5.18681 h 12.8407 c 8.6093,0 12.9971,0.02 13.3151,0.0599 2.9541,0.37294 5.6386,1.87202 7.4809,4.17746 3.3275,4.16427 3.4228,10.11859 0.2306,14.40822 -1.5708,2.11085 -3.9931,3.69591 -6.5274,4.27139 -1.2934,0.29367 -1.0001,0.2879 -14.6029,0.2879 h -12.6626 z" + id="path3131" /> + <rect + style="fill:#ff0000;stroke:none;stroke-width:1.7401" + id="rect2754-5" + width="75.981194" + height="23.278763" + x="1742.9366" + y="375.79324" + ry="11.639381" /> + <path + style="fill:#ffffff;stroke:#ffffff;stroke-width:1.63782" + d="m 1781.886,375.69486 0.03,23.49154" + id="path3006-4" /> + <path + style="fill:#ffffff;stroke:#ffffff;stroke-width:0.294525" + d="m 1782.7572,392.63059 c 0,-3.52859 -0.017,-8.74967 -0.037,-11.6024 l -0.037,-5.18681 h 12.8407 c 8.6093,0 12.9971,0.02 13.315,0.0598 2.9541,0.37292 5.6387,1.87202 7.481,4.17745 3.3275,4.16428 3.4228,10.1186 0.2305,14.40822 -1.5708,2.11086 -3.9931,3.69592 -6.5273,4.2714 -1.2934,0.29367 -1.0002,0.2879 -14.603,0.2879 h -12.6625 z" + id="path3131-3" /> + <rect + style="fill:#ff0000;stroke:none;stroke-width:1.7401" + id="rect2754-3" + width="75.981194" + height="23.278763" + x="1847.6807" + y="337.99347" + ry="11.639381" /> + <path + style="fill:#ffffff;stroke:#ffffff;stroke-width:1.63782" + d="m 1886.63,337.89513 0.03,23.49154" + id="path3006-0" /> + <path + style="fill:#ffffff;stroke:#ffffff;stroke-width:0.294525" + d="m 1887.5013,354.83087 c 0,-3.5286 -0.017,-8.74968 -0.037,-11.60242 l -0.037,-5.1868 h 12.8408 c 8.6092,0 12.997,0.02 13.315,0.0599 2.9541,0.37293 5.6387,1.87202 7.4809,4.17746 3.3274,4.16427 3.4228,10.11859 0.2305,14.40822 -1.5708,2.11086 -3.993,3.69592 -6.5274,4.27139 -1.2933,0.29367 -1.0001,0.2879 -14.6029,0.2879 h -12.6617 z" + id="path3131-8" /> + <rect + style="fill:#ff0000;stroke:none;stroke-width:1.7401" + id="rect2754-50" + width="75.981194" + height="23.278763" + x="1847.8208" + y="375.67651" + ry="11.639381" /> + <path + style="fill:#ffffff;stroke:#ffffff;stroke-width:1.63782" + d="m 1886.7701,375.57817 0.03,23.49155" + id="path3006-6" /> + <path + style="fill:#ffffff;stroke:#ffffff;stroke-width:0.294525" + d="m 1887.6414,392.51391 c 0,-3.5286 -0.017,-8.74968 -0.037,-11.60242 l -0.037,-5.1868 h 12.8408 c 8.6092,0 12.997,0.02 13.315,0.0598 2.9541,0.37293 5.6387,1.87202 7.4809,4.17745 3.3275,4.16428 3.4228,10.11859 0.2305,14.40823 -1.5708,2.11086 -3.993,3.69591 -6.5273,4.27139 -1.2934,0.29367 -1.0001,0.2879 -14.603,0.2879 h -12.6624 z" + id="path3131-9" /> + <rect + style="fill:#ff0000;stroke:none;stroke-width:1.7401" + id="rect2754-0" + width="75.981194" + height="23.278763" + x="1847.941" + y="413.74136" + ry="11.639381" /> + <path + style="fill:#ffffff;stroke:#ffffff;stroke-width:1.63782" + d="m 1886.8904,413.64299 0.03,23.49154" + id="path3006-02" /> + <path + style="fill:#ffffff;stroke:#ffffff;stroke-width:0.294525" + d="m 1887.7617,430.57873 c 0,-3.5286 -0.017,-8.74968 -0.037,-11.60241 l -0.037,-5.18681 h 12.8407 c 8.6092,0 12.997,0.02 13.315,0.0598 2.9541,0.37293 5.6387,1.87202 7.4809,4.17746 3.3275,4.16426 3.4229,10.11859 0.2306,14.40822 -1.5709,2.11085 -3.9931,3.69591 -6.5274,4.27139 -1.2933,0.29367 -1.0002,0.2879 -14.6029,0.2879 h -12.6625 z" + id="path3131-1" /> + <rect + style="fill:#ff0000;stroke:none;stroke-width:1.7401" + id="rect2754-6" + width="75.981194" + height="23.278763" + x="1848.1488" + y="451.94708" + ry="11.639381" /> + <path + style="fill:#ffffff;stroke:#ffffff;stroke-width:1.63782" + d="m 1887.0981,451.84871 0.03,23.49154" + id="path3006-7" /> + <path + style="fill:#ffffff;stroke:#ffffff;stroke-width:0.294525" + d="m 1887.9693,468.78445 c 0,-3.5286 -0.017,-8.74968 -0.037,-11.60242 l -0.037,-5.1868 h 12.8408 c 8.6093,0 12.997,0.02 13.315,0.0598 2.9541,0.37293 5.6387,1.87203 7.4809,4.17745 3.3275,4.16428 3.4229,10.1186 0.2305,14.40822 -1.5707,2.11086 -3.993,3.69592 -6.5273,4.2714 -1.2934,0.29367 -1.0001,0.2879 -14.603,0.2879 h -12.6624 z" + id="path3131-2" /> + <rect + style="fill:#ff0000;stroke:none;stroke-width:1.7401" + id="rect2754-34" + width="75.981194" + height="23.278763" + x="1848.1541" + y="489.55728" + ry="11.639381" /> + <path + style="fill:#ffffff;stroke:#ffffff;stroke-width:1.63782" + d="m 1887.1034,489.4589 0.03,23.49154" + id="path3006-2" /> + <path + style="fill:#ffffff;stroke:#ffffff;stroke-width:0.294525" + d="m 1887.9747,506.39464 c 0,-3.5286 -0.017,-8.74968 -0.037,-11.60242 l -0.037,-5.1868 h 12.8407 c 8.6092,0 12.997,0.02 13.315,0.0599 2.9541,0.37294 5.6387,1.87202 7.4809,4.17746 3.3275,4.16427 3.4228,10.11859 0.2306,14.40822 -1.5708,2.11085 -3.9931,3.69591 -6.5274,4.27139 -1.2933,0.29367 -1.0002,0.2879 -14.6029,0.2879 h -12.6626 z" + id="path3131-33" /> + <rect + style="fill:#ff0000;stroke:none;stroke-width:1.7401" + id="rect2754-8" + width="75.981194" + height="23.278763" + x="1848.0554" + y="527.33331" + ry="11.639381" /> + <path + style="fill:#ffffff;stroke:#ffffff;stroke-width:1.63782" + d="m 1887.0048,527.23497 0.03,23.49153" + id="path3006-46" /> + <path + style="fill:#ffffff;stroke:#ffffff;stroke-width:0.294525" + d="m 1887.8761,544.1707 c 0,-3.5286 -0.017,-8.74968 -0.037,-11.60242 l -0.037,-5.18681 h 12.8408 c 8.6092,0 12.9969,0.02 13.315,0.0599 2.9541,0.37293 5.6387,1.87202 7.4808,4.17745 3.3275,4.16428 3.4228,10.11859 0.2306,14.40822 -1.5708,2.11086 -3.993,3.69592 -6.5274,4.27139 -1.2933,0.29368 -1.0001,0.28791 -14.6029,0.28791 h -12.6625 z" + id="path3131-31" /> + <rect + style="fill:#ff0000;stroke:none;stroke-width:1.7401" + id="rect2754-7" + width="75.981194" + height="23.278763" + x="1848.1024" + y="608.62769" + ry="11.639381" /> + <path + style="fill:#ffffff;stroke:#ffffff;stroke-width:1.63782" + d="m 1887.0518,608.52931 0.03,23.49154" + id="path3006-44" /> + <path + style="fill:#ffffff;stroke:#ffffff;stroke-width:0.294525" + d="m 1887.923,625.46505 c 0,-3.52861 -0.017,-8.74968 -0.037,-11.60242 l -0.037,-5.1868 h 12.8407 c 8.6093,0 12.9971,0.02 13.3151,0.0598 2.9541,0.37294 5.6386,1.87202 7.4809,4.17746 3.3275,4.16427 3.4228,10.11859 0.2305,14.40822 -1.5707,2.11085 -3.9931,3.69591 -6.5273,4.27139 -1.2934,0.29367 -1.0001,0.2879 -14.603,0.2879 h -12.6625 z" + id="path3131-6" /> + <rect + style="fill:#ff0000;stroke:none;stroke-width:1.7401" + id="rect2754-86" + width="75.981194" + height="23.278763" + x="1848.0886" + y="566.54712" + ry="11.639381" /> + <path + style="fill:#ffffff;stroke:#ffffff;stroke-width:1.63782" + d="m 1887.038,566.44879 0.03,23.49154" + id="path3006-21" /> + <path + style="fill:#ffffff;stroke:#ffffff;stroke-width:0.294525" + d="m 1887.9092,583.38452 c 0,-3.5286 -0.017,-8.74967 -0.037,-11.60241 l -0.037,-5.1868 h 12.8408 c 8.6092,0 12.9969,0.02 13.315,0.0598 2.9541,0.37293 5.6387,1.87202 7.4809,4.17745 3.3275,4.16428 3.4228,10.1186 0.2305,14.40822 -1.5707,2.11086 -3.993,3.69592 -6.5273,4.2714 -1.2934,0.29367 -1.0001,0.2879 -14.603,0.2879 h -12.6624 z" + id="path3131-5" /> + <rect + style="fill:#ff0000;stroke:none;stroke-width:1.7401" + id="rect2754-06" + width="75.981194" + height="23.278763" + x="1742.9475" + y="413.75488" + ry="11.639381" /> + <path + style="fill:#ffffff;stroke:#ffffff;stroke-width:1.63782" + d="m 1781.8969,413.65651 0.03,23.49154" + id="path3006-20" /> + <path + style="fill:#ffffff;stroke:#ffffff;stroke-width:0.294525" + d="m 1782.7681,430.59224 c 0,-3.5286 -0.017,-8.74968 -0.037,-11.60242 l -0.037,-5.1868 h 12.8407 c 8.6093,0 12.9971,0.02 13.315,0.0599 2.9541,0.37293 5.6387,1.87202 7.4809,4.17745 3.3276,4.16428 3.4229,10.11859 0.2306,14.40822 -1.5708,2.11086 -3.9931,3.69592 -6.5273,4.27139 -1.2935,0.29368 -1.0002,0.28791 -14.603,0.28791 h -12.6625 z" + id="path3131-0" /> + <rect + style="fill:#ff0000;stroke:none;stroke-width:1.7401" + id="rect2754-58" + width="75.981194" + height="23.278763" + x="1742.9219" + y="489.72427" + ry="11.639381" /> + <path + style="fill:#ffffff;stroke:#ffffff;stroke-width:1.63782" + d="m 1781.8713,489.62593 0.03,23.49154" + id="path3006-29" /> + <path + style="fill:#ffffff;stroke:#ffffff;stroke-width:0.294525" + d="m 1782.7425,506.56166 c 0,-3.5286 -0.017,-8.74968 -0.037,-11.60241 l -0.037,-5.18681 h 12.8407 c 8.6092,0 12.997,0.02 13.315,0.0599 2.9541,0.37293 5.6387,1.87202 7.481,4.17745 3.3274,4.16428 3.4228,10.11859 0.2305,14.40822 -1.5708,2.11086 -3.9931,3.69592 -6.5274,4.27139 -1.2933,0.29368 -1.0001,0.28791 -14.6029,0.28791 h -12.6625 z" + id="path3131-11" /> + <rect + style="fill:#ff0000;stroke:none;stroke-width:1.7401" + id="rect2754-64" + width="75.981194" + height="23.278763" + x="1743.016" + y="527.3562" + ry="11.639381" /> + <path + style="fill:#ffffff;stroke:#ffffff;stroke-width:1.63782" + d="m 1781.9654,527.25784 0.03,23.49154" + id="path3006-65" /> + <path + style="fill:#ffffff;stroke:#ffffff;stroke-width:0.294525" + d="m 1782.8367,544.19358 c 0,-3.5286 -0.017,-8.74968 -0.037,-11.60241 l -0.037,-5.18681 h 12.8408 c 8.6091,0 12.9969,0.02 13.315,0.0599 2.9541,0.37294 5.6387,1.87202 7.4809,4.17746 3.3274,4.16427 3.4228,10.11859 0.2305,14.40822 -1.5708,2.11085 -3.993,3.69591 -6.5274,4.27139 -1.2933,0.29367 -1.0001,0.2879 -14.6029,0.2879 h -12.6625 z" + id="path3131-4" /> + <rect + style="fill:#ff0000;stroke:none;stroke-width:1.7401" + id="rect2754-1" + width="75.981194" + height="23.278763" + x="1742.9529" + y="608.63245" + ry="11.639381" /> + <path + style="fill:#ffffff;stroke:#ffffff;stroke-width:1.63782" + d="m 1781.9023,608.53404 0.03,23.49154" + id="path3006-468" /> + <path + style="fill:#ffffff;stroke:#ffffff;stroke-width:0.294525" + d="m 1782.7736,625.46978 c 0,-3.52861 -0.017,-8.74968 -0.037,-11.60242 l -0.037,-5.1868 h 12.8407 c 8.6092,0 12.997,0.02 13.3151,0.0598 2.9541,0.37294 5.6386,1.87202 7.4808,4.17746 3.3275,4.16427 3.4228,10.11859 0.2306,14.40822 -1.5708,2.11085 -3.9931,3.69591 -6.5274,4.27139 -1.2933,0.29367 -1.0001,0.2879 -14.6029,0.2879 h -12.6625 z" + id="path3131-318" /> + <rect + style="fill:#ff0000;stroke:none;stroke-width:1.7401" + id="rect2754-55" + width="75.981194" + height="23.278763" + x="1742.9625" + y="566.60181" + ry="11.639381" /> + <path + style="fill:#ffffff;stroke:#ffffff;stroke-width:1.63782" + d="m 1781.9119,566.50348 0.03,23.49154" + id="path3006-45" /> + <path + style="fill:#ffffff;stroke:#ffffff;stroke-width:0.294525" + d="m 1782.7832,583.43921 c 0,-3.52859 -0.017,-8.74968 -0.037,-11.60241 l -0.037,-5.18681 h 12.8408 c 8.6092,0 12.997,0.02 13.315,0.0598 2.9542,0.37292 5.6387,1.87202 7.4809,4.17744 3.3275,4.16428 3.4228,10.1186 0.2306,14.40822 -1.5708,2.11086 -3.9931,3.69592 -6.5274,4.2714 -1.2934,0.29367 -1.0001,0.2879 -14.6029,0.2879 h -12.6625 z" + id="path3131-14" /> + <rect + style="fill:#ff0000;stroke:none;stroke-width:1.7401" + id="rect2754-9" + width="75.981194" + height="23.278763" + x="1742.8951" + y="452.52145" + ry="11.639381" /> + <path + style="fill:#ffffff;stroke:#ffffff;stroke-width:1.63782" + d="m 1781.8445,452.4231 0.03,23.49154" + id="path3006-5" /> + <path + style="fill:#ffffff;stroke:#ffffff;stroke-width:0.294525" + d="m 1782.7157,469.35883 c 0,-3.52859 -0.017,-8.74967 -0.037,-11.6024 l -0.037,-5.18681 h 12.8408 c 8.6093,0 12.9971,0.02 13.315,0.0598 2.9541,0.37292 5.6387,1.87202 7.4809,4.17745 3.3275,4.16428 3.4229,10.1186 0.2305,14.40822 -1.5707,2.11086 -3.993,3.69592 -6.5273,4.2714 -1.2934,0.29367 -1.0001,0.2879 -14.6029,0.2879 h -12.6625 z" + id="path3131-95" /> + <path + style="fill:#ff5599;stroke:none;stroke-width:4.13957" + id="path5369" + sodipodi:type="arc" + sodipodi:cx="1673.282" + sodipodi:cy="684.24536" + sodipodi:rx="157.82628" + sodipodi:ry="156.89438" + sodipodi:start="0" + sodipodi:end="6.2831824" + sodipodi:arc-type="slice" + d="M 1831.1083,684.24536 A 157.82628,156.89438 0 0 1 1673.282,841.13974 157.82628,156.89438 0 0 1 1515.4557,684.24559 157.82628,156.89438 0 0 1 1673.2816,527.35098 157.82628,156.89438 0 0 1 1831.1083,684.24491 l -157.8263,4.5e-4 z" /> + <path + style="fill:#ff2a7f;stroke:none;stroke-width:5.5803" + id="path6103" + sodipodi:type="arc" + sodipodi:cx="1672.1742" + sodipodi:cy="675.6875" + sodipodi:rx="93.588219" + sodipodi:ry="91.284012" + sodipodi:start="0" + sodipodi:end="6.2831824" + sodipodi:arc-type="slice" + d="m 1765.7624,675.6875 a 93.588219,91.284012 0 0 1 -93.5882,91.28401 93.588219,91.284012 0 0 1 -93.5882,-91.28388 93.588219,91.284012 0 0 1 93.588,-91.28414 93.588219,91.284012 0 0 1 93.5884,91.28374 l -93.5882,2.7e-4 z" /> + <path + style="fill:#5599ff;stroke:none;stroke-width:4.13957" + id="path5373" + sodipodi:type="arc" + sodipodi:cx="1671.6213" + sodipodi:cy="688.23914" + sodipodi:rx="50.947433" + sodipodi:ry="51.347256" + sodipodi:start="0" + sodipodi:end="6.2831824" + sodipodi:arc-type="slice" + d="m 1722.5688,688.23914 a 50.947433,51.347256 0 0 1 -50.9475,51.34725 50.947433,51.347256 0 0 1 -50.9474,-51.34718 50.947433,51.347256 0 0 1 50.9473,-51.34733 50.947433,51.347256 0 0 1 50.9476,51.34711 l -50.9475,1.5e-4 z" /> + <path + style="fill:#d42aff;stroke:#dd55ff;stroke-width:5.62071" + d="m 1700.3419,801.94509 c -18.3882,15.51938 -18.3882,15.51938 -18.3882,15.51938" + id="path7113-5" /> + <path + style="fill:#d42aff;stroke:#dd55ff;stroke-width:5.62071" + d="m 1546.6592,651.23143 c -15.6709,18.41432 -15.6709,18.41432 -15.6709,18.41432" + id="path7113-4" /> + <path + style="fill:#d42aff;stroke:#dd55ff;stroke-width:5.62071" + d="m 1637.9382,620.58476 c -17.3191,16.77381 -17.3191,16.77381 -17.3191,16.77381" + id="path7113-54" /> + <path + style="fill:#d42aff;stroke:#dd55ff;stroke-width:5.62071" + d="m 1680.5424,542.03337 c 14.8522,19.12075 14.8522,19.12075 14.8522,19.12075" + id="path7113" /> + <path + style="fill:#d42aff;stroke:#dd55ff;stroke-width:5.62071" + d="m 1782.0601,625.32873 c -13.4456,20.19539 -13.4456,20.19539 -13.4456,20.19539" + id="path7113-1" /> + <path + style="fill:#ffe680;stroke:#ffe680;stroke-width:5.62071" + d="m 1740.5528,569.25303 c -13.4456,20.1954 -13.4456,20.1954 -13.4456,20.1954" + id="path7113-1-9" /> + <path + style="fill:#ffe680;stroke:#ffe680;stroke-width:5.62071" + d="M 1768.9951,682.15561 C 1750.353,666.96107 1750.353,666.96107 1750.353,666.96107" + id="path7113-1-9-8" /> + <path + style="fill:#ffe680;stroke:#ffe680;stroke-width:5.62071" + d="m 1705.5503,773.2235 c 21.3174,10.83555 21.3174,10.83555 21.3174,10.83555" + id="path7113-1-9-9" /> + <path + style="fill:#ffe680;stroke:#ffe680;stroke-width:5.62071" + d="m 1804.5364,737.62233 c -20.8066,11.84241 -20.8066,11.84241 -20.8066,11.84241" + id="path7113-1-9-7" /> + <path + style="fill:#ffe680;stroke:#ffe680;stroke-width:5.62071" + d="m 1627.3012,795.06697 c -19.5402,13.94559 -19.5402,13.94559 -19.5402,13.94559" + id="path7113-1-9-99" /> + <path + style="fill:#ffe680;stroke:#ffe680;stroke-width:5.62071" + d="m 1544.9076,688.55969 c 23.0743,5.88482 23.0743,5.88482 23.0743,5.88482" + id="path7113-1-9-1" /> + <path + style="fill:#ffe680;stroke:#ffe680;stroke-width:5.62071" + d="m 1581.3429,578.19483 c 4.2414,24.09662 4.2414,24.09662 4.2414,24.09662" + id="path7113-1-9-4" /> + <path + style="fill:#ffe680;stroke:#ffe680;stroke-width:5.62071" + d="m 1658.4232,565.40445 c -23.0473,-5.99491 -23.0473,-5.99491 -23.0473,-5.99491" + id="path7113-1-9-15" /> + <path + style="fill:#00aa00;stroke:#00d400;stroke-width:5.62071" + d="m 1562.218,756.66718 c -11.5465,-21.40623 -11.5465,-21.40623 -11.5465,-21.40623" + id="path7113-1-9-996" /> + <path + style="fill:#00aa00;stroke:#00d400;stroke-width:5.62071" + d="m 1796.4278,652.42771 c 11.0742,21.66965 11.0742,21.66965 11.0742,21.66965" + id="path7113-1-9-996-2" /> + <path + style="fill:#00aa00;stroke:#00d400;stroke-width:5.62071" + d="M 1755.2692,590.84165 C 1778.96,588.8378 1778.96,588.8378 1778.96,588.8378" + id="path7113-1-9-996-9" /> + <path + style="fill:#00aa00;stroke:#00d400;stroke-width:5.62071" + d="m 1714.3171,596.68575 c -13.4456,20.1954 -13.4456,20.1954 -13.4456,20.1954" + id="path7113-1-9-996-83" /> + <path + style="fill:#00aa00;stroke:#00d400;stroke-width:5.62071" + d="m 1578.6633,639.12187 c -16.2434,-17.87992 -16.2434,-17.87992 -16.2434,-17.87992" + id="path7113-1-9-996-23" /> + <path + style="fill:#00aa00;stroke:#ff6600;stroke-width:5.62071" + d="m 1604.6749,689.0694 c -13.4457,20.19541 -13.4457,20.19541 -13.4457,20.19541" + id="path7113-1-9-996-6" /> + <path + style="fill:#00aa00;stroke:#ff6600;stroke-width:5.62071" + d="m 1579.1556,765.6966 c 3.1343,24.27562 3.1343,24.27562 3.1343,24.27562" + id="path7113-1-9-996-6-5" /> + <path + style="fill:#00aa00;stroke:#ff6600;stroke-width:5.62071" + d="m 1791.7774,695.82379 c -1.5536,24.43724 -1.5536,24.43724 -1.5536,24.43724" + id="path7113-1-9-996-6-3" /> + <path + style="fill:#00aa00;stroke:#ff6600;stroke-width:5.62071" + d="m 1607.1874,574.90035 c 19.121,14.54865 19.121,14.54865 19.121,14.54865" + id="path7113-1-9-996-6-1" /> + <path + style="fill:#00aa00;stroke:#00d400;stroke-width:5.62071" + d="m 1683.7357,787.16199 c -23.5505,-3.32513 -23.5505,-3.32513 -23.5505,-3.32513" + id="path7113-1-9-996-8" /> + <path + style="fill:#00aa00;stroke:#00d400;stroke-width:5.62071" + d="m 1758.1738,717.30896 c -13.4456,20.1954 -13.4456,20.1954 -13.4456,20.1954" + id="path7113-1-9-996-4" /> + <path + style="fill:#d42aff;stroke:#dd55ff;stroke-width:5.62071" + d="m 1769.684,761.23083 c 2.6926,24.33192 2.6926,24.33192 2.6926,24.33192" + id="path7113-2" /> + <path + style="fill:#d42aff;stroke:#dd55ff;stroke-width:5.62071" + d="m 1603.0564,749.7166 c 14.8523,19.12076 14.8523,19.12076 14.8523,19.12076" + id="path7113-9" /> + <path + style="fill:#d40055;stroke:none;stroke-width:2.513" + d="m 1994.6777,434.34942 43.0905,119.03481 126.7048,0.18733 40.5235,-119.40971 z" + id="path8471" + sodipodi:nodetypes="ccccc" /> + <path + style="fill:#d40055;stroke:#11002b;stroke-width:2.513" + d="m 2004.7627,433.41217 35.9395,98.97696" + id="path8529" /> + <path + style="fill:#d40055;stroke:#11002b;stroke-width:2.513" + d="m 2017.965,434.9118 23.4704,69.73377" + id="path8531" /> + <path + style="fill:#d40055;stroke:#11002b;stroke-width:2.513" + d="m 2031.1672,434.16199 40.3403,108.72468" + id="path8533" /> + <rect + style="fill:#ffd5e5;stroke:none;stroke-width:2.88939" + id="rect8587" + width="255.97668" + height="56.236904" + x="1967.7234" + y="377.92511" + ry="28.118452" /> + <rect + style="fill:#ffd5e5;stroke:none;stroke-width:2.42386" + id="rect8587-5" + width="180.1394" + height="56.236904" + x="2009.3357" + y="340.05884" + ry="28.118452" /> + <ellipse + style="fill:#d40000;stroke:none;stroke-width:2.32302" + id="path8928" + cx="2097.9644" + cy="297.97498" + rx="30.621855" + ry="29.711832" /> + <rect + style="fill:#ffd5e5;stroke:none;stroke-width:1.81714" + id="rect8587-5-6" + width="101.24242" + height="56.236904" + x="2046.5834" + y="310.4408" + ry="28.118452" /> + <path + style="fill:#aaccff;fill-opacity:1;stroke:none;stroke-width:18.2697" + d="M 1400.9308,846.98284 H 2575.2596" + id="path42904" /> + <path + style="fill:#0b1728;fill-opacity:1;stroke:none;stroke-width:18.2697" + d="m 1426.3622,838.848 1128.6094,1.44451" + id="path42906" /> </g> </svg> diff --git a/src/components/HomePage.tsx b/src/components/HomePage.tsx index 0ad59f6e78a06de6e7537125c229385f8b1a5e59..040f85853a7df0036f8df52edd8147a44cafcf59 100644 --- a/src/components/HomePage.tsx +++ b/src/components/HomePage.tsx @@ -21,13 +21,9 @@ const Intro = () => { return ( <> - <div className="bg-primary-dark h-screen"> - <div className="absolute bottom-0"> - <img src="src/assets/backgrounds/homepage-static.svg" alt="background picture"/> - </div> - </div> - <div> - <button + <div className="flex-grow flex flex-col justify-center items-center"> + + <button onClick={handleClick} className="mt-20 border-2 border-black font-primary bg-primary-light z-10 absolute top-28 left-28"> {startButtonText} @@ -55,6 +51,13 @@ const Intro = () => { </button> </div> )} + <div className="bg-primary-dark"> + <img + src="src/assets/backgrounds/homepage-static.svg" + alt="background picture" + className="mt-4" + /> + </div> </div> </> ); diff --git a/src/components/InsulinTest.tsx b/src/components/InsulinTest.tsx new file mode 100644 index 0000000000000000000000000000000000000000..eb993dc5daaa2303e681553844670c793b6df670 --- /dev/null +++ b/src/components/InsulinTest.tsx @@ -0,0 +1,131 @@ +import {useState} from "react"; +import {finishButton, insulinTestQuestions, nextButton, stepperLabels} from "../../public/lit/texts"; +import {Stepper} from "react-stepa"; +import {useRecoilValue} from "recoil"; +import {languageAtom} from "../atoms/languageAtom"; +import {Texts} from "../hooks/useAnimate"; +import {useTranslate} from "../hooks/useTranslate"; +import {useNavigate} from "react-router-dom"; + +const InsulinTest = () => { + const language = useRecoilValue(languageAtom); + const [currentStep, setCurrentStep] = useState(0); + const nextButtonText = useTranslate(nextButton); + const finishButtonText = useTranslate(finishButton); + const [selectedAnswer, setSelectedAnswer] = useState(null); + const [isAnswered, setIsAnswered] = useState(false); + const [score, setScore] = useState(0); + const navigate = useNavigate(); + + const handleNextStep = () => { + setCurrentStep(currentStep + 1); + setSelectedAnswer(null); + setIsAnswered(false); + }; + + const handleAnswerClick = (index: any) => { + if (!isAnswered) { + setSelectedAnswer(index); + setIsAnswered(true); + if (insulinTestQuestions[currentStep].answers[index].isCorrect) { + setScore(score + 1); + } + } + }; + + const isLastStep = currentStep === insulinTestQuestions.length - 1; + const isSummaryStep = currentStep === insulinTestQuestions.length; + + return ( + <div className="container mx-auto py-8"> + <Stepper + customStyle={{ + completed: '#3D348B', + pending: '#aaccff', + progress: '#5599ff', + }} + steps={stepperLabels.map((question) => ({ + label: question[language as keyof Texts], + description: "" + }))} + + activeStep={currentStep} + /> + <div className="text-center"> + {isSummaryStep ? ( + <p className="text-xl font-semibold py-4"> + {`YOUR SCORE: ${(score / insulinTestQuestions.length) * 100}%`} + </p> + ) : ( + <p className="text-xl font-semibold py-4"> + {language === "EN" + ? insulinTestQuestions[currentStep].EN + : insulinTestQuestions[currentStep].SK} + </p> + )} + </div> + <div className="text-center mt-4"> + {isSummaryStep ? ( + <button + className="bg-primary-light hover:bg-primary-main text-white font-bold py-2 px-4 rounded" + onClick={() => navigate("/")} + > + {nextButtonText} + </button> + ) : ( + <div> + <div> + {insulinTestQuestions[currentStep].answers.map((answer, index) => ( + <button + key={index} + className={`bg-primary-dark ${ + selectedAnswer === index + ? answer.isCorrect + ? "bg-green-500" + : "bg-red-500" + : "" + } ${ + selectedAnswer !== null ? "cursor-not-allowed" : "" + } hover:bg-primary-light font-bold py-2 px-4 rounded mr-4`} + onClick={() => handleAnswerClick(index)} + disabled={isAnswered} + > + {language === "EN" ? answer.EN : answer.SK} + </button> + ))} + </div> + {selectedAnswer !== null && ( + <div + className={`text-${insulinTestQuestions[currentStep].answers[selectedAnswer].isCorrect ? "green" : "red"}-500 mt-4`}> + {insulinTestQuestions[currentStep].answers[selectedAnswer].isCorrect + ? "Correct!" + : insulinTestQuestions[currentStep].explanation[language as keyof Texts]} + </div> + )} + {!isLastStep && ( + <button + className={`${!isAnswered ? 'bg-gray-main' : 'bg-primary-light hover:bg-primary-main'} text-white font-bold mt-4 py-2 px-4 rounded`} + onClick={handleNextStep} + disabled={!isAnswered} + > + {nextButtonText} + </button> + )} + {isLastStep && ( + <button + className={`${!isAnswered ? 'bg-gray-main' : 'bg-primary-light hover:bg-primary-main'} text-white font-bold mt-4 py-2 px-4 rounded`} + onClick={() => { + setCurrentStep(currentStep + 1); + }} + disabled={!isAnswered} + > + {finishButtonText} + </button> + )} + </div> + )} + </div> + </div> + ); +}; +export default InsulinTest; diff --git a/src/components/Intro.tsx b/src/components/Intro.tsx index 532bebe6350e72812b5c8c169a97f7d21892ec5a..a8633191d8255d2c65e12d853b9e5d433d32c7a4 100644 --- a/src/components/Intro.tsx +++ b/src/components/Intro.tsx @@ -12,7 +12,7 @@ const Intro = () => { const {getAnimationObject, handleClick, isAnimationComplete, isLast, onInit, paused} = useAnimate({ typewriterRef, - link: '/opening', + link: '/insulin', text: intro }); diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx index 97d953e47e2aa5718a40e8b16b834e2edb25e7e4..21abfd303bae7992cc0022965f4d2b9ce50d2fbb 100644 --- a/src/components/Navbar.tsx +++ b/src/components/Navbar.tsx @@ -10,7 +10,7 @@ const Navbar = () => { return ( <nav className="bg-primary-main"> - <div className="p-2 flex justify-between"> + <div className="p-2 mx-auto flex justify-between"> <div> <img src={logo} alt="Logo" onClick={() => navigate("/")}