gaaaaanz viele rezpteeeeee

js/main.js

@@ -29,6 +29,7 @@ Alpine.data("daten", () => ({
     { gruppe: "Fleischanteil" },
     { name: "Fleischwurst", einheit: "g", faktor: 200 },
     { name: "Hackfleisch", einheit: "g", faktor: 250 },
+    { name: "Mett", einheit: "g", faktor: 100 },
     { name: "Bratwurst", einheit: "x" },
     { name: "Hering", einheit: "g", faktor: 150 },
     { name: "Thunfisch", einheit: "g", faktor: 100 },
@@ -42,7 +43,7 @@ Alpine.data("daten", () => ({
     { name: "Chili", einheit: " Scoville", faktor: 10_000 },
     { gruppe: "Sonstiges" },
     { name: "Champignons", einheit: "g", faktor: 100 },
-    { name: "Eier", einheit: "" },
+    { name: "Eier", einheit: "x"},
     { name: "Zwiebeln", einheit: "g", faktor: 100 },
     { name: "Meeresfrüchte" },
     { name: "Spargel", einheit: " Stange/n" },
@@ -110,6 +111,9 @@ Alpine.data("daten", () => ({
     if (zutaten["Salatgurke"] >= 4 && zutaten["Senf"] >= 4 && gesamt < 15) {
       return ["Senfgurken"];
     }
+    if (zutaten["Karotten"] >= 4 && zutaten["Käse"]) {
+      return ["Karottenpommes"];
+    }
     if (zutaten["Nudeln"] >= 1 && zutaten["Kartoffeln"] == 0) {
       return ["Nudelsalat"];
     }
@@ -137,6 +141,129 @@ Alpine.data("daten", () => ({
     if (zutaten["Paprika"] >= 4 && zutaten["Hackfleisch"] >= 1) {
       return ["Gefüllte Paprika"];
     }
+    if (
+      zutaten["Bratwurst"] >= 3 &&
+      zutaten["Fleischwurst"] >= 1 &&
+      zutaten["Käse"] >= 2 &&
+      zutaten["Senf"] >= 1 &&
+      zutaten["Mayonnaise"] >= 1
+    ) {
+      return ["Lecker Grillerchen"];
+    }
+    if (
+      zutaten["Karotte"] >= 1 &&
+      zutaten["Bratwurst"] >= 3 &&
+      zutaten["Kartoffeln"] >= 2 &&
+      zutaten["Knoblauch"] >= 5 &&
+      zutaten["Zwiebeln"] >= 2 &&
+      zutaten["Paprika"] >= 1
+    ) {
+      return ["Gulasch"];
+    }
+    if (
+      (zutaten["Thunfisch"] >= 3 || zutaten["Hering"] >= 3) &&
+      zutaten["Zwiebeln"] >= 1 &&
+      zutaten["Chili"] >= 1 &&
+      zutaten["Sahne"] >= 2 &&
+      zutaten["Knoblauch"] >= 1
+    ) {
+      return ["Fischsuppe"];
+    }
+    if (
+      zutaten["Kartoffeln"] >= 7 &&
+      zutaten["Zwiebeln"] >= 2 &&
+      zutaten["Salatgurke"] >= 2 &&
+      zutaten["Senf"] >= 2
+    ) {
+      return ["Kartoffel-Gurken-Salat"];
+    }
+    if (
+      zutaten["Hackfleisch"] >= 7 &&
+      zutaten["Fleischwurst"] >= 2 &&
+      zutaten["Zwiebeln"] >= 3 &&
+      zutaten["Tomaten (stückig)"] >= 2 &&
+      zutaten["Paprika"] >= 2 &&
+      zutaten["Karotte"] >= 1
+    ) {
+      return ["Soljanka"];
+    }
+    if (
+      zutaten["Salatgurke"] >= 2 &&
+      zutaten["Paprika"] >= 1 &&
+      zutaten["Oliven"] >= 4 &&
+      zutaten["Käse"] >= 1
+    ) {
+      return ["Griechischer Salat", "ist als Käse Schafskäse zu empfehlen"];
+    }
+    if (
+      zutaten["Mett"] >= 10 &&
+      zutaten["Zwiebeln"] >= 3 &&
+      zutaten["Saure Gurke"] >= 2
+    ) {
+      return ["Mett-Igel"];
+    }
+    if (
+      zutaten["Kartoffeln"] >= 3 &&
+      zutaten["Karotte"] >= 2 &&
+      zutaten["Bratwurst"] >= 2
+    ) {
+      return ["Kartoffelsuppe", "Kräuter, Wiener statt Bratwurst"];
+    }
+    if (zutaten["Mett"] >= 5 && zutaten["Zwiebeln"] >= 2) {
+      return ["Metttorte"];
+    }
+    if (
+      zutaten["Mett"] >= 3 &&
+      zutaten["Zwiebeln"] >= 1 &&
+      zutaten["Oliven"] >= 1
+    ) {
+      return ["Mettigel"];
+    }
+    if (
+      zutaten["Champignons"] >= 3 &&
+      zutaten["Nudeln"] >= 2 &&
+      zutaten["Zwiebeln"] >= 1 &&
+      zutaten["Käse"] >= 1 &&
+      zutaten["Knoblauch"] >= 1
+    ) {
+      return ["Pilzpfanne mit Nudeln"];
+    }
+    if (
+      zutaten["Tomaten"] >= 5 &&
+      zutaten["Zwiebeln"] >= 1 &&
+      zutaten["Knoblauch"] >= 1
+    ) {
+      return ["Tomaten-Bruscetta", "ein Baguette, Basilikum, Salz & Pfeffer"];
+    }
+    if (
+      zutaten["Paprika"] >= 3 &&
+      zutaten["Zwiebeln"] >= 1 &&
+      zutaten["Chili"] >= 1
+    ) {
+      return ["Paprikasalat"];
+    }
+    if(zutaten["Kartoffeln"] >= 2 && zutaten["Zwiebeln"] >= 1) {
+      return ["Bratkartoffeln", "Kräuter, z.B. Schnittlauch oder Oregano"]
+    }
+    if(zutaten["Kartoffeln"] >= 5 && zutaten["Zwiebeln"] >= 1 && zutaten["Eier"] >= 2) {
+      return ["Kartoffelpuffer"];
+    }
+    if (zutaten["Zwiebeln"] >= 1 && zutaten["Tomaten"] >= 5 && zutaten["Eier"] >= 3) {
+      return ["Falsches Hirn"];
+    }
+    if(zutaten["Eier"] >= 7 && zutaten["Mayonnaise"] >= 2 && zutaten["Zwiebeln"] >= 1 && zutaten["Fleischwurst"] >= 1) {
+      return ["Omas Eiersalat"]
+    }
+    if(zutaten["Eier"] >= 7 && zutaten["Mayonnaise"] >= 2 && zutaten["Zwiebeln"] >= 1) {
+      return ["Mamas Eiersalat"]
+    }
+    if(zutaten["Eier"] >= 6 && zutaten["Mayonnaise"] >= 1 && zutaten["Zwiebeln"] >= 1) {
+      return ["Eiersalat"]
+    }
+    if(zutaten["Tomaten"] >= 5 && zutaten["Salatgurke"] >= 1 && zutaten["Paprika"] >= 2 && zutaten["Knoblauch"] >= 6) {
+      return ["Gazpacho"]
+    }
+
     let allObst = [
       "Birne",
       "Apfel",

style.css

@@ -1,6 +1,10 @@
+:root {
+}
 body {
   font-family: sans-serif;
   margin: 0;
+  background: radial-gradient(circle,rgba(105, 105, 105, 1) 0%, rgba(41, 41, 41, 1) 85%);
+  color: white;
 }
 .window {
   display: flex;
@@ -17,7 +21,6 @@ body {
     position: sticky;
     position: -webkit-sticky;
     align-self: flex-start;
-    background: white;
     top: 6rem;
     .title {
       text-align: center;
@@ -54,6 +57,8 @@ body {
     & > .zutat {
       border-radius: 0.5rem;
       padding: 1rem 0.5rem;
+      background: #fffefe;
+      color: black;
       box-shadow: 3px 3px 2px 0px rgba(0, 0, 0, 0.2);
       border: 1pt solid silver;
       border-bottom: none;
@@ -111,10 +116,13 @@ button[type="button"] {
     height: 2rem;
   }
   &.plus {
-    outline-color: oklch(66.442% 0.22551 142.585 / 0.3);
+    background-color: oklch(66.442% 0.22551 142.585 / 0.3);
+    outline: none;
   }
   &.minus {
-    outline-color: oklch(66.442% 0.22551 41.6 / 0.3);
+    background-color: oklch(66.442% 0.22551 41.6 / 0.3);
+    outline: none;
+
   }
 }
 button:focus,