diff --git a/package-lock.json b/package-lock.json
index 4970057..ca44091 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -18,6 +18,7 @@
         "vue": "^3.2.13",
         "vue-router": "^4.0.3",
         "vuex": "^4.0.0",
+        "vuex-persistedstate": "^4.1.0",
         "webmix": "^1.0.13"
       },
       "devDependencies": {
@@ -14100,6 +14101,12 @@
       "integrity": "sha512-Vpfqwm4EnqGdlsBFNmHhxhElJYrdfcxPThu+ryKS5J8L/fhAwLazFZtq+S+TWZ9ANj2piSQLGj6NQg+lKPmxrw==",
       "dev": true
     },
+    "node_modules/shvl": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/shvl/-/shvl-2.0.3.tgz",
+      "integrity": "sha512-V7C6S9Hlol6SzOJPnQ7qzOVEWUQImt3BNmmzh40wObhla3XOYMe4gGiYzLrJd5TFa+cI2f9LKIRJTTKZSTbWgw==",
+      "deprecated": "older versions vulnerable to prototype pollution"
+    },
     "node_modules/sigmund": {
       "version": "1.0.1",
       "resolved": "https://registry.npmmirror.com/sigmund/-/sigmund-1.0.1.tgz",
@@ -15440,6 +15447,27 @@
         "vue": "^3.0.2"
       }
     },
+    "node_modules/vuex-persistedstate": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/vuex-persistedstate/-/vuex-persistedstate-4.1.0.tgz",
+      "integrity": "sha512-3SkEj4NqwM69ikJdFVw6gObeB0NHyspRYMYkR/EbhR0hbvAKyR5gksVhtAfY1UYuWUOCCA0QNGwv9pOwdj+XUQ==",
+      "deprecated": "Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.",
+      "dependencies": {
+        "deepmerge": "^4.2.2",
+        "shvl": "^2.0.3"
+      },
+      "peerDependencies": {
+        "vuex": "^3.0 || ^4.0.0-rc"
+      }
+    },
+    "node_modules/vuex-persistedstate/node_modules/deepmerge": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.2.2.tgz",
+      "integrity": "sha512-FJ3UgI4gIl+PHZm53knsuSFpE+nESMr7M4v9QcgB7S63Kj/6WqMiFQJpBBYz1Pt+66bZpP3Q7Lye0Oo9MPKEdg==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/w3c-hr-time": {
       "version": "1.0.2",
       "resolved": "https://registry.npmmirror.com/w3c-hr-time/-/w3c-hr-time-1.0.2.tgz",
@@ -18812,7 +18840,8 @@
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/@vue/cli-plugin-vuex/-/cli-plugin-vuex-5.0.1.tgz",
       "integrity": "sha512-5J/n+Ht4r2eVuncwCXcZPHzYCz/2haktle4WcggWiKeg3jSQVUJbjviPBs6sOo3y/LG3CEfZMP9bPJjVDbexpQ==",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "@vue/cli-service": {
       "version": "5.0.1",
@@ -19142,7 +19171,8 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmmirror.com/@vue/test-utils/-/test-utils-2.0.0.tgz",
       "integrity": "sha512-zL5kygNq7hONrO1CzaUGprEAklAX+pH8J1MPMCU3Rd2xtSYkZ+PmKU3oEDRg8VAGdL5lNJHzDgrud5amFPtirw==",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "@vue/vue-loader-v15": {
       "version": "npm:vue-loader@15.9.8",
@@ -19423,13 +19453,15 @@
       "version": "1.8.0",
       "resolved": "https://registry.npmjs.org/acorn-import-assertions/-/acorn-import-assertions-1.8.0.tgz",
       "integrity": "sha512-m7VZ3jwz4eK6A4Vtt8Ew1/mNbP24u0FhdyfA7fSvnJR6LMdfOYnmuIrrJAgrYfYJ10F/otaHTtrtrtmHdMNzEw==",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "acorn-jsx": {
       "version": "5.3.2",
       "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
       "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "acorn-walk": {
       "version": "8.2.0",
@@ -19507,7 +19539,8 @@
       "version": "3.5.2",
       "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz",
       "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "ansi-colors": {
       "version": "4.1.1",
@@ -19918,7 +19951,8 @@
     "bootstrap": {
       "version": "5.2.0-beta1",
       "resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-5.2.0-beta1.tgz",
-      "integrity": "sha512-6qbgs177WZEFY4SLQUq3tEHayYG80nfDmyTpdKi0MJqRMdS+HAoq24+YKfx6wf+nHY0rx8zrh477J1lFu4WzOA=="
+      "integrity": "sha512-6qbgs177WZEFY4SLQUq3tEHayYG80nfDmyTpdKi0MJqRMdS+HAoq24+YKfx6wf+nHY0rx8zrh477J1lFu4WzOA==",
+      "requires": {}
     },
     "bootswatch": {
       "version": "5.1.3",
@@ -20746,7 +20780,8 @@
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/cssnano-utils/-/cssnano-utils-3.1.0.tgz",
       "integrity": "sha512-JQNR19/YZhz4psLX/rQ9M83e3z2Wf/HdJbryzte4a3NSuafyp9w/I4U+hx5C2S9g41qlstH7DEWnZaaj83OuEA==",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "csso": {
       "version": "4.2.0",
@@ -22496,7 +22531,8 @@
       "version": "5.1.0",
       "resolved": "https://registry.npmjs.org/icss-utils/-/icss-utils-5.1.0.tgz",
       "integrity": "sha512-soFhflCVWLfRNOPU3iv5Z9VUdT44xFRbzjLsEzSr5AQmgqPMTHdU3PMT1Cf1ssx8fLNJDA1juftYl+PUcv3MqA==",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "ieee754": {
       "version": "1.2.1",
@@ -23656,7 +23692,8 @@
       "version": "1.2.2",
       "resolved": "https://registry.npmmirror.com/jest-pnp-resolver/-/jest-pnp-resolver-1.2.2.tgz",
       "integrity": "sha512-olV41bKSMm8BdnuMsewT4jqlZ8+3TCARAXjZGT9jcoSnrfUnRCqnMoF9XEeoWjbzObpqF9dRhHQj0Xb9QdF6/w==",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "jest-regex-util": {
       "version": "27.5.1",
@@ -25957,25 +25994,29 @@
       "version": "5.1.0",
       "resolved": "https://registry.npmjs.org/postcss-discard-comments/-/postcss-discard-comments-5.1.0.tgz",
       "integrity": "sha512-L0IKF4jAshRyn03SkEO6ar/Ipz2oLywVbg2THf2EqqdNkBwmVMxuTR/RoAltOw4piiaLt3gCAdrbAqmTBInmhg==",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "postcss-discard-duplicates": {
       "version": "5.1.0",
       "resolved": "https://registry.npmjs.org/postcss-discard-duplicates/-/postcss-discard-duplicates-5.1.0.tgz",
       "integrity": "sha512-zmX3IoSI2aoenxHV6C7plngHWWhUOV3sP1T8y2ifzxzbtnuhk1EdPwm0S1bIUNaJ2eNbWeGLEwzw8huPD67aQw==",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "postcss-discard-empty": {
       "version": "5.1.0",
       "resolved": "https://registry.npmjs.org/postcss-discard-empty/-/postcss-discard-empty-5.1.0.tgz",
       "integrity": "sha512-782T/buGgb3HOuHOJAHpdyKzAAKsv/BxWqsutnZ+QsiHEcDkY7v+6WWdturuBiSal6XMOO1p1aJvwXdqLD5vhA==",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "postcss-discard-overridden": {
       "version": "5.1.0",
       "resolved": "https://registry.npmjs.org/postcss-discard-overridden/-/postcss-discard-overridden-5.1.0.tgz",
       "integrity": "sha512-21nOL7RqWR1kasIVdKs8HNqQJhFxLsyRfAnUDm4Fe4t4mCWL9OJiHvlHPjcd8zc5Myu89b/7wZDnOSjFgeWRtw==",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "postcss-loader": {
       "version": "6.2.1",
@@ -26065,7 +26106,8 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/postcss-modules-extract-imports/-/postcss-modules-extract-imports-3.0.0.tgz",
       "integrity": "sha512-bdHleFnP3kZ4NYDhuGlVK+CMrQ/pqUm8bx/oGL93K6gVwiclvX5x0n76fYMKuIGKzlABOy13zsvqjb0f92TEXw==",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "postcss-modules-local-by-default": {
       "version": "4.0.0",
@@ -26100,7 +26142,8 @@
       "version": "5.1.0",
       "resolved": "https://registry.npmjs.org/postcss-normalize-charset/-/postcss-normalize-charset-5.1.0.tgz",
       "integrity": "sha512-mSgUJ+pd/ldRGVx26p2wz9dNZ7ji6Pn8VWBajMXFf8jk7vUoSrZ2lt/wZR7DtlZYKesmZI680qjr2CeFF2fbUg==",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "postcss-normalize-display-values": {
       "version": "5.1.0",
@@ -26915,6 +26958,11 @@
       "integrity": "sha512-Vpfqwm4EnqGdlsBFNmHhxhElJYrdfcxPThu+ryKS5J8L/fhAwLazFZtq+S+TWZ9ANj2piSQLGj6NQg+lKPmxrw==",
       "dev": true
     },
+    "shvl": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/shvl/-/shvl-2.0.3.tgz",
+      "integrity": "sha512-V7C6S9Hlol6SzOJPnQ7qzOVEWUQImt3BNmmzh40wObhla3XOYMe4gGiYzLrJd5TFa+cI2f9LKIRJTTKZSTbWgw=="
+    },
     "sigmund": {
       "version": "1.0.1",
       "resolved": "https://registry.npmmirror.com/sigmund/-/sigmund-1.0.1.tgz",
@@ -27953,6 +28001,22 @@
         "@vue/devtools-api": "^6.0.0-beta.11"
       }
     },
+    "vuex-persistedstate": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/vuex-persistedstate/-/vuex-persistedstate-4.1.0.tgz",
+      "integrity": "sha512-3SkEj4NqwM69ikJdFVw6gObeB0NHyspRYMYkR/EbhR0hbvAKyR5gksVhtAfY1UYuWUOCCA0QNGwv9pOwdj+XUQ==",
+      "requires": {
+        "deepmerge": "^4.2.2",
+        "shvl": "^2.0.3"
+      },
+      "dependencies": {
+        "deepmerge": {
+          "version": "4.2.2",
+          "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.2.2.tgz",
+          "integrity": "sha512-FJ3UgI4gIl+PHZm53knsuSFpE+nESMr7M4v9QcgB7S63Kj/6WqMiFQJpBBYz1Pt+66bZpP3Q7Lye0Oo9MPKEdg=="
+        }
+      }
+    },
     "w3c-hr-time": {
       "version": "1.0.2",
       "resolved": "https://registry.npmmirror.com/w3c-hr-time/-/w3c-hr-time-1.0.2.tgz",
@@ -28301,7 +28365,8 @@
           "version": "8.5.0",
           "resolved": "https://registry.npmjs.org/ws/-/ws-8.5.0.tgz",
           "integrity": "sha512-BWX0SWVgLPzYwF8lTzEy1egjhS4S4OEAHfsO8o65WOVsrnSRGaSiUaa9e0ggGlkMTtBlmOpEXiie9RUcBO86qg==",
-          "dev": true
+          "dev": true,
+          "requires": {}
         }
       }
     },
@@ -28455,7 +28520,8 @@
       "version": "7.5.7",
       "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.7.tgz",
       "integrity": "sha512-KMvVuFzpKBuiIXW3E4u3mySRO2/mCHSyZDJQM5NQ9Q9KHWHWh0NHgfbRMLLrceUK5qAL4ytALJbpRMjixFZh8A==",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "xml-name-validator": {
       "version": "3.0.0",
diff --git a/package.json b/package.json
index 55f6ed0..cebd9d1 100644
--- a/package.json
+++ b/package.json
@@ -19,6 +19,7 @@
     "vue": "^3.2.13",
     "vue-router": "^4.0.3",
     "vuex": "^4.0.0",
+    "vuex-persistedstate": "^4.1.0",
     "webmix": "^1.0.13"
   },
   "devDependencies": {
diff --git a/public/assets/crops/cassava/1.png b/public/assets/crops/cassava/1.png
index 36cfbaa..6dd1e57 100644
Binary files a/public/assets/crops/cassava/1.png and b/public/assets/crops/cassava/1.png differ
diff --git a/public/assets/crops/cassava/2.png b/public/assets/crops/cassava/2.png
index 6dcb8d2..3577fe1 100644
Binary files a/public/assets/crops/cassava/2.png and b/public/assets/crops/cassava/2.png differ
diff --git a/public/assets/crops/cassava/3.png b/public/assets/crops/cassava/3.png
index deccff4..b660250 100644
Binary files a/public/assets/crops/cassava/3.png and b/public/assets/crops/cassava/3.png differ
diff --git a/public/assets/crops/cassava/4.png b/public/assets/crops/cassava/4.png
index b660250..deccff4 100644
Binary files a/public/assets/crops/cassava/4.png and b/public/assets/crops/cassava/4.png differ
diff --git a/public/assets/crops/cassava/5.png b/public/assets/crops/cassava/5.png
index 3577fe1..6dcb8d2 100644
Binary files a/public/assets/crops/cassava/5.png and b/public/assets/crops/cassava/5.png differ
diff --git a/public/assets/crops/cassava/6.png b/public/assets/crops/cassava/6.png
index 6dd1e57..36cfbaa 100644
Binary files a/public/assets/crops/cassava/6.png and b/public/assets/crops/cassava/6.png differ
diff --git a/public/assets/food/almonds.png b/public/assets/food/almonds.png
new file mode 100644
index 0000000..6092958
Binary files /dev/null and b/public/assets/food/almonds.png differ
diff --git a/public/assets/food/apple_green.png b/public/assets/food/apple_green.png
new file mode 100644
index 0000000..692f2de
Binary files /dev/null and b/public/assets/food/apple_green.png differ
diff --git a/public/assets/food/apple_red.png b/public/assets/food/apple_red.png
new file mode 100644
index 0000000..d307247
Binary files /dev/null and b/public/assets/food/apple_red.png differ
diff --git a/public/assets/food/apple_yellow.png b/public/assets/food/apple_yellow.png
new file mode 100644
index 0000000..016eb8b
Binary files /dev/null and b/public/assets/food/apple_yellow.png differ
diff --git a/public/assets/food/asparagus.png b/public/assets/food/asparagus.png
new file mode 100644
index 0000000..8e7297c
Binary files /dev/null and b/public/assets/food/asparagus.png differ
diff --git a/public/assets/food/avocado_half.png b/public/assets/food/avocado_half.png
new file mode 100644
index 0000000..f254401
Binary files /dev/null and b/public/assets/food/avocado_half.png differ
diff --git a/public/assets/food/avocado_whole.png b/public/assets/food/avocado_whole.png
new file mode 100644
index 0000000..bfe7737
Binary files /dev/null and b/public/assets/food/avocado_whole.png differ
diff --git a/public/assets/food/bacon.png b/public/assets/food/bacon.png
new file mode 100644
index 0000000..cf9fb79
Binary files /dev/null and b/public/assets/food/bacon.png differ
diff --git a/public/assets/food/bagel.png b/public/assets/food/bagel.png
new file mode 100644
index 0000000..b2c368a
Binary files /dev/null and b/public/assets/food/bagel.png differ
diff --git a/public/assets/food/baguette.png b/public/assets/food/baguette.png
new file mode 100644
index 0000000..360df6d
Binary files /dev/null and b/public/assets/food/baguette.png differ
diff --git a/public/assets/food/banana.png b/public/assets/food/banana.png
new file mode 100644
index 0000000..06dd1c8
Binary files /dev/null and b/public/assets/food/banana.png differ
diff --git a/public/assets/food/beet.png b/public/assets/food/beet.png
new file mode 100644
index 0000000..6445806
Binary files /dev/null and b/public/assets/food/beet.png differ
diff --git a/public/assets/food/bell_pepper_green.png b/public/assets/food/bell_pepper_green.png
new file mode 100644
index 0000000..27ef953
Binary files /dev/null and b/public/assets/food/bell_pepper_green.png differ
diff --git a/public/assets/food/bell_pepper_red.png b/public/assets/food/bell_pepper_red.png
new file mode 100644
index 0000000..e34047e
Binary files /dev/null and b/public/assets/food/bell_pepper_red.png differ
diff --git a/public/assets/food/bell_pepper_yellow.png b/public/assets/food/bell_pepper_yellow.png
new file mode 100644
index 0000000..9a8182e
Binary files /dev/null and b/public/assets/food/bell_pepper_yellow.png differ
diff --git a/public/assets/food/blueberries.png b/public/assets/food/blueberries.png
new file mode 100644
index 0000000..4ede366
Binary files /dev/null and b/public/assets/food/blueberries.png differ
diff --git a/public/assets/food/bread_loaf_brown.png b/public/assets/food/bread_loaf_brown.png
new file mode 100644
index 0000000..99ddb98
Binary files /dev/null and b/public/assets/food/bread_loaf_brown.png differ
diff --git a/public/assets/food/bread_loaf_white.png b/public/assets/food/bread_loaf_white.png
new file mode 100644
index 0000000..23d5b98
Binary files /dev/null and b/public/assets/food/bread_loaf_white.png differ
diff --git a/public/assets/food/breadroll.png b/public/assets/food/breadroll.png
new file mode 100644
index 0000000..9cf5dd7
Binary files /dev/null and b/public/assets/food/breadroll.png differ
diff --git a/public/assets/food/breadstick.png b/public/assets/food/breadstick.png
new file mode 100644
index 0000000..a429045
Binary files /dev/null and b/public/assets/food/breadstick.png differ
diff --git a/public/assets/food/broccoli.png b/public/assets/food/broccoli.png
new file mode 100644
index 0000000..be828e8
Binary files /dev/null and b/public/assets/food/broccoli.png differ
diff --git a/public/assets/food/burger.png b/public/assets/food/burger.png
new file mode 100644
index 0000000..48feba4
Binary files /dev/null and b/public/assets/food/burger.png differ
diff --git a/public/assets/food/burrito.png b/public/assets/food/burrito.png
new file mode 100644
index 0000000..3d75761
Binary files /dev/null and b/public/assets/food/burrito.png differ
diff --git a/public/assets/food/butter.png b/public/assets/food/butter.png
new file mode 100644
index 0000000..030e5b3
Binary files /dev/null and b/public/assets/food/butter.png differ
diff --git a/public/assets/food/cabbage.png b/public/assets/food/cabbage.png
new file mode 100644
index 0000000..6f93249
Binary files /dev/null and b/public/assets/food/cabbage.png differ
diff --git a/public/assets/food/cake_slice_chocolate.png b/public/assets/food/cake_slice_chocolate.png
new file mode 100644
index 0000000..347d6f5
Binary files /dev/null and b/public/assets/food/cake_slice_chocolate.png differ
diff --git a/public/assets/food/cake_slice_plain.png b/public/assets/food/cake_slice_plain.png
new file mode 100644
index 0000000..336f418
Binary files /dev/null and b/public/assets/food/cake_slice_plain.png differ
diff --git a/public/assets/food/cake_whole_chocolate.png b/public/assets/food/cake_whole_chocolate.png
new file mode 100644
index 0000000..37a7cb2
Binary files /dev/null and b/public/assets/food/cake_whole_chocolate.png differ
diff --git a/public/assets/food/cake_whole_plain.png b/public/assets/food/cake_whole_plain.png
new file mode 100644
index 0000000..3f137c8
Binary files /dev/null and b/public/assets/food/cake_whole_plain.png differ
diff --git a/public/assets/food/candy_cane.png b/public/assets/food/candy_cane.png
new file mode 100644
index 0000000..e868cd8
Binary files /dev/null and b/public/assets/food/candy_cane.png differ
diff --git a/public/assets/food/candy_corn.png b/public/assets/food/candy_corn.png
new file mode 100644
index 0000000..f44d658
Binary files /dev/null and b/public/assets/food/candy_corn.png differ
diff --git a/public/assets/food/canned_food_1.png b/public/assets/food/canned_food_1.png
new file mode 100644
index 0000000..3fbcc60
Binary files /dev/null and b/public/assets/food/canned_food_1.png differ
diff --git a/public/assets/food/canned_food_2.png b/public/assets/food/canned_food_2.png
new file mode 100644
index 0000000..5f53fd7
Binary files /dev/null and b/public/assets/food/canned_food_2.png differ
diff --git a/public/assets/food/canned_food_3.png b/public/assets/food/canned_food_3.png
new file mode 100644
index 0000000..a106aae
Binary files /dev/null and b/public/assets/food/canned_food_3.png differ
diff --git a/public/assets/food/canned_food_4.png b/public/assets/food/canned_food_4.png
new file mode 100644
index 0000000..b097df0
Binary files /dev/null and b/public/assets/food/canned_food_4.png differ
diff --git a/public/assets/food/cantaloupe_slice.png b/public/assets/food/cantaloupe_slice.png
new file mode 100644
index 0000000..51b65e1
Binary files /dev/null and b/public/assets/food/cantaloupe_slice.png differ
diff --git a/public/assets/food/cantaloupe_whole.png b/public/assets/food/cantaloupe_whole.png
new file mode 100644
index 0000000..811755b
Binary files /dev/null and b/public/assets/food/cantaloupe_whole.png differ
diff --git a/public/assets/food/carrot.png b/public/assets/food/carrot.png
new file mode 100644
index 0000000..8157aa3
Binary files /dev/null and b/public/assets/food/carrot.png differ
diff --git a/public/assets/food/cauliflower.png b/public/assets/food/cauliflower.png
new file mode 100644
index 0000000..22e06de
Binary files /dev/null and b/public/assets/food/cauliflower.png differ
diff --git a/public/assets/food/celery.png b/public/assets/food/celery.png
new file mode 100644
index 0000000..03630f0
Binary files /dev/null and b/public/assets/food/celery.png differ
diff --git a/public/assets/food/cheese.png b/public/assets/food/cheese.png
new file mode 100644
index 0000000..900ab82
Binary files /dev/null and b/public/assets/food/cheese.png differ
diff --git a/public/assets/food/cheese_puffs.png b/public/assets/food/cheese_puffs.png
new file mode 100644
index 0000000..0ddbdb3
Binary files /dev/null and b/public/assets/food/cheese_puffs.png differ
diff --git a/public/assets/food/cherries.png b/public/assets/food/cherries.png
new file mode 100644
index 0000000..bf87544
Binary files /dev/null and b/public/assets/food/cherries.png differ
diff --git a/public/assets/food/chestnut.png b/public/assets/food/chestnut.png
new file mode 100644
index 0000000..32c4bae
Binary files /dev/null and b/public/assets/food/chestnut.png differ
diff --git a/public/assets/food/chicken_drumstick_cooked.png b/public/assets/food/chicken_drumstick_cooked.png
new file mode 100644
index 0000000..2004143
Binary files /dev/null and b/public/assets/food/chicken_drumstick_cooked.png differ
diff --git a/public/assets/food/chicken_drumstick_raw.png b/public/assets/food/chicken_drumstick_raw.png
new file mode 100644
index 0000000..4054aa5
Binary files /dev/null and b/public/assets/food/chicken_drumstick_raw.png differ
diff --git a/public/assets/food/chicken_nuggets.png b/public/assets/food/chicken_nuggets.png
new file mode 100644
index 0000000..a15946a
Binary files /dev/null and b/public/assets/food/chicken_nuggets.png differ
diff --git a/public/assets/food/chili_pepper_green.png b/public/assets/food/chili_pepper_green.png
new file mode 100644
index 0000000..e4bc446
Binary files /dev/null and b/public/assets/food/chili_pepper_green.png differ
diff --git a/public/assets/food/chili_pepper_red.png b/public/assets/food/chili_pepper_red.png
new file mode 100644
index 0000000..0e03dea
Binary files /dev/null and b/public/assets/food/chili_pepper_red.png differ
diff --git a/public/assets/food/chocolate.png b/public/assets/food/chocolate.png
new file mode 100644
index 0000000..f8acb06
Binary files /dev/null and b/public/assets/food/chocolate.png differ
diff --git a/public/assets/food/churro.png b/public/assets/food/churro.png
new file mode 100644
index 0000000..0f426e6
Binary files /dev/null and b/public/assets/food/churro.png differ
diff --git a/public/assets/food/cinnamon.png b/public/assets/food/cinnamon.png
new file mode 100644
index 0000000..1769f7e
Binary files /dev/null and b/public/assets/food/cinnamon.png differ
diff --git a/public/assets/food/coconut_half.png b/public/assets/food/coconut_half.png
new file mode 100644
index 0000000..736f153
Binary files /dev/null and b/public/assets/food/coconut_half.png differ
diff --git a/public/assets/food/coconut_whole.png b/public/assets/food/coconut_whole.png
new file mode 100644
index 0000000..dd9440d
Binary files /dev/null and b/public/assets/food/coconut_whole.png differ
diff --git a/public/assets/food/cookie.png b/public/assets/food/cookie.png
new file mode 100644
index 0000000..6793bc0
Binary files /dev/null and b/public/assets/food/cookie.png differ
diff --git a/public/assets/food/corn.png b/public/assets/food/corn.png
new file mode 100644
index 0000000..fe4fe98
Binary files /dev/null and b/public/assets/food/corn.png differ
diff --git a/public/assets/food/corn_maize_blue.png b/public/assets/food/corn_maize_blue.png
new file mode 100644
index 0000000..e686052
Binary files /dev/null and b/public/assets/food/corn_maize_blue.png differ
diff --git a/public/assets/food/corn_maize_red.png b/public/assets/food/corn_maize_red.png
new file mode 100644
index 0000000..04ebd33
Binary files /dev/null and b/public/assets/food/corn_maize_red.png differ
diff --git a/public/assets/food/crab_legs.png b/public/assets/food/crab_legs.png
new file mode 100644
index 0000000..acf3235
Binary files /dev/null and b/public/assets/food/crab_legs.png differ
diff --git a/public/assets/food/cranberries.png b/public/assets/food/cranberries.png
new file mode 100644
index 0000000..6624b2c
Binary files /dev/null and b/public/assets/food/cranberries.png differ
diff --git a/public/assets/food/croissant.png b/public/assets/food/croissant.png
new file mode 100644
index 0000000..dd9f1c8
Binary files /dev/null and b/public/assets/food/croissant.png differ
diff --git a/public/assets/food/cucumber.png b/public/assets/food/cucumber.png
new file mode 100644
index 0000000..6e98227
Binary files /dev/null and b/public/assets/food/cucumber.png differ
diff --git a/public/assets/food/cupcake_chocolate.png b/public/assets/food/cupcake_chocolate.png
new file mode 100644
index 0000000..5154009
Binary files /dev/null and b/public/assets/food/cupcake_chocolate.png differ
diff --git a/public/assets/food/cupcake_vanilla.png b/public/assets/food/cupcake_vanilla.png
new file mode 100644
index 0000000..f9cd56a
Binary files /dev/null and b/public/assets/food/cupcake_vanilla.png differ
diff --git a/public/assets/food/dango.png b/public/assets/food/dango.png
new file mode 100644
index 0000000..5fa74ab
Binary files /dev/null and b/public/assets/food/dango.png differ
diff --git a/public/assets/food/doughnut_chocolate.png b/public/assets/food/doughnut_chocolate.png
new file mode 100644
index 0000000..eab60a5
Binary files /dev/null and b/public/assets/food/doughnut_chocolate.png differ
diff --git a/public/assets/food/doughnut_pink.png b/public/assets/food/doughnut_pink.png
new file mode 100644
index 0000000..2cc4562
Binary files /dev/null and b/public/assets/food/doughnut_pink.png differ
diff --git a/public/assets/food/doughnut_pink_sprinkles.png b/public/assets/food/doughnut_pink_sprinkles.png
new file mode 100644
index 0000000..ebf0d79
Binary files /dev/null and b/public/assets/food/doughnut_pink_sprinkles.png differ
diff --git a/public/assets/food/dumpling.png b/public/assets/food/dumpling.png
new file mode 100644
index 0000000..3023550
Binary files /dev/null and b/public/assets/food/dumpling.png differ
diff --git a/public/assets/food/durian.png b/public/assets/food/durian.png
new file mode 100644
index 0000000..61869ac
Binary files /dev/null and b/public/assets/food/durian.png differ
diff --git a/public/assets/food/egg_fried.png b/public/assets/food/egg_fried.png
new file mode 100644
index 0000000..acf968d
Binary files /dev/null and b/public/assets/food/egg_fried.png differ
diff --git a/public/assets/food/egg_whole_blue.png b/public/assets/food/egg_whole_blue.png
new file mode 100644
index 0000000..f835dd9
Binary files /dev/null and b/public/assets/food/egg_whole_blue.png differ
diff --git a/public/assets/food/egg_whole_brown.png b/public/assets/food/egg_whole_brown.png
new file mode 100644
index 0000000..ef52df1
Binary files /dev/null and b/public/assets/food/egg_whole_brown.png differ
diff --git a/public/assets/food/egg_whole_white.png b/public/assets/food/egg_whole_white.png
new file mode 100644
index 0000000..0f3520f
Binary files /dev/null and b/public/assets/food/egg_whole_white.png differ
diff --git a/public/assets/food/eggplant.png b/public/assets/food/eggplant.png
new file mode 100644
index 0000000..1731c39
Binary files /dev/null and b/public/assets/food/eggplant.png differ
diff --git a/public/assets/food/falafel.png b/public/assets/food/falafel.png
new file mode 100644
index 0000000..080056c
Binary files /dev/null and b/public/assets/food/falafel.png differ
diff --git a/public/assets/food/fig.png b/public/assets/food/fig.png
new file mode 100644
index 0000000..138af6a
Binary files /dev/null and b/public/assets/food/fig.png differ
diff --git a/public/assets/food/fish_fillet.png b/public/assets/food/fish_fillet.png
new file mode 100644
index 0000000..d797358
Binary files /dev/null and b/public/assets/food/fish_fillet.png differ
diff --git a/public/assets/food/fish_sticks.png b/public/assets/food/fish_sticks.png
new file mode 100644
index 0000000..d922953
Binary files /dev/null and b/public/assets/food/fish_sticks.png differ
diff --git a/public/assets/food/flan.png b/public/assets/food/flan.png
new file mode 100644
index 0000000..213c979
Binary files /dev/null and b/public/assets/food/flan.png differ
diff --git a/public/assets/food/flatbread.png b/public/assets/food/flatbread.png
new file mode 100644
index 0000000..21422b9
Binary files /dev/null and b/public/assets/food/flatbread.png differ
diff --git a/public/assets/food/fortune_cookie.png b/public/assets/food/fortune_cookie.png
new file mode 100644
index 0000000..a992192
Binary files /dev/null and b/public/assets/food/fortune_cookie.png differ
diff --git a/public/assets/food/french_fries.png b/public/assets/food/french_fries.png
new file mode 100644
index 0000000..772e2d2
Binary files /dev/null and b/public/assets/food/french_fries.png differ
diff --git a/public/assets/food/fruitcake.png b/public/assets/food/fruitcake.png
new file mode 100644
index 0000000..938a17b
Binary files /dev/null and b/public/assets/food/fruitcake.png differ
diff --git a/public/assets/food/garbanzo_beans.png b/public/assets/food/garbanzo_beans.png
new file mode 100644
index 0000000..f490523
Binary files /dev/null and b/public/assets/food/garbanzo_beans.png differ
diff --git a/public/assets/food/garlic.png b/public/assets/food/garlic.png
new file mode 100644
index 0000000..8bbefbf
Binary files /dev/null and b/public/assets/food/garlic.png differ
diff --git a/public/assets/food/ginger.png b/public/assets/food/ginger.png
new file mode 100644
index 0000000..6530abb
Binary files /dev/null and b/public/assets/food/ginger.png differ
diff --git a/public/assets/food/gingerbread_man.png b/public/assets/food/gingerbread_man.png
new file mode 100644
index 0000000..614b5af
Binary files /dev/null and b/public/assets/food/gingerbread_man.png differ
diff --git a/public/assets/food/grapes_green.png b/public/assets/food/grapes_green.png
new file mode 100644
index 0000000..56ff5a2
Binary files /dev/null and b/public/assets/food/grapes_green.png differ
diff --git a/public/assets/food/grapes_purple.png b/public/assets/food/grapes_purple.png
new file mode 100644
index 0000000..49eed91
Binary files /dev/null and b/public/assets/food/grapes_purple.png differ
diff --git a/public/assets/food/gulab_jamun.png b/public/assets/food/gulab_jamun.png
new file mode 100644
index 0000000..9b8f5a6
Binary files /dev/null and b/public/assets/food/gulab_jamun.png differ
diff --git a/public/assets/food/ham.png b/public/assets/food/ham.png
new file mode 100644
index 0000000..cfe7b7f
Binary files /dev/null and b/public/assets/food/ham.png differ
diff --git a/public/assets/food/honey_pot.png b/public/assets/food/honey_pot.png
new file mode 100644
index 0000000..12467f0
Binary files /dev/null and b/public/assets/food/honey_pot.png differ
diff --git a/public/assets/food/hotdog.png b/public/assets/food/hotdog.png
new file mode 100644
index 0000000..41d2826
Binary files /dev/null and b/public/assets/food/hotdog.png differ
diff --git a/public/assets/food/icecream_chocolate.png b/public/assets/food/icecream_chocolate.png
new file mode 100644
index 0000000..3a25cdd
Binary files /dev/null and b/public/assets/food/icecream_chocolate.png differ
diff --git a/public/assets/food/icecream_mint.png b/public/assets/food/icecream_mint.png
new file mode 100644
index 0000000..d7a32fc
Binary files /dev/null and b/public/assets/food/icecream_mint.png differ
diff --git a/public/assets/food/icecream_vanilla.png b/public/assets/food/icecream_vanilla.png
new file mode 100644
index 0000000..5a04b73
Binary files /dev/null and b/public/assets/food/icecream_vanilla.png differ
diff --git a/public/assets/food/jalebi.png b/public/assets/food/jalebi.png
new file mode 100644
index 0000000..70fcdab
Binary files /dev/null and b/public/assets/food/jalebi.png differ
diff --git a/public/assets/food/jello.png b/public/assets/food/jello.png
new file mode 100644
index 0000000..7959131
Binary files /dev/null and b/public/assets/food/jello.png differ
diff --git a/public/assets/food/kale.png b/public/assets/food/kale.png
new file mode 100644
index 0000000..390f23e
Binary files /dev/null and b/public/assets/food/kale.png differ
diff --git a/public/assets/food/kiwi.png b/public/assets/food/kiwi.png
new file mode 100644
index 0000000..ad6dfde
Binary files /dev/null and b/public/assets/food/kiwi.png differ
diff --git a/public/assets/food/lemon.png b/public/assets/food/lemon.png
new file mode 100644
index 0000000..815289d
Binary files /dev/null and b/public/assets/food/lemon.png differ
diff --git a/public/assets/food/lemon_lime.png b/public/assets/food/lemon_lime.png
new file mode 100644
index 0000000..3ade375
Binary files /dev/null and b/public/assets/food/lemon_lime.png differ
diff --git a/public/assets/food/lettuce.png b/public/assets/food/lettuce.png
new file mode 100644
index 0000000..f44480b
Binary files /dev/null and b/public/assets/food/lettuce.png differ
diff --git a/public/assets/food/lollipop.png b/public/assets/food/lollipop.png
new file mode 100644
index 0000000..9e68291
Binary files /dev/null and b/public/assets/food/lollipop.png differ
diff --git a/public/assets/food/lychee.png b/public/assets/food/lychee.png
new file mode 100644
index 0000000..9178dea
Binary files /dev/null and b/public/assets/food/lychee.png differ
diff --git a/public/assets/food/macaroni.png b/public/assets/food/macaroni.png
new file mode 100644
index 0000000..c2a7bb8
Binary files /dev/null and b/public/assets/food/macaroni.png differ
diff --git a/public/assets/food/mango.png b/public/assets/food/mango.png
new file mode 100644
index 0000000..ce1bb04
Binary files /dev/null and b/public/assets/food/mango.png differ
diff --git a/public/assets/food/mochi.png b/public/assets/food/mochi.png
new file mode 100644
index 0000000..caf48ed
Binary files /dev/null and b/public/assets/food/mochi.png differ
diff --git a/public/assets/food/moon_cake.png b/public/assets/food/moon_cake.png
new file mode 100644
index 0000000..4df2647
Binary files /dev/null and b/public/assets/food/moon_cake.png differ
diff --git a/public/assets/food/muffin_blueberry.png b/public/assets/food/muffin_blueberry.png
new file mode 100644
index 0000000..49087d7
Binary files /dev/null and b/public/assets/food/muffin_blueberry.png differ
diff --git a/public/assets/food/muffin_plain.png b/public/assets/food/muffin_plain.png
new file mode 100644
index 0000000..8e6e392
Binary files /dev/null and b/public/assets/food/muffin_plain.png differ
diff --git a/public/assets/food/mushroom.png b/public/assets/food/mushroom.png
new file mode 100644
index 0000000..646ffb0
Binary files /dev/null and b/public/assets/food/mushroom.png differ
diff --git a/public/assets/food/narutomaki.png b/public/assets/food/narutomaki.png
new file mode 100644
index 0000000..fe8108e
Binary files /dev/null and b/public/assets/food/narutomaki.png differ
diff --git a/public/assets/food/octopus.png b/public/assets/food/octopus.png
new file mode 100644
index 0000000..8727149
Binary files /dev/null and b/public/assets/food/octopus.png differ
diff --git a/public/assets/food/olives_black.png b/public/assets/food/olives_black.png
new file mode 100644
index 0000000..18c4cd1
Binary files /dev/null and b/public/assets/food/olives_black.png differ
diff --git a/public/assets/food/olives_green.png b/public/assets/food/olives_green.png
new file mode 100644
index 0000000..fdfe364
Binary files /dev/null and b/public/assets/food/olives_green.png differ
diff --git a/public/assets/food/onion_brown.png b/public/assets/food/onion_brown.png
new file mode 100644
index 0000000..aeb24dc
Binary files /dev/null and b/public/assets/food/onion_brown.png differ
diff --git a/public/assets/food/onion_purple.png b/public/assets/food/onion_purple.png
new file mode 100644
index 0000000..f683e86
Binary files /dev/null and b/public/assets/food/onion_purple.png differ
diff --git a/public/assets/food/onionrings.png b/public/assets/food/onionrings.png
new file mode 100644
index 0000000..58c7788
Binary files /dev/null and b/public/assets/food/onionrings.png differ
diff --git a/public/assets/food/orange.png b/public/assets/food/orange.png
new file mode 100644
index 0000000..6b56d83
Binary files /dev/null and b/public/assets/food/orange.png differ
diff --git a/public/assets/food/oyster.png b/public/assets/food/oyster.png
new file mode 100644
index 0000000..ffc9e71
Binary files /dev/null and b/public/assets/food/oyster.png differ
diff --git a/public/assets/food/pancakes.png b/public/assets/food/pancakes.png
new file mode 100644
index 0000000..9499f9d
Binary files /dev/null and b/public/assets/food/pancakes.png differ
diff --git a/public/assets/food/pea_pod.png b/public/assets/food/pea_pod.png
new file mode 100644
index 0000000..225d4a9
Binary files /dev/null and b/public/assets/food/pea_pod.png differ
diff --git a/public/assets/food/peach.png b/public/assets/food/peach.png
new file mode 100644
index 0000000..e857d76
Binary files /dev/null and b/public/assets/food/peach.png differ
diff --git a/public/assets/food/peanut.png b/public/assets/food/peanut.png
new file mode 100644
index 0000000..5aa14b7
Binary files /dev/null and b/public/assets/food/peanut.png differ
diff --git a/public/assets/food/pear.png b/public/assets/food/pear.png
new file mode 100644
index 0000000..ba903e0
Binary files /dev/null and b/public/assets/food/pear.png differ
diff --git a/public/assets/food/peppermint.png b/public/assets/food/peppermint.png
new file mode 100644
index 0000000..3995b4f
Binary files /dev/null and b/public/assets/food/peppermint.png differ
diff --git a/public/assets/food/persimmon.png b/public/assets/food/persimmon.png
new file mode 100644
index 0000000..6dc607d
Binary files /dev/null and b/public/assets/food/persimmon.png differ
diff --git a/public/assets/food/pie_cherry_slice.png b/public/assets/food/pie_cherry_slice.png
new file mode 100644
index 0000000..5d1e8d1
Binary files /dev/null and b/public/assets/food/pie_cherry_slice.png differ
diff --git a/public/assets/food/pie_cherry_whole.png b/public/assets/food/pie_cherry_whole.png
new file mode 100644
index 0000000..3827791
Binary files /dev/null and b/public/assets/food/pie_cherry_whole.png differ
diff --git a/public/assets/food/pie_pumpkin_slice.png b/public/assets/food/pie_pumpkin_slice.png
new file mode 100644
index 0000000..1600fe8
Binary files /dev/null and b/public/assets/food/pie_pumpkin_slice.png differ
diff --git a/public/assets/food/pie_pumpkin_whole.png b/public/assets/food/pie_pumpkin_whole.png
new file mode 100644
index 0000000..a108a0c
Binary files /dev/null and b/public/assets/food/pie_pumpkin_whole.png differ
diff --git a/public/assets/food/pineapple.png b/public/assets/food/pineapple.png
new file mode 100644
index 0000000..4747b46
Binary files /dev/null and b/public/assets/food/pineapple.png differ
diff --git a/public/assets/food/pistachios.png b/public/assets/food/pistachios.png
new file mode 100644
index 0000000..7ce6969
Binary files /dev/null and b/public/assets/food/pistachios.png differ
diff --git a/public/assets/food/pizza_cheese_slice.png b/public/assets/food/pizza_cheese_slice.png
new file mode 100644
index 0000000..efff909
Binary files /dev/null and b/public/assets/food/pizza_cheese_slice.png differ
diff --git a/public/assets/food/pizza_cheese_whole.png b/public/assets/food/pizza_cheese_whole.png
new file mode 100644
index 0000000..e76ec49
Binary files /dev/null and b/public/assets/food/pizza_cheese_whole.png differ
diff --git a/public/assets/food/pizza_pepperoni_slice.png b/public/assets/food/pizza_pepperoni_slice.png
new file mode 100644
index 0000000..2699b3e
Binary files /dev/null and b/public/assets/food/pizza_pepperoni_slice.png differ
diff --git a/public/assets/food/pizza_pepperoni_whole.png b/public/assets/food/pizza_pepperoni_whole.png
new file mode 100644
index 0000000..ff8fd0c
Binary files /dev/null and b/public/assets/food/pizza_pepperoni_whole.png differ
diff --git a/public/assets/food/pizza_vegetable_slice.png b/public/assets/food/pizza_vegetable_slice.png
new file mode 100644
index 0000000..b5b9dec
Binary files /dev/null and b/public/assets/food/pizza_vegetable_slice.png differ
diff --git a/public/assets/food/pizza_vegetable_whole.png b/public/assets/food/pizza_vegetable_whole.png
new file mode 100644
index 0000000..b0af7f0
Binary files /dev/null and b/public/assets/food/pizza_vegetable_whole.png differ
diff --git a/public/assets/food/plum.png b/public/assets/food/plum.png
new file mode 100644
index 0000000..0c3bbaa
Binary files /dev/null and b/public/assets/food/plum.png differ
diff --git a/public/assets/food/pomegranate.png b/public/assets/food/pomegranate.png
new file mode 100644
index 0000000..6a80a38
Binary files /dev/null and b/public/assets/food/pomegranate.png differ
diff --git a/public/assets/food/popcorn.png b/public/assets/food/popcorn.png
new file mode 100644
index 0000000..2e992c3
Binary files /dev/null and b/public/assets/food/popcorn.png differ
diff --git a/public/assets/food/popsicle.png b/public/assets/food/popsicle.png
new file mode 100644
index 0000000..d407be5
Binary files /dev/null and b/public/assets/food/popsicle.png differ
diff --git a/public/assets/food/potato.png b/public/assets/food/potato.png
new file mode 100644
index 0000000..87c9bbe
Binary files /dev/null and b/public/assets/food/potato.png differ
diff --git a/public/assets/food/pretzel.png b/public/assets/food/pretzel.png
new file mode 100644
index 0000000..9e50d92
Binary files /dev/null and b/public/assets/food/pretzel.png differ
diff --git a/public/assets/food/pumpkin.png b/public/assets/food/pumpkin.png
new file mode 100644
index 0000000..e0cfb2b
Binary files /dev/null and b/public/assets/food/pumpkin.png differ
diff --git a/public/assets/food/quiche.png b/public/assets/food/quiche.png
new file mode 100644
index 0000000..fec22c9
Binary files /dev/null and b/public/assets/food/quiche.png differ
diff --git a/public/assets/food/radish.png b/public/assets/food/radish.png
new file mode 100644
index 0000000..722ace4
Binary files /dev/null and b/public/assets/food/radish.png differ
diff --git a/public/assets/food/raisins.png b/public/assets/food/raisins.png
new file mode 100644
index 0000000..3fd2bbc
Binary files /dev/null and b/public/assets/food/raisins.png differ
diff --git a/public/assets/food/rice_ball.png b/public/assets/food/rice_ball.png
new file mode 100644
index 0000000..2f9714a
Binary files /dev/null and b/public/assets/food/rice_ball.png differ
diff --git a/public/assets/food/rice_cracker.png b/public/assets/food/rice_cracker.png
new file mode 100644
index 0000000..b6e0673
Binary files /dev/null and b/public/assets/food/rice_cracker.png differ
diff --git a/public/assets/food/rubus_blackberry.png b/public/assets/food/rubus_blackberry.png
new file mode 100644
index 0000000..1e9fb93
Binary files /dev/null and b/public/assets/food/rubus_blackberry.png differ
diff --git a/public/assets/food/rubus_raspberry.png b/public/assets/food/rubus_raspberry.png
new file mode 100644
index 0000000..133e07f
Binary files /dev/null and b/public/assets/food/rubus_raspberry.png differ
diff --git a/public/assets/food/samosa.png b/public/assets/food/samosa.png
new file mode 100644
index 0000000..834d4f7
Binary files /dev/null and b/public/assets/food/samosa.png differ
diff --git a/public/assets/food/sandwich.png b/public/assets/food/sandwich.png
new file mode 100644
index 0000000..ef908da
Binary files /dev/null and b/public/assets/food/sandwich.png differ
diff --git a/public/assets/food/sausage.png b/public/assets/food/sausage.png
new file mode 100644
index 0000000..cb93304
Binary files /dev/null and b/public/assets/food/sausage.png differ
diff --git a/public/assets/food/scallions.png b/public/assets/food/scallions.png
new file mode 100644
index 0000000..ff9b626
Binary files /dev/null and b/public/assets/food/scallions.png differ
diff --git a/public/assets/food/shrimp.png b/public/assets/food/shrimp.png
new file mode 100644
index 0000000..f2c75ec
Binary files /dev/null and b/public/assets/food/shrimp.png differ
diff --git a/public/assets/food/shrimp_fried.png b/public/assets/food/shrimp_fried.png
new file mode 100644
index 0000000..27ab2b1
Binary files /dev/null and b/public/assets/food/shrimp_fried.png differ
diff --git a/public/assets/food/soup_beet.png b/public/assets/food/soup_beet.png
new file mode 100644
index 0000000..f7e7447
Binary files /dev/null and b/public/assets/food/soup_beet.png differ
diff --git a/public/assets/food/soup_miso.png b/public/assets/food/soup_miso.png
new file mode 100644
index 0000000..4f6e88d
Binary files /dev/null and b/public/assets/food/soup_miso.png differ
diff --git a/public/assets/food/soup_mushroom.png b/public/assets/food/soup_mushroom.png
new file mode 100644
index 0000000..dbfd5ba
Binary files /dev/null and b/public/assets/food/soup_mushroom.png differ
diff --git a/public/assets/food/soup_pea.png b/public/assets/food/soup_pea.png
new file mode 100644
index 0000000..39cd230
Binary files /dev/null and b/public/assets/food/soup_pea.png differ
diff --git a/public/assets/food/spinach.png b/public/assets/food/spinach.png
new file mode 100644
index 0000000..9b6674e
Binary files /dev/null and b/public/assets/food/spinach.png differ
diff --git a/public/assets/food/squash.png b/public/assets/food/squash.png
new file mode 100644
index 0000000..ca53927
Binary files /dev/null and b/public/assets/food/squash.png differ
diff --git a/public/assets/food/steak_grilled.png b/public/assets/food/steak_grilled.png
new file mode 100644
index 0000000..3836d15
Binary files /dev/null and b/public/assets/food/steak_grilled.png differ
diff --git a/public/assets/food/steak_raw.png b/public/assets/food/steak_raw.png
new file mode 100644
index 0000000..0857e73
Binary files /dev/null and b/public/assets/food/steak_raw.png differ
diff --git a/public/assets/food/strawberry.png b/public/assets/food/strawberry.png
new file mode 100644
index 0000000..a03c1b4
Binary files /dev/null and b/public/assets/food/strawberry.png differ
diff --git a/public/assets/food/stuffed_pita.png b/public/assets/food/stuffed_pita.png
new file mode 100644
index 0000000..9167f15
Binary files /dev/null and b/public/assets/food/stuffed_pita.png differ
diff --git a/public/assets/food/sushi_inari.png b/public/assets/food/sushi_inari.png
new file mode 100644
index 0000000..33042a5
Binary files /dev/null and b/public/assets/food/sushi_inari.png differ
diff --git a/public/assets/food/sushi_nigiri.png b/public/assets/food/sushi_nigiri.png
new file mode 100644
index 0000000..3e13984
Binary files /dev/null and b/public/assets/food/sushi_nigiri.png differ
diff --git a/public/assets/food/sushi_roll.png b/public/assets/food/sushi_roll.png
new file mode 100644
index 0000000..4c340fb
Binary files /dev/null and b/public/assets/food/sushi_roll.png differ
diff --git a/public/assets/food/taco.png b/public/assets/food/taco.png
new file mode 100644
index 0000000..d3e0217
Binary files /dev/null and b/public/assets/food/taco.png differ
diff --git a/public/assets/food/tamale.png b/public/assets/food/tamale.png
new file mode 100644
index 0000000..81215ef
Binary files /dev/null and b/public/assets/food/tamale.png differ
diff --git a/public/assets/food/taro.png b/public/assets/food/taro.png
new file mode 100644
index 0000000..51911d5
Binary files /dev/null and b/public/assets/food/taro.png differ
diff --git a/public/assets/food/tofu.png b/public/assets/food/tofu.png
new file mode 100644
index 0000000..bf4868d
Binary files /dev/null and b/public/assets/food/tofu.png differ
diff --git a/public/assets/food/tomato.png b/public/assets/food/tomato.png
new file mode 100644
index 0000000..eab7e90
Binary files /dev/null and b/public/assets/food/tomato.png differ
diff --git a/public/assets/food/turnip.png b/public/assets/food/turnip.png
new file mode 100644
index 0000000..e5de3db
Binary files /dev/null and b/public/assets/food/turnip.png differ
diff --git a/public/assets/food/ube.png b/public/assets/food/ube.png
new file mode 100644
index 0000000..6b705ca
Binary files /dev/null and b/public/assets/food/ube.png differ
diff --git a/public/assets/food/umbrella_fruit.png b/public/assets/food/umbrella_fruit.png
new file mode 100644
index 0000000..681aef7
Binary files /dev/null and b/public/assets/food/umbrella_fruit.png differ
diff --git a/public/assets/food/unagi.png b/public/assets/food/unagi.png
new file mode 100644
index 0000000..02e35c8
Binary files /dev/null and b/public/assets/food/unagi.png differ
diff --git a/public/assets/food/vanilla.png b/public/assets/food/vanilla.png
new file mode 100644
index 0000000..f04966a
Binary files /dev/null and b/public/assets/food/vanilla.png differ
diff --git a/public/assets/food/waffle.png b/public/assets/food/waffle.png
new file mode 100644
index 0000000..607ccca
Binary files /dev/null and b/public/assets/food/waffle.png differ
diff --git a/public/assets/food/watermelon_slice.png b/public/assets/food/watermelon_slice.png
new file mode 100644
index 0000000..a4ae9c4
Binary files /dev/null and b/public/assets/food/watermelon_slice.png differ
diff --git a/public/assets/food/watermelon_whole.png b/public/assets/food/watermelon_whole.png
new file mode 100644
index 0000000..f30892b
Binary files /dev/null and b/public/assets/food/watermelon_whole.png differ
diff --git a/public/assets/food/yam.png b/public/assets/food/yam.png
new file mode 100644
index 0000000..61e64dd
Binary files /dev/null and b/public/assets/food/yam.png differ
diff --git a/public/assets/gui/border_blue.png b/src/assets/gui/border_blue.png
similarity index 100%
rename from public/assets/gui/border_blue.png
rename to src/assets/gui/border_blue.png
diff --git a/public/assets/gui/border_green.png b/src/assets/gui/border_green.png
similarity index 100%
rename from public/assets/gui/border_green.png
rename to src/assets/gui/border_green.png
diff --git a/public/assets/gui/border_magenta.png b/src/assets/gui/border_magenta.png
similarity index 100%
rename from public/assets/gui/border_magenta.png
rename to src/assets/gui/border_magenta.png
diff --git a/public/assets/gui/border_red.png b/src/assets/gui/border_red.png
similarity index 100%
rename from public/assets/gui/border_red.png
rename to src/assets/gui/border_red.png
diff --git a/src/components/CropField.vue b/src/components/CropField.vue
index e8b8ced..e49b55c 100644
--- a/src/components/CropField.vue
+++ b/src/components/CropField.vue
@@ -45,6 +45,7 @@
 
 <script>
 import Modal from 'bootstrap/js/src/modal'
+import ItemService from "@/services/ItemService";
 
 export default {
     name: "CropField",
@@ -73,9 +74,7 @@ export default {
             this.$store.commit('harvestSeed', field);
         },
         getCropAsset(field) {
-            let seed = this.$store.state.itemCatalogue.find((item) => {
-                return item.id === field.data.seed_id;
-            });
+            let seed = ItemService.getItemByID(field.data.seed_id);
 
             if (field.data.percentDone >= 100) {
                 return seed.assetsFolder + '5.png';
diff --git a/src/components/InventoryDialog.vue b/src/components/InventoryDialog.vue
index dd19bdd..ef9e063 100644
--- a/src/components/InventoryDialog.vue
+++ b/src/components/InventoryDialog.vue
@@ -4,20 +4,25 @@
             <div class="modal-content steel-border">
                 <div class="modal-header">
                     <h5 class="modal-title" id="inventoryModalLabel">Inventory</h5>
+                    <div class="float-right">
+                        <a href="javascript:" data-bs-dismiss="modal">
+                            <img src="/assets/gui/close.png" alt="">
+                        </a>
+                    </div>
                 </div>
 
                 <div class="modal-body">
                     <div class="row">
-                        <div class="col-6 pixel-border-static"
+                        <div class="col-6"
                              v-for="item in $store.getters.getInventoryWithItemData"
                              v-bind:key="item"
                              data-bs-dismiss="modal">
-                            <div class="">
+                            <div :class="'inventory-item ' + getFrameClass(item.type)">
                                 <div class="float-end">
-                                    <img :src="item.icon" :alt="item.name">
+                                    <img :src="item.icon" :alt="item.name" class="item-icon">
                                 </div>
                                 {{ item.name }}<br/>
-                                {{ item.quantity }}
+                                x{{ item.quantity }}
                             </div>
                         </div>
                         <div v-if="$store.state.inventory.length === 0">
@@ -35,12 +40,24 @@
 </template>
 
 <script>
+import {ItemTypeFrameClasses} from "@/data/ItemTypes";
 
 export default {
     name: "InventoryDialog",
+    methods: {
+        getFrameClass(type) {
+            return ItemTypeFrameClasses[type];
+        }
+    }
 }
 </script>
 
 <style scoped>
+.item-icon {
+    height: 2.5em;
+}
 
+.inventory-item {
+    font-size: 0.8em;
+}
 </style>
\ No newline at end of file
diff --git a/src/components/ItemShop.vue b/src/components/ItemShop.vue
index f4b9347..5ee1a7e 100644
--- a/src/components/ItemShop.vue
+++ b/src/components/ItemShop.vue
@@ -4,33 +4,39 @@
             <div class="modal-content steel-border">
                 <div class="modal-header">
                     <h5 class="modal-title" id="shopModalLabel">Shop</h5>
+                    <div class="float-right">
+                        <a href="javascript:" data-bs-dismiss="modal">
+                            <img src="/assets/gui/close.png" alt="">
+                        </a>
+                    </div>
                 </div>
 
                 <div class="modal-body">
-                    <div class="row" v-for="seed in $store.getters.getSeedsFromCatalogue" v-bind:key="seed">
-                        <div class="col-12 seed-card">
+                    <div class="row" v-for="item in items" v-bind:key="item">
+                        <div class="col-12 item-card">
                             <div class="float-end">
-                                <img :src="seed.assetsFolder+'/6.png'" class="seed-icon" :alt="seed.name">
+                                <img :src="item.icon" class="item-icon" :alt="item.name">
                             </div>
-                            {{ seed.name }}<br/>
-                            Costs {{ seed.economy.buy }}$, Sells for {{ seed.economy.sell }}$ when harvested<br>
-                            Takes {{ seed.cropData.timeToGrow }} minutes to grow
+                            {{ item.name }}<br/>
+                            Costs {{ item.economy.buy }}$<span v-if="item.cropData">, Sells for {{ item.economy.sell }}$ when harvested</span><br>
+                            <span v-if="item.cropData">
+                                Takes {{ item.cropData.timeToGrow }} minutes to grow
+                            </span>
                         </div>
                         <div class="col-4">
                             <a href="javascript:" data-bs-dismiss="modal"
-                               v-on:click="$store.commit('buyItem', {item: seed, quantity: 1})"
+                               v-on:click="$store.commit('buyItem', {item: item, quantity: 1})"
                                class="btn btn-sm btn-pixel-border">Buy 1</a>
-
                         </div>
                         <div class="col-4">
                             <a href="javascript:" data-bs-dismiss="modal"
-                               v-on:click="$store.commit('buyItem', {item: seed, quantity: 5})"
+                               v-on:click="$store.commit('buyItem', {item: item, quantity: 5})"
                                class="btn btn-sm btn-pixel-border">Buy 5</a>
                         </div>
                         <div class="col-4">
                             <a href="javascript:" data-bs-dismiss="modal"
-                               v-on:click="$store.commit('buyItem', {item: seed, quantity: getMaxQuantity(seed)})"
-                               class="btn btn-sm btn-pixel-border">Buy {{ getMaxQuantity(seed) }}</a>
+                               v-on:click="$store.commit('buyItem', {item: item, quantity: getMaxQuantity(item)})"
+                               class="btn btn-sm btn-pixel-border">Buy {{ getMaxQuantity(item) }}</a>
                         </div>
                         <hr>
                     </div>
@@ -46,24 +52,36 @@
 
 <script>
 
+import ItemService from "@/services/ItemService";
+import {ItemTypes} from "@/data/ItemTypes";
+
 export default {
     name: "ItemShop",
     methods: {
         getMaxQuantity(seed) {
             return Math.floor(this.$store.state.player.money / seed.economy.buy).toFixed(0)
         }
+    },
+    mounted() {
+        console.log(this.items)
+    },
+    computed: {
+        items() {
+            return ItemService.getItemsByType([ItemTypes.Seeds, ItemTypes.AnimalProducts]);
+        }
     }
 }
 </script>
 
 <style scoped>
-.seed-card {
+.item-card {
     font-size: 0.75em;
     margin-bottom: 1em;
 }
 
-.seed-icon {
+.item-icon {
     max-height: 3.5em;
+    width: 42px;
 }
 
 .btn-pixel-border {
diff --git a/src/data/ItemTypes.js b/src/data/ItemTypes.js
index c8dc8a2..1625d0b 100644
--- a/src/data/ItemTypes.js
+++ b/src/data/ItemTypes.js
@@ -1,4 +1,11 @@
-export default {
+export const ItemTypes = {
     Seeds: 'SEEDS',
-    FieldProducts: 'FIELD_PRODUCTS'
+    FieldProducts: 'FIELD_PRODUCTS',
+    AnimalProducts: 'ANIMAL_PRODUCTS'
 }
+
+export const ItemTypeFrameClasses = {
+    SEEDS: 'pixel-border-green ',
+    FIELD_PRODUCTS: 'pixel-border-red ',
+    ANIMAL_PRODUCTS: 'pixel-border-blue '
+}
\ No newline at end of file
diff --git a/src/data/Items.js b/src/data/Items.js
index 226f9d0..05f5a2d 100644
--- a/src/data/Items.js
+++ b/src/data/Items.js
@@ -1,7 +1,7 @@
 import {Seasons} from "@/services/SeasonService";
-import ItemTypes from "@/data/ItemTypes";
-import {CropAssets} from "@/data/Paths";
-import {Seeds, FieldProducts} from "@/data/ItemsIDs";
+import {ItemTypes} from "@/data/ItemTypes";
+import {CropAssets, FoodAssets} from "@/data/Paths";
+import {Seeds, FieldProducts, AnimalProducts} from "@/data/ItemsIDs";
 
 export default [
     {
@@ -39,7 +39,7 @@ export default [
         type: ItemTypes.Seeds,
         description: '',
         assetsFolder: CropAssets + 'rice/',
-        icon: CropAssets + 'rice/',
+        icon: CropAssets + 'rice/1.png',
         economy: {
             buy: 5,
             sell: 10,
@@ -68,7 +68,7 @@ export default [
         type: ItemTypes.Seeds,
         description: '',
         assetsFolder: CropAssets + 'turnip/',
-        icon: CropAssets + 'turnip/',
+        icon: CropAssets + 'turnip/1.png',
         economy: {
             buy: 10,
             sell: 20,
@@ -97,7 +97,7 @@ export default [
         type: ItemTypes.Seeds,
         description: '',
         assetsFolder: CropAssets + 'potato/',
-        icon: CropAssets + 'potato/',
+        icon: CropAssets + 'potato/1.png',
         economy: {
             buy: 10,
             sell: 20,
@@ -126,7 +126,7 @@ export default [
         type: ItemTypes.Seeds,
         description: '',
         assetsFolder: CropAssets + 'corn/',
-        icon: CropAssets + 'corn/',
+        icon: CropAssets + 'corn/1.png',
         economy: {
             buy: 15,
             sell: 25,
@@ -155,7 +155,7 @@ export default [
         type: ItemTypes.Seeds,
         description: '',
         assetsFolder: CropAssets + 'eggplant/',
-        icon: CropAssets + 'eggplant/',
+        icon: CropAssets + 'eggplant/1.png',
         economy: {
             buy: 15,
             sell: 25,
@@ -184,7 +184,7 @@ export default [
         type: ItemTypes.Seeds,
         description: '',
         assetsFolder: CropAssets + 'grapes/',
-        icon: CropAssets + 'grapes/',
+        icon: CropAssets + 'grapes/1.png',
         economy: {
             buy: 15,
             sell: 25,
@@ -213,7 +213,7 @@ export default [
         type: ItemTypes.Seeds,
         description: '',
         assetsFolder: CropAssets + 'tomato/',
-        icon: CropAssets + 'tomato/',
+        icon: CropAssets + 'tomato/1.png',
         economy: {
             buy: 20,
             sell: 35,
@@ -242,7 +242,7 @@ export default [
         type: ItemTypes.Seeds,
         description: '',
         assetsFolder: CropAssets + 'cucumber/',
-        icon: CropAssets + 'cucumber/',
+        icon: CropAssets + 'cucumber/1.png',
         economy: {
             buy: 30,
             sell: 55,
@@ -271,7 +271,7 @@ export default [
         type: ItemTypes.Seeds,
         description: '',
         assetsFolder: CropAssets + 'strawberry/',
-        icon: CropAssets + 'strawberry/',
+        icon: CropAssets + 'strawberry/1.png',
         economy: {
             buy: 60,
             sell: 140,
@@ -300,7 +300,7 @@ export default [
         type: ItemTypes.Seeds,
         description: '',
         assetsFolder: CropAssets + 'orange/',
-        icon: CropAssets + 'orange/',
+        icon: CropAssets + 'orange/1.png',
         economy: {
             buy: 60,
             sell: 140,
@@ -329,7 +329,7 @@ export default [
         type: ItemTypes.Seeds,
         description: '',
         assetsFolder: CropAssets + 'lemon/',
-        icon: CropAssets + 'lemon/',
+        icon: CropAssets + 'lemon/1.png',
         economy: {
             buy: 60,
             sell: 140,
@@ -358,7 +358,7 @@ export default [
         type: ItemTypes.Seeds,
         description: '',
         assetsFolder: CropAssets + 'pineapple/',
-        icon: CropAssets + 'pineapple/',
+        icon: CropAssets + 'pineapple/1.png',
         economy: {
             buy: 60,
             sell: 140,
@@ -387,7 +387,7 @@ export default [
         type: ItemTypes.Seeds,
         description: '',
         assetsFolder: CropAssets + 'melon/',
-        icon: CropAssets + 'melon/',
+        icon: CropAssets + 'melon/1.png',
         economy: {
             buy: 60,
             sell: 140,
@@ -416,7 +416,7 @@ export default [
         type: ItemTypes.Seeds,
         description: '',
         assetsFolder: CropAssets + 'coffee/',
-        icon: CropAssets + 'coffee/',
+        icon: CropAssets + 'coffee/1.png',
         economy: {
             buy: 60,
             sell: 140,
@@ -445,7 +445,7 @@ export default [
         type: ItemTypes.Seeds,
         description: '',
         assetsFolder: CropAssets + 'cassava/',
-        icon: CropAssets + 'cassava/',
+        icon: CropAssets + 'cassava/1.png',
         economy: {
             buy: 60,
             sell: 140,
@@ -474,7 +474,7 @@ export default [
         type: ItemTypes.Seeds,
         description: '',
         assetsFolder: CropAssets + 'sunflower/',
-        icon: CropAssets + 'sunflower/',
+        icon: CropAssets + 'sunflower/1.png',
         economy: {
             buy: 10,
             sell: 20,
@@ -503,7 +503,7 @@ export default [
         type: ItemTypes.Seeds,
         description: '',
         assetsFolder: CropAssets + 'rose/',
-        icon: CropAssets + 'rose/',
+        icon: CropAssets + 'rose/1.png',
         economy: {
             buy: 10,
             sell: 20,
@@ -532,7 +532,7 @@ export default [
         type: ItemTypes.Seeds,
         description: '',
         assetsFolder: CropAssets + 'tulip/',
-        icon: CropAssets + 'tulip/',
+        icon: CropAssets + 'tulip/1.png',
         economy: {
             buy: 10,
             sell: 20,
@@ -555,4 +555,17 @@ export default [
             sell: 20,
         }
     },
+    {
+        id: AnimalProducts.Egg,
+        name: 'Egg',
+        type: ItemTypes.AnimalProducts,
+        description: '',
+        assetsFolder: FoodAssets + 'egg_whole_brown.png',
+        icon: FoodAssets + 'egg_whole_brown.png',
+        economy: {
+            buy: 100,
+            sell: 50,
+        }
+    },
+
 ]
diff --git a/src/data/ItemsIDs.js b/src/data/ItemsIDs.js
index fcc0211..d1b07f3 100644
--- a/src/data/ItemsIDs.js
+++ b/src/data/ItemsIDs.js
@@ -43,3 +43,8 @@ export const FieldProducts = {
     Rose: 36,
     Tulip: 38,
 }
+
+// ANIMAL PRODUCTS
+export const AnimalProducts = {
+    Egg: 39 // 💙
+}
diff --git a/src/data/Paths.js b/src/data/Paths.js
index 55982f2..773d2a4 100644
--- a/src/data/Paths.js
+++ b/src/data/Paths.js
@@ -1 +1,2 @@
 export const CropAssets = '/assets/crops/'
+export const FoodAssets = '/assets/food/'
diff --git a/src/services/ItemService.js b/src/services/ItemService.js
index 9244211..6a45512 100644
--- a/src/services/ItemService.js
+++ b/src/services/ItemService.js
@@ -1,15 +1,22 @@
 import Items from "@/data/Items";
 
 export default class {
-    getItemByID(id) {
+    static getItemByID(id) {
         return Items.find((item) => {
             return item.id === id;
         });
     }
 
-    getItemsByType(type) {
-        return Items.filter((item) => {
-            return item.type === type;
-        });
+    static getItemsByType(type) {
+        if (Array.isArray(type)) {
+            return Items.filter((item) => {
+                return type.includes(item.type);
+            });
+        } else {
+            return Items.filter((item) => {
+                return item.type === type;
+            });
+        }
+
     }
 }
\ No newline at end of file
diff --git a/src/store/index.js b/src/store/index.js
index 169454a..d0523bc 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -1,14 +1,14 @@
 import {createStore} from 'vuex'
 import moment from "moment";
 import {SeasonService} from "@/services/SeasonService";
-import ItemTypes from "@/data/ItemTypes";
-import Items from "@/data/Items";
+import {ItemTypes} from "@/data/ItemTypes";
+import createPersistedState from "vuex-persistedstate";
+import ItemService from "@/services/ItemService";
 
 
 export default createStore({
     state: {
         initialized: null,
-        itemCatalogue: [],
         player: {
             // TODO: ADD PLAYER INTRODUCTION
             name: 'Franz',
@@ -37,18 +37,11 @@ export default createStore({
                 return field.id === state.selections.field;
             }) ?? {};
         },
-        selectedFieldSeed() {
-            return this.getters.getSeedsFromCatalogue.find((seed) => {
-                return seed.id = this.getters.selectedField.data.seed_id;
-            });
-        },
         getInventoryWithItemData(state) {
             return state.inventory.filter((inventoryItem) => {
                 return inventoryItem.quantity > 0;
             }).map((inventoryItem) => {
-                let item = state.itemCatalogue.find((item) => {
-                    return item.id === inventoryItem.id;
-                });
+                let item = ItemService.getItemByID(inventoryItem.id);
 
                 item.quantity = inventoryItem.quantity;
                 return item;
@@ -58,32 +51,15 @@ export default createStore({
             return state.inventory.filter((inventoryItem) => {
                 return inventoryItem.type === ItemTypes.Seeds && inventoryItem.quantity > 0;
             }).map((inventoryItem) => {
-                let item = state.itemCatalogue.find((item) => {
-                    return item.id === inventoryItem.id;
-                });
+                let item = ItemService.getItemByID(inventoryItem.id);
 
                 item.quantity = inventoryItem.quantity;
                 return item;
             });
-        },
-        getSeedsFromCatalogue(state) {
-            return state.itemCatalogue.filter((item) => {
-                return item.type === ItemTypes.Seeds;
-            });
-        },
-        getItem(state, id) {
-            return state.itemCatalogue.find((item) => {
-                return item.id === id;
-            });
         }
     },
     mutations: {
         initialize(state) {
-            state.itemCatalogue = Items.map((item, index) => {
-                item.id = index+1;
-                return item;
-            });
-
             this.commit('checkForSeasonChange');
 
             state.time.week = moment().week();
@@ -132,13 +108,8 @@ export default createStore({
             });
         },
         harvestSeed(state, field) {
-            let seed = state.itemCatalogue.find((item) => {
-                return item.id === field.data.seed_id;
-            });
-
-            let productFromSeed = state.itemCatalogue.find((item) => {
-                return item.id === seed.cropData.product_id;
-            });
+            let seed = ItemService.getItemByID(field.data.seed_id);
+            let productFromSeed = ItemService.getItemByID(seed.cropData.product_id);
 
             if (field.data.percentDone < 100 || !field.data.readyForHarvest) {
                 // bloody cheater
@@ -205,9 +176,7 @@ export default createStore({
             state.cropField.filter((field) => {
                 return field.data != null && !field.data.canBeHarvested;
             }).forEach(function (field) {
-                let seed = state.itemCatalogue.find((item) => {
-                    return item.id === field.data.seed_id;
-                });
+                let seed = ItemService.getItemByID(field.data.seed_id);
 
                 if (field.data.readyForHarvest < moment()) {
                     field.data.canBeHarvested = true;
@@ -227,5 +196,6 @@ export default createStore({
         }
     },
     actions: {},
-    modules: {}
+    modules: {},
+    plugins: [createPersistedState()],
 });
diff --git a/src/style/app.scss b/src/style/app.scss
index 397bf9a..ad68526 100644
--- a/src/style/app.scss
+++ b/src/style/app.scss
@@ -34,6 +34,24 @@ body {
     border-image: url(@/assets/gui/border_light.png) 36 repeat;
 }
 
+.pixel-border-green {
+    padding: 0;
+    border: 12px solid transparent;
+    border-image: url(@/assets/gui/border_green.png) 36 repeat;
+}
+
+.pixel-border-red {
+    padding: 0;
+    border: 12px solid transparent;
+    border-image: url(@/assets/gui/border_red.png) 36 repeat;
+}
+
+.pixel-border-blue {
+    padding: 0;
+    border: 12px solid transparent;
+    border-image: url(@/assets/gui/border_blue.png) 36 repeat;
+}
+
 .pixel-border {
     padding: 0;
     border: 12px solid transparent;
diff --git a/src/views/GameView.vue b/src/views/GameView.vue
index cc5bbf1..f29b6cd 100644
--- a/src/views/GameView.vue
+++ b/src/views/GameView.vue
@@ -1,6 +1,6 @@
 <template>
     <StatusBar/>
-    <div class="container overflow-scroll" id="main-container">
+    <div class="container overflow-auto" id="main-container">
         <RouterView></RouterView>
     </div>
     <MenuBar/>