diff --git a/js/main.js b/js/main.js index b162504..eb0aff4 100644 --- a/js/main.js +++ b/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", diff --git a/style.css b/style.css index 58124bc..b5f325f 100644 --- a/style.css +++ b/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,