Skip to content
Snippets Groups Projects
Commit a522aeb6 authored by Katarína Sieklová's avatar Katarína Sieklová
Browse files

feat: DragNDrop test!!!

parent 9481027c
No related branches found
No related tags found
No related merge requests found
Pipeline #
Showing
with 11484 additions and 39 deletions
......@@ -12,6 +12,7 @@
"prettier-plugin-tailwindcss": "^0.3.0",
"react": "^18.2.0",
"react-adobe-animate": "^3.1.0",
"react-beautiful-dnd": "^13.1.1",
"react-dom": "^18.2.0",
"react-router-dom": "^6.14.0",
"react-scripts": "^5.0.1",
......@@ -21,6 +22,7 @@
},
"devDependencies": {
"@types/react": "^18.0.37",
"@types/react-beautiful-dnd": "^13.1.5",
"@types/react-dom": "^18.0.11",
"@typescript-eslint/eslint-plugin": "^5.59.0",
"@typescript-eslint/parser": "^5.59.0",
......@@ -4109,6 +4111,15 @@
"@types/node": "*"
}
},
"node_modules/@types/hoist-non-react-statics": {
"version": "3.3.3",
"resolved": "https://registry.npmjs.org/@types/hoist-non-react-statics/-/hoist-non-react-statics-3.3.3.tgz",
"integrity": "sha512-Wny3a2UXn5FEA1l7gc6BbpoV5mD1XijZqgkp4TRgDCDL5r3B5ieOFGUX5h3n78Tr1MEG7BfvoM8qeztdvNU0fw==",
"dependencies": {
"@types/react": "*",
"hoist-non-react-statics": "^3.3.0"
}
},
"node_modules/@types/html-minifier-terser": {
"version": "6.1.0",
"resolved": "https://registry.npmjs.org/@types/html-minifier-terser/-/html-minifier-terser-6.1.0.tgz",
......@@ -4181,8 +4192,7 @@
"node_modules/@types/prop-types": {
"version": "15.7.5",
"resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.5.tgz",
"integrity": "sha512-JCB8C6SnDoQf0cNycqd/35A7MjcnK+ZTqE7judS6o7utxUCg6imJg3QK2qzHKszlTjcj2cn+NwMB2i96ubpj7w==",
"dev": true
"integrity": "sha512-JCB8C6SnDoQf0cNycqd/35A7MjcnK+ZTqE7judS6o7utxUCg6imJg3QK2qzHKszlTjcj2cn+NwMB2i96ubpj7w=="
},
"node_modules/@types/q": {
"version": "1.5.5",
......@@ -4203,13 +4213,21 @@
"version": "18.2.14",
"resolved": "https://registry.npmjs.org/@types/react/-/react-18.2.14.tgz",
"integrity": "sha512-A0zjq+QN/O0Kpe30hA1GidzyFjatVvrpIvWLxD+xv67Vt91TWWgco9IvrJBkeyHm1trGaFS/FSGqPlhyeZRm0g==",
"dev": true,
"dependencies": {
"@types/prop-types": "*",
"@types/scheduler": "*",
"csstype": "^3.0.2"
}
},
"node_modules/@types/react-beautiful-dnd": {
"version": "13.1.5",
"resolved": "https://registry.npmjs.org/@types/react-beautiful-dnd/-/react-beautiful-dnd-13.1.5.tgz",
"integrity": "sha512-mzohmMtV48b0bXF2dP8188LzUv9HAGHKucOORYsd5Sqq830pJ4gseFyDDAH0TR4TeD1ceG9DxTQ0FOFbtCSy4Q==",
"dev": true,
"dependencies": {
"@types/react": "*"
}
},
"node_modules/@types/react-dom": {
"version": "18.2.6",
"resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.2.6.tgz",
......@@ -4219,6 +4237,17 @@
"@types/react": "*"
}
},
"node_modules/@types/react-redux": {
"version": "7.1.27",
"resolved": "https://registry.npmjs.org/@types/react-redux/-/react-redux-7.1.27.tgz",
"integrity": "sha512-xj7d9z32p1K/eBmO+OEy+qfaWXtcPlN8f1Xk3Ne0p/ZRQ867RI5bQ/bpBtxbqU1AHNhKJSgGvld/P2myU2uYkg==",
"dependencies": {
"@types/hoist-non-react-statics": "^3.3.0",
"@types/react": "*",
"hoist-non-react-statics": "^3.3.0",
"redux": "^4.0.0"
}
},
"node_modules/@types/resolve": {
"version": "1.17.1",
"resolved": "https://registry.npmjs.org/@types/resolve/-/resolve-1.17.1.tgz",
......@@ -4235,8 +4264,7 @@
"node_modules/@types/scheduler": {
"version": "0.16.3",
"resolved": "https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.3.tgz",
"integrity": "sha512-5cJ8CB4yAx7BH1oMvdU0Jh9lrEXyPkar6F9G/ERswkCuvP4KQZfZkSjcMbAICCpQTN4OuZn8tz0HiKv9TGZgrQ==",
"dev": true
"integrity": "sha512-5cJ8CB4yAx7BH1oMvdU0Jh9lrEXyPkar6F9G/ERswkCuvP4KQZfZkSjcMbAICCpQTN4OuZn8tz0HiKv9TGZgrQ=="
},
"node_modules/@types/semver": {
"version": "7.5.0",
......@@ -6218,6 +6246,14 @@
"postcss": "^8.4"
}
},
"node_modules/css-box-model": {
"version": "1.2.1",
"resolved": "https://registry.npmjs.org/css-box-model/-/css-box-model-1.2.1.tgz",
"integrity": "sha512-a7Vr4Q/kd/aw96bnJG332W9V9LkJO69JRcaCYDUqjp6/z0w6VcZjgAcTbgFxEPfBgdnAwlh3iwu+hLopa+flJw==",
"dependencies": {
"tiny-invariant": "^1.0.6"
}
},
"node_modules/css-color-keywords": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/css-color-keywords/-/css-color-keywords-1.0.0.tgz",
......@@ -6615,8 +6651,7 @@
"node_modules/csstype": {
"version": "3.1.2",
"resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz",
"integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==",
"dev": true
"integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ=="
},
"node_modules/damerau-levenshtein": {
"version": "1.0.8",
......@@ -12088,6 +12123,11 @@
"node": ">= 4.0.0"
}
},
"node_modules/memoize-one": {
"version": "5.2.1",
"resolved": "https://registry.npmjs.org/memoize-one/-/memoize-one-5.2.1.tgz",
"integrity": "sha512-zYiwtZUcYyXKo/np96AGZAckk+FWWsUdJ3cHGGmld7+AhvcWmQyGCYUh1hc4Q/pkOhb65dQR/pqCyK0cOaHz4Q=="
},
"node_modules/merge-descriptors": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.1.tgz",
......@@ -14409,6 +14449,11 @@
"performance-now": "^2.1.0"
}
},
"node_modules/raf-schd": {
"version": "4.0.3",
"resolved": "https://registry.npmjs.org/raf-schd/-/raf-schd-4.0.3.tgz",
"integrity": "sha512-tQkJl2GRWh83ui2DiPTJz9wEiMN20syf+5oKfB03yYP7ioZcJwsIK8FjrtLwH1m7C7e+Tt2yYBlrOpdT+dyeIQ=="
},
"node_modules/randombytes": {
"version": "2.1.0",
"resolved": "https://registry.npmjs.org/randombytes/-/randombytes-2.1.0.tgz",
......@@ -14493,6 +14538,24 @@
"node": ">=14"
}
},
"node_modules/react-beautiful-dnd": {
"version": "13.1.1",
"resolved": "https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-13.1.1.tgz",
"integrity": "sha512-0Lvs4tq2VcrEjEgDXHjT98r+63drkKEgqyxdA7qD3mvKwga6a5SscbdLPO2IExotU1jW8L0Ksdl0Cj2AF67nPQ==",
"dependencies": {
"@babel/runtime": "^7.9.2",
"css-box-model": "^1.2.0",
"memoize-one": "^5.1.1",
"raf-schd": "^4.0.2",
"react-redux": "^7.2.0",
"redux": "^4.0.4",
"use-memo-one": "^1.1.1"
},
"peerDependencies": {
"react": "^16.8.5 || ^17.0.0 || ^18.0.0",
"react-dom": "^16.8.5 || ^17.0.0 || ^18.0.0"
}
},
"node_modules/react-dev-utils": {
"version": "12.0.1",
"resolved": "https://registry.npmjs.org/react-dev-utils/-/react-dev-utils-12.0.1.tgz",
......@@ -14632,6 +14695,35 @@
"resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
"integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
},
"node_modules/react-redux": {
"version": "7.2.9",
"resolved": "https://registry.npmjs.org/react-redux/-/react-redux-7.2.9.tgz",
"integrity": "sha512-Gx4L3uM182jEEayZfRbI/G11ZpYdNAnBs70lFVMNdHJI76XYtR+7m0MN+eAs7UHBPhWXcnFPaS+9owSCJQHNpQ==",
"dependencies": {
"@babel/runtime": "^7.15.4",
"@types/react-redux": "^7.1.20",
"hoist-non-react-statics": "^3.3.2",
"loose-envify": "^1.4.0",
"prop-types": "^15.7.2",
"react-is": "^17.0.2"
},
"peerDependencies": {
"react": "^16.8.3 || ^17 || ^18"
},
"peerDependenciesMeta": {
"react-dom": {
"optional": true
},
"react-native": {
"optional": true
}
}
},
"node_modules/react-redux/node_modules/react-is": {
"version": "17.0.2",
"resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz",
"integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w=="
},
"node_modules/react-refresh": {
"version": "0.14.0",
"resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.14.0.tgz",
......@@ -14840,6 +14932,14 @@
"node": ">=6.0.0"
}
},
"node_modules/redux": {
"version": "4.2.1",
"resolved": "https://registry.npmjs.org/redux/-/redux-4.2.1.tgz",
"integrity": "sha512-LAUYz4lc+Do8/g7aeRa8JkyDErK6ekstQaqWQrNRW//MY1TvCEpMtpTWvlQ+FPbWCx+Xixu/6SHt5N0HR+SB4w==",
"dependencies": {
"@babel/runtime": "^7.9.2"
}
},
"node_modules/regenerate": {
"version": "1.4.2",
"resolved": "https://registry.npmjs.org/regenerate/-/regenerate-1.4.2.tgz",
......@@ -16364,6 +16464,11 @@
"resolved": "https://registry.npmjs.org/thunky/-/thunky-1.1.0.tgz",
"integrity": "sha512-eHY7nBftgThBqOyHGVN+l8gF0BucP09fMo0oO/Lb0w1OF80dJv+lDVpXG60WMQvkcxAkNybKsrEIE3ZtKGmPrA=="
},
"node_modules/tiny-invariant": {
"version": "1.3.1",
"resolved": "https://registry.npmjs.org/tiny-invariant/-/tiny-invariant-1.3.1.tgz",
"integrity": "sha512-AD5ih2NlSssTCwsMznbvwMZpJ1cbhkGd2uueNxzv2jDlEeZdU04JQfRnggJQ8DrcVBGjAsCKwFBbDlVNtEMlzw=="
},
"node_modules/tmpl": {
"version": "1.0.5",
"resolved": "https://registry.npmjs.org/tmpl/-/tmpl-1.0.5.tgz",
......@@ -16714,6 +16819,14 @@
"requires-port": "^1.0.0"
}
},
"node_modules/use-memo-one": {
"version": "1.1.3",
"resolved": "https://registry.npmjs.org/use-memo-one/-/use-memo-one-1.1.3.tgz",
"integrity": "sha512-g66/K7ZQGYrI6dy8GLpVcMsBp4s17xNkYJVSMvTEevGy3nDxHOfE6z8BVE22+5G5x7t3+bhzrlTDB7ObrEE0cQ==",
"peerDependencies": {
"react": "^16.8.0 || ^17.0.0 || ^18.0.0"
}
},
"node_modules/util-deprecate": {
"version": "1.0.2",
"resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
......
<!DOCTYPE html>
<!--
NOTES:
1. All tokens are represented by '$' sign in the template.
2. You can write your code only wherever mentioned.
3. All occurrences of existing tokens will be replaced by their appropriate values.
4. Blank lines will be removed automatically.
5. Remove unnecessary comments before creating your template.
-->
<html>
<head>
<meta charset="UTF-8">
<meta name="authoring-tool" content="Adobe_Animate_CC">
<title>homepage</title>
<!-- write your code here -->
<script src="https://code.createjs.com/1.0.0/createjs.min.js"></script>
<script src="homepage.js?1693514297586"></script>
<script>
var canvas, stage, exportRoot, anim_container, dom_overlay_container, fnStartAnimation;
function init() {
canvas = document.getElementById("canvas");
anim_container = document.getElementById("animation_container");
dom_overlay_container = document.getElementById("dom_overlay_container");
var comp=AdobeAn.getComposition("89511F7FE6A4BF41ACE5A357FFDDFFFD");
var lib=comp.getLibrary();
handleComplete({},comp);
}
function handleComplete(evt,comp) {
//This function is always called, irrespective of the content. You can use the variable "stage" after it is created in token create_stage.
var lib=comp.getLibrary();
var ss=comp.getSpriteSheet();
exportRoot = new lib.homepage();
stage = new lib.Stage(canvas);
//Registers the "tick" event listener.
fnStartAnimation = function() {
stage.addChild(exportRoot);
createjs.Ticker.framerate = lib.properties.fps;
createjs.Ticker.addEventListener("tick", stage);
}
//Code to support hidpi screens and responsive scaling.
AdobeAn.makeResponsive(false,'both',false,1,[canvas,anim_container,dom_overlay_container]);
AdobeAn.compositionLoaded(lib.properties.id);
fnStartAnimation();
}
</script>
<!-- write your code here -->
</head>
<body onload="init();" style="margin:0px;">
<div id="animation_container" style="background-color:rgba(255, 255, 255, 1.00); width:1903px; height:923px">
<canvas id="canvas" width="1903" height="923" style="position: absolute; display: block; background-color:rgba(255, 255, 255, 1.00);"></canvas>
<div id="dom_overlay_container" style="pointer-events:none; overflow:hidden; width:1903px; height:923px; position: absolute; left: 0px; top: 0px; display: block;">
</div>
</div>
</body>
</html>
\ No newline at end of file
Source diff could not be displayed: it is too large. Options to address this: view the blob.
<!DOCTYPE html>
<!--
NOTES:
1. All tokens are represented by '$' sign in the template.
2. You can write your code only wherever mentioned.
3. All occurrences of existing tokens will be replaced by their appropriate values.
4. Blank lines will be removed automatically.
5. Remove unnecessary comments before creating your template.
-->
<html>
<head>
<meta charset="UTF-8">
<meta name="authoring-tool" content="Adobe_Animate_CC">
<title>intro</title>
<!-- write your code here -->
<script src="https://code.createjs.com/1.0.0/createjs.min.js"></script>
<script src="intro.js"></script>
<script>
var canvas, stage, exportRoot, anim_container, dom_overlay_container, fnStartAnimation;
function init() {
canvas = document.getElementById("canvas");
anim_container = document.getElementById("animation_container");
dom_overlay_container = document.getElementById("dom_overlay_container");
var comp=AdobeAn.getComposition("93F29AEBD1DB8F42BC5A007E858F897B");
var lib=comp.getLibrary();
handleComplete({},comp);
}
function handleComplete(evt,comp) {
//This function is always called, irrespective of the content. You can use the variable "stage" after it is created in token create_stage.
var lib=comp.getLibrary();
var ss=comp.getSpriteSheet();
exportRoot = new lib.RECOVER_RECOVER_intro();
stage = new lib.Stage(canvas);
//Registers the "tick" event listener.
fnStartAnimation = function() {
stage.addChild(exportRoot);
createjs.Ticker.framerate = lib.properties.fps;
createjs.Ticker.addEventListener("tick", stage);
}
//Code to support hidpi screens and responsive scaling.
AdobeAn.makeResponsive(true,'both',true,2,[canvas,anim_container,dom_overlay_container]);
AdobeAn.compositionLoaded(lib.properties.id);
fnStartAnimation();
}
</script>
<!-- write your code here -->
</head>
<body onload="init();" style="margin:0px;">
<div id="animation_container" style="background-color:rgba(255, 255, 255, 1.00); width:1200px; height:800px">
<canvas id="canvas" width="1200" height="800" style="position: absolute; display: block; background-color:rgba(255, 255, 255, 1.00);"></canvas>
<div id="dom_overlay_container" style="pointer-events:none; overflow:hidden; width:1200px; height:800px; position: absolute; left: 0px; top: 0px; display: block;">
</div>
</div>
</body>
</html>
\ No newline at end of file
This diff is collapsed.
<!DOCTYPE html>
<!--
NOTES:
1. All tokens are represented by '$' sign in the template.
2. You can write your code only wherever mentioned.
3. All occurrences of existing tokens will be replaced by their appropriate values.
4. Blank lines will be removed automatically.
5. Remove unnecessary comments before creating your template.
-->
<html>
<head>
<meta charset="UTF-8">
<meta name="authoring-tool" content="Adobe_Animate_CC">
<title>opening</title>
<!-- write your code here -->
<script src="https://code.createjs.com/1.0.0/createjs.min.js"></script>
<script src="opening.js"></script>
<script>
// Global Scripts
stage.enableMouseOver();</script>
<script>
var canvas, stage, exportRoot, anim_container, dom_overlay_container, fnStartAnimation;
function init() {
canvas = document.getElementById("canvas");
anim_container = document.getElementById("animation_container");
dom_overlay_container = document.getElementById("dom_overlay_container");
var comp=AdobeAn.getComposition("EA2A12F0A6089945B131A15FEA0F6E33");
var lib=comp.getLibrary();
handleComplete({},comp);
}
function handleComplete(evt,comp) {
//This function is always called, irrespective of the content. You can use the variable "stage" after it is created in token create_stage.
var lib=comp.getLibrary();
var ss=comp.getSpriteSheet();
exportRoot = new lib.opening();
stage = new lib.Stage(canvas);
//Registers the "tick" event listener.
fnStartAnimation = function() {
stage.addChild(exportRoot);
createjs.Ticker.framerate = lib.properties.fps;
createjs.Ticker.addEventListener("tick", stage);
}
//Code to support hidpi screens and responsive scaling.
AdobeAn.makeResponsive(true,'both',false,1,[canvas,anim_container,dom_overlay_container]);
AdobeAn.compositionLoaded(lib.properties.id);
fnStartAnimation();
}
</script>
<!-- write your code here -->
</head>
<body onload="init();" style="margin:0px;">
<div id="animation_container" style="background-color:rgba(255, 255, 255, 1.00); width:1920px; height:633px">
<canvas id="canvas" width="1920" height="633" style="position: absolute; display: block; background-color:rgba(255, 255, 255, 1.00);"></canvas>
<div id="dom_overlay_container" style="pointer-events:none; overflow:hidden; width:1920px; height:633px; position: absolute; left: 0px; top: 0px; display: block;">
</div>
</div>
</body>
</html>
This diff is collapsed.
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="115.01189mm"
height="111.97195mm"
viewBox="0 0 115.01189 111.97195"
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.1767767"
inkscape:cx="2576.6971"
inkscape:cy="2771.8586"
inkscape:window-width="1680"
inkscape:window-height="979"
inkscape:window-x="99"
inkscape:window-y="-8"
inkscape:window-maximized="1"
inkscape:current-layer="layer1"
showguides="true" />
<defs
id="defs2" />
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-66.646623,-507.70741)">
<g
id="g10453"
inkscape:label="cell"
transform="translate(19.527209,-615.55858)"
inkscape:export-filename="insu-learn\public\images\absorption.svg"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96">
<ellipse
style="font-variation-settings:normal;opacity:0.91;vector-effect:none;fill:#ff8080;fill-opacity:1;stroke:none;stroke-width:1.37784;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;-inkscape-stroke:none;stop-color:#000000;stop-opacity:1"
id="path9772"
cx="104.62537"
cy="1179.252"
rx="57.505947"
ry="55.985966" />
<ellipse
style="font-variation-settings:normal;opacity:0.91;vector-effect:none;fill:#ffaaaa;fill-opacity:1;stroke:none;stroke-width:1.37784;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;-inkscape-stroke:none;stop-color:#000000;stop-opacity:1"
id="path9878"
cx="103.86537"
cy="1179.7585"
rx="45.599434"
ry="44.332779" />
<path
style="font-variation-settings:normal;opacity:0.91;vector-effect:none;fill:#de8787;fill-opacity:1;stroke:none;stroke-width:1.37784;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;-inkscape-stroke:none;stop-color:#000000;stop-opacity:1"
d="m 84.191797,1168.206 -9.721063,-4.4354 c 1.563143,-2.979 5.908003,-4.4988 8.814541,-6.2229 0.958398,-1.5409 0.180187,-3.2624 -1.914799,-3.0005 -3.048192,0.1322 -14.816234,5.5688 -14.711831,20.8688 0.01889,2.7862 2.246189,3.0523 3.829595,1.2092 0.2068,-0.4245 0.182475,-6.8038 2.225094,-9.5081 l 10.493242,4.8506 z"
id="path10234"
sodipodi:nodetypes="ccccccccc" />
<path
style="font-variation-settings:normal;opacity:0.91;vector-effect:none;fill:#de8787;fill-opacity:1;stroke:none;stroke-width:1.05316;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;-inkscape-stroke:none;stop-color:#000000"
d="m 112.54586,1198.0616 5.01843,6.4871 c -2.05443,1.5229 -5.48071,1.0573 -8.01178,1.2374 -1.16312,0.7353 -1.22306,2.2041 0.26991,2.7559 2.08818,0.9758 11.81432,1.3193 16.91368,-9.3503 0.9287,-1.9429 -0.47457,-2.9079 -2.15881,-2.1816 -0.28207,0.2225 -2.42111,4.6645 -4.70417,5.8285 l -5.39582,-7.0463 z"
id="path10234-2"
sodipodi:nodetypes="ccccccccc" />
<ellipse
style="font-variation-settings:normal;opacity:0.91;vector-effect:none;fill:#c83737;fill-opacity:1;stroke:none;stroke-width:1.40813;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;-inkscape-stroke:none;stop-color:#000000;stop-opacity:1"
id="path9880"
cx="103.83464"
cy="1178.8196"
rx="23.813038"
ry="23.306376" />
<path
style="font-variation-settings:normal;opacity:0.91;vector-effect:none;fill:#de8787;fill-opacity:1;stroke:none;stroke-width:1.37784;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;-inkscape-stroke:none;stop-color:#000000;stop-opacity:1"
d="m 115.26523,1149.2324 c 3.4299,0.8827 13.8866,1.5067 17.73312,14.8831 1.46814,0.7203 3.92551,1.0133 4.24327,-1.9633 -3.06435,-9.4604 -11.14345,-14.4721 -19.18976,-16.3398 -2.08046,0.2043 -3.39649,1.0298 -2.78663,3.42 z"
id="path10238"
sodipodi:nodetypes="ccccc" />
<path
style="font-variation-settings:normal;opacity:0.91;vector-effect:none;fill:#de8787;fill-opacity:1;stroke:none;stroke-width:1.37784;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;-inkscape-stroke:none;stop-color:#000000"
d="m 129.44128,1202.119 c -2.24803,2.7368 -7.22772,11.9528 -20.97766,9.7933 -1.27271,1.0269 -2.57564,3.1309 -0.0114,4.6754 9.86976,1.2155 17.82343,-3.9929 22.91311,-10.4988 0.69299,-1.9723 0.50017,-3.5137 -1.92407,-3.9699 z"
id="path10238-5"
sodipodi:nodetypes="ccccc" />
<path
style="font-variation-settings:normal;opacity:0.91;vector-effect:none;fill:#de8787;fill-opacity:1;stroke:none;stroke-width:0.996071;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;-inkscape-stroke:none;stop-color:#000000"
d="m 88.646087,1200.6754 c -2.226522,-1.0647 -9.199036,-2.7347 -10.58926,-13.3718 -0.922443,-0.7168 -2.54793,-1.2209 -3.027424,1.0121 1.214403,7.5623 6.1968,12.3058 11.438104,14.6487 1.416622,0.082 2.374857,-0.3972 2.178577,-2.289 z"
id="path10238-5-8"
sodipodi:nodetypes="ccccc" />
<path
style="font-variation-settings:normal;opacity:0.91;vector-effect:none;fill:#de8787;fill-opacity:1;stroke:none;stroke-width:0.727576;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;-inkscape-stroke:none;stop-color:#000000"
d="m 117.98861,1154.8471 c 1.76381,0.4786 7.14113,0.8169 9.11919,8.0701 0.75498,0.3906 2.01867,0.5495 2.18208,-1.0646 -1.57582,-5.1297 -5.73047,-7.8473 -9.86826,-8.86 -1.06987,0.1108 -1.74663,0.5584 -1.43301,1.8545 z"
id="path10238-1"
sodipodi:nodetypes="ccccc" />
<ellipse
style="font-variation-settings:normal;opacity:0.91;vector-effect:none;fill:#ff9955;fill-opacity:1;stroke:none;stroke-width:1.37784;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;-inkscape-stroke:none;stop-color:#000000;stop-opacity:1"
id="path10380"
cx="96.820564"
cy="1147.158"
rx="5.8217735"
ry="5.7322078" />
<ellipse
style="font-variation-settings:normal;opacity:0.91;vector-effect:none;fill:#ff9955;fill-opacity:1;stroke:none;stroke-width:1.42244;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;-inkscape-stroke:none;stop-color:#000000;stop-opacity:1"
id="path10434"
cx="94.323921"
cy="1213.4368"
rx="1.7129447"
ry="1.6121835" />
<circle
style="font-variation-settings:normal;opacity:0.91;vector-effect:none;fill:#ff9955;fill-opacity:1;stroke:none;stroke-width:1.37784;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;-inkscape-stroke:none;stop-color:#000000;stop-opacity:1"
id="path10436"
cx="135.60254"
cy="1178.3269"
r="3.7617612" />
<ellipse
style="font-variation-settings:normal;opacity:0.91;vector-effect:none;fill:#ff9955;fill-opacity:1;stroke:none;stroke-width:1.37784;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;-inkscape-stroke:none;stop-color:#000000;stop-opacity:1"
id="path10438"
cx="143.57388"
cy="1188.3583"
rx="2.9556696"
ry="2.8661039" />
</g>
<g
id="g1569-6"
inkscape:export-filename="insu-learn\public\images\glucose.svg"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
transform="translate(20.796909,-330.81767)">
<path
id="path1212-9"
style="font-variation-settings:normal;opacity:1;vector-effect:none;fill:#800000;fill-opacity:1;stroke:#000000;stroke-width:1.37784;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;-inkscape-stroke:none;stop-color:#000000;stop-opacity:1"
d="m 86.639156,895.26887 c -10.335162,0.61445 -18.746593,8.73316 -18.746659,19.5063 6.6e-5,10.77314 3.326645,17.98645 13.680055,17.98632 10.35321,-1.7e-4 21.611058,-7.44077 23.812748,-17.98632 2.37462,-11.37383 2.18683,-20.75081 -18.746144,-19.5063 z"
sodipodi:nodetypes="sssss" />
<path
style="font-variation-settings:normal;opacity:1;vector-effect:none;fill:#800000;fill-opacity:1;stroke:#000000;stroke-width:1.37784;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;-inkscape-stroke:none;stop-color:#000000;stop-opacity:1"
d="m 90.438874,899.32213 c -8.682067,1.03452 -16.715086,3.30223 -18.746433,16.97312"
id="path1516-9"
sodipodi:nodetypes="cc" />
</g>
</g>
</svg>
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="115.0119mm"
height="111.97192mm"
viewBox="0 0 115.0119 111.97192"
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.52221045"
inkscape:cx="2065.2593"
inkscape:cy="3280.2867"
inkscape:window-width="1680"
inkscape:window-height="979"
inkscape:window-x="131"
inkscape:window-y="-8"
inkscape:window-maximized="1"
inkscape:current-layer="layer1"
showguides="true" />
<defs
id="defs2" />
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-47.11942,-1123.266)">
<g
id="g10453"
inkscape:label="cell">
<ellipse
style="font-variation-settings:normal;opacity:0.91;vector-effect:none;fill:#ff8080;fill-opacity:1;stroke:none;stroke-width:1.37784;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;-inkscape-stroke:none;stop-color:#000000;stop-opacity:1"
id="path9772"
cx="104.62537"
cy="1179.252"
rx="57.505947"
ry="55.985966" />
<ellipse
style="font-variation-settings:normal;opacity:0.91;vector-effect:none;fill:#ffaaaa;fill-opacity:1;stroke:none;stroke-width:1.37784;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;-inkscape-stroke:none;stop-color:#000000;stop-opacity:1"
id="path9878"
cx="103.86537"
cy="1179.7585"
rx="45.599434"
ry="44.332779" />
<path
style="font-variation-settings:normal;opacity:0.91;vector-effect:none;fill:#de8787;fill-opacity:1;stroke:none;stroke-width:1.37784;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;-inkscape-stroke:none;stop-color:#000000;stop-opacity:1"
d="m 84.191797,1168.206 -9.721063,-4.4354 c 1.563143,-2.979 5.908003,-4.4988 8.814541,-6.2229 0.958398,-1.5409 0.180187,-3.2624 -1.914799,-3.0005 -3.048192,0.1322 -14.816234,5.5688 -14.711831,20.8688 0.01889,2.7862 2.246189,3.0523 3.829595,1.2092 0.2068,-0.4245 0.182475,-6.8038 2.225094,-9.5081 l 10.493242,4.8506 z"
id="path10234"
sodipodi:nodetypes="ccccccccc" />
<path
style="font-variation-settings:normal;opacity:0.91;vector-effect:none;fill:#de8787;fill-opacity:1;stroke:none;stroke-width:1.05316;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;-inkscape-stroke:none;stop-color:#000000"
d="m 112.54586,1198.0616 5.01843,6.4871 c -2.05443,1.5229 -5.48071,1.0573 -8.01178,1.2374 -1.16312,0.7353 -1.22306,2.2041 0.26991,2.7559 2.08818,0.9758 11.81432,1.3193 16.91368,-9.3503 0.9287,-1.9429 -0.47457,-2.9079 -2.15881,-2.1816 -0.28207,0.2225 -2.42111,4.6645 -4.70417,5.8285 l -5.39582,-7.0463 z"
id="path10234-2"
sodipodi:nodetypes="ccccccccc" />
<ellipse
style="font-variation-settings:normal;opacity:0.91;vector-effect:none;fill:#c83737;fill-opacity:1;stroke:none;stroke-width:1.40813;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;-inkscape-stroke:none;stop-color:#000000;stop-opacity:1"
id="path9880"
cx="103.83464"
cy="1178.8196"
rx="23.813038"
ry="23.306376" />
<path
style="font-variation-settings:normal;opacity:0.91;vector-effect:none;fill:#de8787;fill-opacity:1;stroke:none;stroke-width:1.37784;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;-inkscape-stroke:none;stop-color:#000000;stop-opacity:1"
d="m 115.26523,1149.2324 c 3.4299,0.8827 13.8866,1.5067 17.73312,14.8831 1.46814,0.7203 3.92551,1.0133 4.24327,-1.9633 -3.06435,-9.4604 -11.14345,-14.4721 -19.18976,-16.3398 -2.08046,0.2043 -3.39649,1.0298 -2.78663,3.42 z"
id="path10238"
sodipodi:nodetypes="ccccc" />
<path
style="font-variation-settings:normal;opacity:0.91;vector-effect:none;fill:#de8787;fill-opacity:1;stroke:none;stroke-width:1.37784;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;-inkscape-stroke:none;stop-color:#000000"
d="m 129.44128,1202.119 c -2.24803,2.7368 -7.22772,11.9528 -20.97766,9.7933 -1.27271,1.0269 -2.57564,3.1309 -0.0114,4.6754 9.86976,1.2155 17.82343,-3.9929 22.91311,-10.4988 0.69299,-1.9723 0.50017,-3.5137 -1.92407,-3.9699 z"
id="path10238-5"
sodipodi:nodetypes="ccccc" />
<path
style="font-variation-settings:normal;opacity:0.91;vector-effect:none;fill:#de8787;fill-opacity:1;stroke:none;stroke-width:0.996071;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;-inkscape-stroke:none;stop-color:#000000"
d="m 88.646087,1200.6754 c -2.226522,-1.0647 -9.199036,-2.7347 -10.58926,-13.3718 -0.922443,-0.7168 -2.54793,-1.2209 -3.027424,1.0121 1.214403,7.5623 6.1968,12.3058 11.438104,14.6487 1.416622,0.082 2.374857,-0.3972 2.178577,-2.289 z"
id="path10238-5-8"
sodipodi:nodetypes="ccccc" />
<path
style="font-variation-settings:normal;opacity:0.91;vector-effect:none;fill:#de8787;fill-opacity:1;stroke:none;stroke-width:0.727576;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;-inkscape-stroke:none;stop-color:#000000"
d="m 117.98861,1154.8471 c 1.76381,0.4786 7.14113,0.8169 9.11919,8.0701 0.75498,0.3906 2.01867,0.5495 2.18208,-1.0646 -1.57582,-5.1297 -5.73047,-7.8473 -9.86826,-8.86 -1.06987,0.1108 -1.74663,0.5584 -1.43301,1.8545 z"
id="path10238-1"
sodipodi:nodetypes="ccccc" />
<ellipse
style="font-variation-settings:normal;opacity:0.91;vector-effect:none;fill:#ff9955;fill-opacity:1;stroke:none;stroke-width:1.37784;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;-inkscape-stroke:none;stop-color:#000000;stop-opacity:1"
id="path10380"
cx="96.820564"
cy="1147.158"
rx="5.8217735"
ry="5.7322078" />
<ellipse
style="font-variation-settings:normal;opacity:0.91;vector-effect:none;fill:#ff9955;fill-opacity:1;stroke:none;stroke-width:1.42244;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;-inkscape-stroke:none;stop-color:#000000;stop-opacity:1"
id="path10434"
cx="94.323921"
cy="1213.4368"
rx="1.7129447"
ry="1.6121835" />
<circle
style="font-variation-settings:normal;opacity:0.91;vector-effect:none;fill:#ff9955;fill-opacity:1;stroke:none;stroke-width:1.37784;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;-inkscape-stroke:none;stop-color:#000000;stop-opacity:1"
id="path10436"
cx="135.60254"
cy="1178.3269"
r="3.7617612" />
<ellipse
style="font-variation-settings:normal;opacity:0.91;vector-effect:none;fill:#ff9955;fill-opacity:1;stroke:none;stroke-width:1.37784;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;-inkscape-stroke:none;stop-color:#000000;stop-opacity:1"
id="path10438"
cx="143.57388"
cy="1188.3583"
rx="2.9556696"
ry="2.8661039" />
</g>
</g>
</svg>
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="219.08148mm"
height="215.90002mm"
viewBox="0 0 219.08148 215.90002"
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.1767767"
inkscape:cx="2576.6971"
inkscape:cy="2771.8586"
inkscape:window-width="1680"
inkscape:window-height="979"
inkscape:window-x="99"
inkscape:window-y="-8"
inkscape:window-maximized="1"
inkscape:current-layer="layer1"
showguides="true" />
<defs
id="defs2" />
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-703.78841,-1190.625)">
<g
id="g9045"
inkscape:label="energy"
transform="translate(242.35833,-41.804167)">
<ellipse
style="fill:#ffd42a;stroke:#000000;stroke-width:1.4294"
id="path8786"
cx="572.55829"
cy="1339.0563"
rx="49.715885"
ry="47.863804" />
<path
style="fill:#ffd42a;stroke:#000000;stroke-width:1.37784"
d="m 572.55833,1282.1709 v -49.7417"
id="path8892" />
<path
style="fill:#ffd42a;stroke:#000000;stroke-width:1.37784"
d="m 630.76698,1336.8025 49.74104,-0.2549"
id="path8892-7" />
<path
style="fill:#ffd42a;stroke:#000000;stroke-width:1.37784"
d="m 461.43365,1339.9774 49.74104,-0.2549"
id="path8892-7-1" />
<path
style="fill:#ffd42a;stroke:#000000;stroke-width:1.37784"
d="m 572.02916,1448.3292 v -49.7417"
id="path8892-4" />
<path
style="fill:#ffd42a;stroke:#000000;stroke-width:1.37784"
d="m 495.58715,1265.3164 37.5257,32.6505"
id="path8892-7-5" />
<path
style="fill:#ffd42a;stroke:#000000;stroke-width:1.37784"
d="m 614.12049,1375.9123 37.5257,32.6505"
id="path8892-7-5-3" />
<path
style="fill:#ffd42a;stroke:#000000;stroke-width:1.37784"
d="m 615.01041,1291.9725 32.57084,-37.5949"
id="path8892-7-5-8" />
<path
style="fill:#ffd42a;stroke:#000000;stroke-width:1.37784"
d="m 496.47708,1422.6766 32.57084,-37.5949"
id="path8892-7-5-8-2" />
<path
style="fill:#ff6600;stroke:#000000;stroke-width:1.37784"
d="m 582.08656,1313.8943 -28.12105,25.897 23.6199,0.123 -14.0949,26.3354 25.04139,-30.7693 -21.666,-0.2003 z"
id="path9021"
sodipodi:nodetypes="ccccccc" />
</g>
</g>
</svg>
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="255.56599mm"
height="234.58179mm"
viewBox="0 0 255.56599 234.58179"
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.125"
inkscape:cx="6248"
inkscape:cy="2632"
inkscape:window-width="1920"
inkscape:window-height="1009"
inkscape:window-x="-8"
inkscape:window-y="-8"
inkscape:window-maximized="1"
inkscape:current-layer="layer1"
showguides="true" />
<defs
id="defs2" />
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-50.451646,-1120.2549)">
<g
id="g1349"
inkscape:label="fries"
transform="translate(6.3610148,64.73268)"
inkscape:export-filename="insu-learn\public\food.png"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96">
<rect
style="fill:#ffd42a;stroke:#000000;stroke-width:1.37784"
id="rect1247"
width="14.592916"
height="43.030396"
x="-167.93651"
y="1168.0426"
ry="0"
transform="rotate(-10.361893)" />
<rect
style="fill:#ffd42a;stroke:#000000;stroke-width:1.60443"
id="rect1247-9"
width="14.366323"
height="59.267605"
x="-58.226715"
y="1161.9601"
ry="0"
transform="rotate(-5.8161376)" />
<rect
style="fill:#ffd42a;stroke:#000000;stroke-width:1.83179"
id="rect1247-2"
width="14.138962"
height="78.497467"
x="-1.7212559"
y="1149.5455"
ry="0"
transform="rotate(-3.8394161)" />
<rect
style="fill:#ffd42a;stroke:#000000;stroke-width:2.13946"
id="rect1247-4"
width="16.450533"
height="92.034355"
x="92.989708"
y="1140.3121"
ry="0" />
<rect
style="fill:#ffd42a;stroke:#000000;stroke-width:1.80314"
id="rect1247-6"
width="14.167617"
height="75.906883"
x="181.22714"
y="1139.6274"
ry="0"
transform="rotate(3.4133053)" />
<rect
style="fill:#ffd42a;stroke:#000000;stroke-width:1.70937"
id="rect1247-68"
width="14.261387"
height="67.768745"
x="285.65067"
y="1130.7695"
ry="0"
transform="rotate(7.7246087)" />
<rect
style="fill:#ffd42a;stroke:#000000;stroke-width:1.54639"
id="rect1247-8"
width="14.424364"
height="54.835518"
x="446.15784"
y="1094.2173"
ry="0"
transform="rotate(14.99147)" />
<path
style="fill:#d40000;stroke:#000000;stroke-width:1.37784"
d="m 48.643054,1207.8444 21.702285,79.3256 h 63.610151 l 20.20557,-78.5772 -13.47038,-0.7484 c -21.68205,11.6282 -43.540692,22.8701 -80.822306,0.3742 z"
id="path859"
sodipodi:nodetypes="ccccccc" />
<ellipse
style="fill:#ffd42a;stroke:#000000;stroke-width:1.43386"
id="path1009"
cx="99.718262"
cy="1257.236"
rx="18.867949"
ry="16.435795" />
</g>
<g
id="g1578"
inkscape:label="drink">
<rect
style="fill:#aa0000;stroke:#000000;stroke-width:1.37784"
id="rect1466"
width="2.9934187"
height="59.494194"
x="898.76886"
y="729.17047"
ry="1.4967093"
transform="rotate(36.41823)" />
<path
style="fill:#d40000;stroke:#000000;stroke-width:1.37784"
d="m 177.36006,1185.0196 20.95393,169.1282 h 77.82888 l 24.69571,-168.754 z"
id="path1351"
sodipodi:nodetypes="ccccc" />
<rect
style="fill:#ffffff;stroke:#000000;stroke-width:1.37784"
id="rect1461"
width="133.58131"
height="16.83798"
x="165.38638"
y="1104.9457"
ry="5.238483"
transform="translate(6.3610149,64.732681)" />
<ellipse
style="fill:#ffd42a;stroke:#000000;stroke-width:1.37784"
id="path1407"
cx="237.97678"
cy="1247.5072"
rx="24.695704"
ry="23.198996" />
<rect
style="fill:#ffffff;stroke:#000000;stroke-width:1.37784"
id="rect1464"
width="110.75649"
height="12.722029"
x="182.59854"
y="1157.7046"
ry="1.8709294" />
</g>
</g>
</svg>
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="39.899025mm"
height="38.982117mm"
viewBox="0 0 39.899025 38.982117"
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.125"
inkscape:cx="6248"
inkscape:cy="2632"
inkscape:window-width="1920"
inkscape:window-height="1009"
inkscape:window-x="-8"
inkscape:window-y="-8"
inkscape:window-maximized="1"
inkscape:current-layer="layer1"
showguides="true" />
<defs
id="defs2" />
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-67.203577,-894.4683)">
<g
id="g1569">
<path
id="path1212"
style="font-variation-settings:normal;opacity:1;vector-effect:none;fill:#800000;fill-opacity:1;stroke:#000000;stroke-width:1.37784;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;-inkscape-stroke:none;stop-color:#000000;stop-opacity:1"
d="m 86.639156,895.26887 c -10.335162,0.61445 -18.746593,8.73316 -18.746659,19.5063 6.6e-5,10.77314 3.326645,17.98645 13.680055,17.98632 10.35321,-1.7e-4 21.611058,-7.44077 23.812748,-17.98632 2.37462,-11.37383 2.18683,-20.75081 -18.746144,-19.5063 z"
sodipodi:nodetypes="sssss" />
<path
style="font-variation-settings:normal;opacity:1;vector-effect:none;fill:#800000;fill-opacity:1;stroke:#000000;stroke-width:1.37784;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;-inkscape-stroke:none;stop-color:#000000;stop-opacity:1"
d="m 90.438874,899.32213 c -8.682067,1.03452 -16.715086,3.30223 -18.746433,16.97312"
id="path1516"
sodipodi:nodetypes="cc" />
</g>
</g>
</svg>
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="90.505768mm"
height="89.371826mm"
viewBox="0 0 90.505768 89.371826"
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.1767767"
inkscape:cx="2576.6971"
inkscape:cy="2771.8586"
inkscape:window-width="1680"
inkscape:window-height="979"
inkscape:window-x="99"
inkscape:window-y="-8"
inkscape:window-maximized="1"
inkscape:current-layer="layer1"
showguides="true" />
<defs
id="defs2" />
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-328.88758,-1335.1241)">
<g
id="g10454"
inkscape:label="ball">
<ellipse
style="fill:#ff6600;stroke:#000000;stroke-width:1.37784"
id="path10315"
cx="374.17734"
cy="1379.7789"
rx="44.527103"
ry="43.965836" />
<path
style="fill:#ff6600;stroke:#000000;stroke-width:1.37784"
d="m 373.0548,1335.8131 0.37417,88.68"
id="path10371" />
<path
style="fill:#ff6600;stroke:#000000;stroke-width:1.37784"
d="m 328.90187,1380.3402 90.17675,-1.8709"
id="path10373" />
<path
style="fill:none;stroke:#000000;stroke-width:1.37784"
d="m 343.12061,1347.7868 c 16.09348,23.3047 15.0366,44.4656 0.0935,63.8908"
id="path10375"
sodipodi:nodetypes="cc" />
<path
style="fill:none;stroke:#000000;stroke-width:1.37784"
d="m 405.2937,1347.5779 c -16.09348,23.3047 -15.0366,44.4656 -0.0935,63.8908"
id="path10375-3"
sodipodi:nodetypes="cc" />
</g>
</g>
</svg>
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="180.87881mm"
height="170.56042mm"
viewBox="0 0 180.87881 170.56042"
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.125"
inkscape:cx="6248"
inkscape:cy="2632"
inkscape:window-width="1920"
inkscape:window-height="1009"
inkscape:window-x="-8"
inkscape:window-y="-8"
inkscape:window-maximized="1"
inkscape:current-layer="layer1"
showguides="true" />
<defs
id="defs2" />
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-398.95384,-1162.7867)">
<g
id="g2982"
inkscape:label="sugar cubes">
<g
id="g2793"
inkscape:label="sugar"
transform="translate(-19.457222,53.133182)">
<rect
style="fill:#ffffff;stroke:#000000;stroke-width:1.37784"
id="rect2695"
width="62.441666"
height="64.558334"
x="437.62082"
y="1199.0917"
ry="0" />
<rect
style="fill:#ffffff;stroke:none;stroke-width:1.37784"
id="rect2782"
width="3.1805072"
height="15.10741"
x="436.75851"
y="1199.7528" />
<rect
style="fill:#ffffff;stroke:#000000;stroke-width:1.37784"
id="rect2695-3"
width="62.441666"
height="64.558334"
x="419.09998"
y="1214.9667"
ry="0" />
<path
style="fill:#ffffff;stroke:#000000;stroke-width:1.37784"
d="M 481.47268,1215.1409 500.088,1198.9577"
id="path2773" />
<path
style="fill:#ffffff;stroke:#000000;stroke-width:1.37784"
d="m 418.98507,1215.0474 18.24115,-16.2767"
id="path2775" />
<rect
style="fill:#ffffff;stroke:none;stroke-width:1.57678"
id="rect2779"
width="17.07184"
height="4.3498116"
x="482.26782"
y="1260.9777" />
<path
style="fill:#ffffff;stroke:#000000;stroke-width:1.37784"
d="m 481.80624,1279.6572 18.45469,-15.6765"
id="path2777" />
</g>
<g
id="g2793-7-5"
inkscape:label="sugar"
transform="rotate(36.889397,437.16653,1351.3521)">
<rect
style="fill:#ffffff;stroke:#000000;stroke-width:1.37784"
id="rect2695-9-2"
width="62.441666"
height="64.558334"
x="437.62082"
y="1199.0917"
ry="0" />
<rect
style="fill:#ffffff;stroke:none;stroke-width:1.37784"
id="rect2782-8-7"
width="3.1805072"
height="15.10741"
x="436.75851"
y="1199.7528" />
<rect
style="fill:#ffffff;stroke:#000000;stroke-width:1.37784"
id="rect2695-3-6-9"
width="62.441666"
height="64.558334"
x="419.09998"
y="1214.9667"
ry="0" />
<path
style="fill:#ffffff;stroke:#000000;stroke-width:1.37784"
d="M 481.47268,1215.1409 500.088,1198.9577"
id="path2773-1-6" />
<path
style="fill:#ffffff;stroke:#000000;stroke-width:1.37784"
d="m 418.98507,1215.0474 18.24115,-16.2767"
id="path2775-8-2" />
<rect
style="fill:#ffffff;stroke:none;stroke-width:1.57678"
id="rect2779-5-2"
width="17.07184"
height="4.3498116"
x="482.26782"
y="1260.9777" />
<path
style="fill:#ffffff;stroke:#000000;stroke-width:1.37784"
d="m 481.80624,1279.6572 18.45469,-15.6765"
id="path2777-8-7" />
</g>
<g
id="g2793-7"
inkscape:label="sugar"
transform="rotate(-16.145085,369.78237,1218.7541)">
<rect
style="fill:#ffffff;stroke:#000000;stroke-width:1.37784"
id="rect2695-9"
width="62.441666"
height="64.558334"
x="437.62082"
y="1199.0917"
ry="0" />
<rect
style="fill:#ffffff;stroke:none;stroke-width:1.37784"
id="rect2782-8"
width="3.1805072"
height="15.10741"
x="436.75851"
y="1199.7528" />
<rect
style="fill:#ffffff;stroke:#000000;stroke-width:1.37784"
id="rect2695-3-6"
width="62.441666"
height="64.558334"
x="419.09998"
y="1214.9667"
ry="0" />
<path
style="fill:#ffffff;stroke:#000000;stroke-width:1.37784"
d="M 481.47268,1215.1409 500.088,1198.9577"
id="path2773-1" />
<path
style="fill:#ffffff;stroke:#000000;stroke-width:1.37784"
d="m 418.98507,1215.0474 18.24115,-16.2767"
id="path2775-8" />
<rect
style="fill:#ffffff;stroke:none;stroke-width:1.57678"
id="rect2779-5"
width="17.07184"
height="4.3498116"
x="482.26782"
y="1260.9777" />
<path
style="fill:#ffffff;stroke:#000000;stroke-width:1.37784"
d="m 481.80624,1279.6572 18.45469,-15.6765"
id="path2777-8" />
</g>
<path
style="fill:#ffffff;stroke:none;stroke-width:5.20759"
d="m 1956.1473,4987.7349 c 0.7193,-1.1895 28.5881,-38.6093 31.067,-41.714 0.6679,-0.8365 25.3297,-33.6959 54.804,-73.0209 29.4743,-39.325 54.1279,-72.026 54.7857,-72.6688 0.7616,-0.7443 14.6344,-2.1084 38.196,-3.7558 20.35,-1.4228 39.1749,-2.8567 41.8331,-3.1864 l 4.8331,-0.5995 -70.8331,94.346 c -38.9582,51.8902 -71.2831,94.8592 -71.8331,95.4866 -0.6504,0.7419 -14.4595,1.8911 -39.5,3.2872 -21.175,1.1806 -39.7599,2.3522 -41.2997,2.6036 -2.0374,0.3326 -2.5964,0.1207 -2.053,-0.778 z"
id="path3053"
transform="scale(0.26458333)" />
<path
style="fill:#ffffff;stroke:none;stroke-width:5.20759"
d="m 1858,4918.4233 c -49.5,-37.1384 -90.5715,-68.0892 -91.2701,-68.7796 -1.0235,-1.0116 8.546,-14.3483 49.2944,-68.6995 27.8105,-37.0943 51.5007,-67.8755 52.6448,-68.4027 1.1442,-0.5271 7.0498,-8.4021 13.1235,-17.5 15.1059,-22.6272 25.5251,-36.2687 27.0127,-35.3671 1.7102,1.0365 176.6634,132.2025 179.824,134.8178 l 2.6294,2.1756 -70.8094,94.3928 c -38.9452,51.916 -71.1784,94.504 -71.6294,94.64 -0.4509,0.1359 -41.3199,-30.1388 -90.8199,-67.2773 z"
id="path3055"
transform="scale(0.26458333)" />
<path
style="fill:#ffffff;stroke:none;stroke-width:5.20759"
d="m 2030.5,4742.9076 c -36.575,-27.5466 -66.4514,-50.6362 -66.3921,-51.3103 0.059,-0.674 -0.6313,-1.1967 -1.5349,-1.1614 -1.5021,0.059 -45.9406,-32.2472 -46.0329,-33.4649 -0.022,-0.291 15.1474,-1.7827 33.7099,-3.3151 18.5625,-1.5323 36,-3.0535 38.75,-3.3805 4.808,-0.5717 4.9431,-0.5212 3.5172,1.315 -1.4534,1.8718 -1.4393,1.8726 0.7131,0.038 2.1456,-1.8287 2.2608,-1.8287 5.0339,0 1.5609,1.0294 42.6229,31.7847 91.2488,68.3451 83.4482,62.7423 88.2445,66.5144 85.4489,67.2021 -1.6291,0.4007 -17.1369,1.6713 -34.4619,2.8236 -17.325,1.1523 -34.2,2.2971 -37.5,2.5441 l -6,0.449 z m -63.8724,-55.6576 c 1.2438,-1.586 1.2085,-1.6214 -0.3776,-0.3775 -1.6657,1.3063 -2.1955,2.1275 -1.3724,2.1275 0.2076,0 0.9951,-0.7875 1.75,-1.75 z m 3,-4 c 1.2438,-1.586 1.2085,-1.6214 -0.3776,-0.3775 -1.6657,1.3063 -2.1955,2.1275 -1.3724,2.1275 0.2076,0 0.9951,-0.7875 1.75,-1.75 z m 3,-4 c 1.2438,-1.586 1.2085,-1.6214 -0.3776,-0.3775 -1.6657,1.3063 -2.1955,2.1275 -1.3724,2.1275 0.2076,0 0.9951,-0.7875 1.75,-1.75 z m 3,-4 c 1.2438,-1.586 1.2085,-1.6214 -0.3776,-0.3775 -1.6657,1.3063 -2.1955,2.1275 -1.3724,2.1275 0.2076,0 0.9951,-0.7875 1.75,-1.75 z m 3,-4 c 1.2438,-1.586 1.2085,-1.6214 -0.3776,-0.3775 -0.9625,0.7548 -1.75,1.5423 -1.75,1.75 0,0.823 0.8212,0.2933 2.1276,-1.3725 z m 3,-4 c 1.2438,-1.586 1.2085,-1.6214 -0.3776,-0.3775 -1.6657,1.3063 -2.1955,2.1275 -1.3724,2.1275 0.2076,0 0.9951,-0.7875 1.75,-1.75 z m 3,-4 c 1.2438,-1.586 1.2085,-1.6214 -0.3776,-0.3775 -0.9625,0.7548 -1.75,1.5423 -1.75,1.75 0,0.823 0.8212,0.2933 2.1276,-1.3725 z m 3,-4 c 1.2438,-1.586 1.2085,-1.6214 -0.3776,-0.3775 -0.9625,0.7548 -1.75,1.5423 -1.75,1.75 0,0.823 0.8212,0.2933 2.1276,-1.3725 z m 3,-4 c 1.2438,-1.586 1.2085,-1.6214 -0.3776,-0.3775 -1.6657,1.3063 -2.1955,2.1275 -1.3724,2.1275 0.2076,0 0.9951,-0.7875 1.75,-1.75 z"
id="path3057"
transform="scale(0.26458333)" />
<path
style="fill:#ffffff;stroke:none;stroke-width:5.20759"
d="m 1835.6478,4589.0953 c -17.7938,-61.4872 -32.1938,-112.4509 -32,-113.2526 0.4209,-1.7419 44.1312,-69.764 44.8522,-69.7992 0.3841,-0.019 63.271,216.1071 65.6248,225.5354 0.374,1.4983 -3.3164,7.9228 -13.2118,23 -10.7816,16.4276 -27.7276,40.3539 -32.308,45.6162 -0.3327,0.3823 -15.1635,-49.6126 -32.9572,-111.0998 z"
id="path3059"
transform="scale(0.26458333)" />
<path
style="fill:#ffffff;stroke:none;stroke-width:5.20759"
d="m 1642.106,4769.25 c -3.2183,-10.65 -64.525,-223.2323 -64.7719,-224.5978 -0.2962,-1.6381 12.1481,-5.4626 109.6377,-33.6949 60.4845,-17.5158 110.058,-31.7593 110.1633,-31.6522 0.2343,0.2384 65.5163,225.828 65.7199,227.1027 0.1104,0.6909 -216.3323,64.3265 -219.5376,64.5456 -0.3754,0.026 -0.9206,-0.7409 -1.2114,-1.7034 z"
id="path3061"
transform="scale(0.26458333)" />
<path
style="fill:#ffffff;stroke:none;stroke-width:5.20759"
d="m 1580.6667,4534.165 c 1.6283,-4.0792 40.3048,-63.9916 41.0232,-63.5476 0.5191,0.3208 0.8013,-0.2473 0.627,-1.2626 -0.2486,-1.4479 0.869,-2.2342 5.1831,-3.6467 10.5614,-3.4579 213.2749,-61.7665 213.6011,-61.4403 0.181,0.181 -9.507,15.5658 -21.5288,34.1885 l -21.8579,33.8595 -78.8572,22.8807 c -43.3715,12.5843 -79.7572,23.0288 -80.8572,23.2098 -1.1,0.1811 -2.675,0.6132 -3.5,0.9603 -1.5807,0.665 -53.0503,15.6334 -53.7563,15.6334 -0.2257,0 -0.2604,-0.3758 -0.077,-0.835 z"
id="path3063"
transform="scale(0.26458333)" />
<path
style="fill:#ffffff;stroke:none;stroke-width:5.20759"
d="m 1513.5,4915 v -119 h 115 115 v 119 119 h -115 -115 z"
id="path3065"
transform="scale(0.26458333)" />
<path
style="fill:#ffffff;stroke:none;stroke-width:5.20759"
d="m 1548.6845,4763 30.2835,-27 23.516,0.01 23.516,0.01 5.8987,20.7405 c 3.2444,11.4074 6.1694,21.0514 6.5,21.4312 0.3307,0.3798 33.9013,-8.9652 74.6013,-20.7666 l 74,-21.4571 9.9183,0.2666 9.9182,0.2665 -30.7596,26.75 -30.7596,26.75 H 1631.8591 1518.401 Z"
id="path3067"
transform="scale(0.26458333)" />
<path
style="fill:#ffffff;stroke:none;stroke-width:5.20759"
d="m 1749.5712,4912.834 0.071,-118.334 29.9874,-26 c 16.4931,-14.3 30.861,-26.6174 31.9288,-27.372 1.8995,-1.3423 1.9414,-1.0055 1.9414,15.6134 v 16.9853 l -28.1208,37.3867 c -15.4665,20.5626 -28.2733,37.8366 -28.4597,38.3866 -0.1863,0.55 12.4729,10.5689 28.1317,22.2642 l 28.4705,21.2642 -0.2609,42.1896 -0.2608,42.1895 -28,23.8597 c -15.4,13.1229 -29.6875,25.219 -31.75,26.8803 l -3.75,3.0206 z"
id="path3069"
transform="scale(0.26458333)" />
<path
style="fill:#ffffff;stroke:none;stroke-width:1.37784"
d="m 399.9177,1332.3094 42.20104,-46.0375"
id="path3080" />
<path
style="fill:#ffffff;stroke:#000000;stroke-width:1.37784"
d="m 463.02083,1331.251 c 0,-0.6614 11.90625,-40.7458 11.90625,-40.7458"
id="path3102" />
<path
style="fill:#ffffff;stroke:#000000;stroke-width:1.37784"
d="m 466.5927,1328.076 11.64167,-35.1896"
id="path3104" />
<path
style="fill:#ffffff;stroke:#000000;stroke-width:1.37784"
d="m 471.22291,1325.2979 9.12813,-28.4427"
id="path3106" />
<path
style="fill:#ffffff;stroke:#000000;stroke-width:1.37784"
d="m 475.85312,1321.3292 c 0,-0.5292 4.36562,-14.8167 4.36562,-14.8167"
id="path3108" />
<path
style="fill:#ffffff;stroke:#000000;stroke-width:1.37784"
d="m 462.09479,1322.3875 9.78958,-34.1313"
id="path3110" />
<path
style="fill:#ffffff;stroke:#000000;stroke-width:1.37784"
d="m 462.49166,1305.4542 6.50775,-20.1366"
id="path3112"
sodipodi:nodetypes="cc" />
<path
style="fill:#ffffff;stroke:#000000;stroke-width:1.39018"
d="m 494.24161,1244.5342 c 0,-1.3473 1.05844,-60.3918 1.05844,-60.3918"
id="path3114"
sodipodi:nodetypes="cc" />
<path
style="fill:#ffffff;stroke:#000000;stroke-width:1.37784"
d="m 497.08593,1241.6896 c 0,-0.2646 0.99219,-48.3526 0.99219,-48.3526"
id="path3116"
sodipodi:nodetypes="cc" />
<path
style="fill:#ffffff;stroke:#000000;stroke-width:1.37784"
d="m 500.52551,1236.1995 c 0,-0.5953 0.39688,-32.8745 0.39688,-32.8745"
id="path3118"
sodipodi:nodetypes="cc" />
<path
style="fill:#ffffff;stroke:#000000;stroke-width:1.37784"
d="m 503.89895,1230.2463 c 0,-0.3307 0.39688,-15.4119 0.39688,-15.4119"
id="path3120"
sodipodi:nodetypes="cc" />
<path
style="fill:#ffffff;stroke:#000000;stroke-width:1.37784"
d="m 535.54132,1319.5364 20.20556,-21.7023"
id="path3122"
sodipodi:nodetypes="cc" />
<path
style="fill:#ffffff;stroke:#000000;stroke-width:1.37784"
d="m 532.36082,1319.1622 32.83403,-33.9566"
id="path3124"
sodipodi:nodetypes="cc" />
<path
style="fill:#ffffff;stroke:#000000;stroke-width:1.37784"
d="m 527.4965,1319.7234 c 0,-0.3741 44.71419,-44.2464 44.71419,-44.2464"
id="path3126" />
<path
style="fill:#ffffff;stroke:#000000;stroke-width:1.37784"
d="m 523.19345,1319.817 54.53634,-52.2913"
id="path3128" />
<path
style="fill:#ffffff;stroke:#000000;stroke-width:1.37784"
d="m 518.23561,1320.0976 53.97508,-52.5719"
id="path3130" />
<path
style="fill:#ffffff;stroke:#000000;stroke-width:1.37784"
d="m 522.53864,1311.6787 43.0304,-42.9369"
id="path3132" />
<path
style="fill:#ffffff;stroke:#000000;stroke-width:1.37784"
d="m 535.63486,1294.0923 26.1924,-25.5376"
id="path3134" />
</g>
</g>
</svg>
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="154.36768mm"
height="28.039185mm"
viewBox="0 0 154.36768 28.039185"
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.125"
inkscape:cx="6248"
inkscape:cy="2632"
inkscape:window-width="1920"
inkscape:window-height="1009"
inkscape:window-x="-8"
inkscape:window-y="-8"
inkscape:window-maximized="1"
inkscape:current-layer="layer1"
showguides="true" />
<defs
id="defs2" />
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-1124.1188,-1498.2706)">
<text
xml:space="preserve"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:38.0622px;font-family:'Amiri Quran';-inkscape-font-specification:'Amiri Quran';fill:#ffffff;stroke:none;stroke-width:37.7716"
x="1146.9939"
y="1492.6007"
id="text23891"
transform="scale(0.97832865,1.0221514)"><tspan
sodipodi:role="line"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:38.0622px;font-family:'Bauhaus 93';-inkscape-font-specification:'Bauhaus 93, ';fill:#ffffff;stroke-width:18.5236"
x="1146.9939"
y="1492.6007"
id="tspan23893">insu-learn</tspan></text>
</g>
</svg>
......@@ -164,6 +164,18 @@ export const insulinExplanation =
"využívať glukózu na energiu."
}
export const glucoseExplanation =
{
EN: "This picture represents our body's bloodstream, and the red things are like tiny energy candies" +
" called glucose. Glucose gives our bodies the power to do things like run and play. We get " +
"glucose from the food we eat, and it travels in our blood to help our bodies work. It's important" +
" to have just the right amount of glucose to stay healthy!",
SK: "Táto obrázok reprezentuje náš krvný obeh, a červené objekty sú ako malé energetické cukríky" +
" nazývané glukóza. Glukóza dáva našim telám energiu na to, aby sme mohli robiť veci ako behať a hrať sa." +
" Glukózu získavame z jedla, a cestuje v našej krvi, aby pomohla našim telám pracovať. Je dôležité mať " +
"práve také množstvo glukózy, aby sme boli zdraví!"
}
export const stepperLabels = [
{
EN: "Insulin",
......@@ -310,3 +322,61 @@ export const insulinTestQuestions = [
},
];
export const glucoseTimeline = [
{
id: 'food',
text: {
EN: 'We eat food',
SK: 'Zjeme jedlo',
},
image: '/public/images/food.svg'
},
{
id: 'sugar',
text: {
EN: 'Sugar from the food breaks down',
SK: 'Cukor z jedla sa rozloží',
},
image: '/public/images/sugar.svg'
},
{
id: 'glucose',
text: {
EN: 'Parts of it called glucose will get into our bloodstream',
SK: 'Jeho časti nazývané glukóza sa dostanú do krvného obehu',
},
image: '/public/images/glucose.svg'
},
{
id: 'cells',
text: {
EN: 'The blood will carry glucose to the cells',
SK: 'Krv ponesie glukózu až k bunkám',
},
image: '/public/images/cell.svg'
},
{
id: 'absorption',
text: {
EN: 'Insulin will help the glucose to get in the cell',
SK: 'Inzulín pomôže glukóze dostať sa do bunky',
},
image: '/public/images/absorption.svg'
},
{
id: 'energy',
text: {
EN: 'The cell will use this glucose to create energy',
SK: 'Bunka vďaka glukóze vytvorí energiu',
},
image: '/public/images/energy.svg'
},
{
id: 'sport',
text: {
EN: 'We can run, play, do sports, and many other activities',
SK: 'Môžme behať, hrať sa, športovať a robiť mnoho iných aktivít',
},
image: '/public/images/sport.svg'
}
]
......@@ -7,6 +7,7 @@ import Overview from './components/Overview';
import Insulin from "./components/Opening";
import HomePage from "./components/HomePage";
import InsulinTest from "./components/InsulinTest";
import InsulinDragNDropTest from "./components/InsulinDragNDropTest";
const App: FC = () => {
return (
......@@ -22,6 +23,7 @@ const App: FC = () => {
<Route path="insulin" element={<Insulin />} />
<Route path="overview" element={<Overview />} />
<Route path="insulinTest" element={<InsulinTest />} />
<Route path="insulinDragTest" element={<InsulinDragNDropTest />} />
</Routes>
</div>
</>
......
......@@ -2,21 +2,21 @@
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="1921.594mm"
height="832.53101mm"
viewBox="0 0 1921.594 832.53101"
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:xlink="http://www.w3.org/1999/xlink"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
width="1921.594mm"
height="832.53101mm"
viewBox="0 0 1921.594 832.53101"
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:xlink="http://www.w3.org/1999/xlink"
xmlns="http://www.w3.org/2000/svg"
>
<sodipodi:namedview
id="namedview7"
pagecolor="#ffffff"
......@@ -333,8 +333,9 @@
ry="24.574085"
transform="matrix(0.81833259,-0.57474496,0.71519473,0.69892524,0,0)" />
<a
id="a39681"
xlink:href="http://localhost:5173/opening">
id="chpt1"
xlink:href="http://localhost:5173/opening"
onclick="alert('Circle Clicked!');">
<g
id="chpt1"
inkscape:label="chpt1">
......
......@@ -2,16 +2,13 @@ import chapters from '../assets/backgrounds/chapters.svg';
const Chapters = () => {
const handleChapterClick = (chapterId: string) => {
console.log("Clicked");
// Handle the click event for each chapter and navigate accordingly
switch (chapterId) {
case 'chpt1':
window.location.href = '/opening';
window.location.href = '/intro';
break;
case 'chpt2':
window.location.href = '/overview';
window.location.href = '/insulin';
break;
// Add more cases for other chapters as needed
default:
break;
}
......@@ -19,16 +16,29 @@ const Chapters = () => {
return (
<>
<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 className="bg-primary-dark">
<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
id="chpt1"
className="absolute w-44 h-44 left-[10rem] top-[7rem] z-10 cursor-pointer"
onClick={() => handleChapterClick('chpt1')}
></div>
<div
id="chpt2"
className="absolute w-44 h-44 left-24 bottom-16 z-10 cursor-pointer"
onClick={() => handleChapterClick('chpt2')}
></div>
</div>
</div>
</>
);
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment