grgr
/
soup-gen
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

diary

Browse Source
master
erica-garga 3 years ago
parent 138f842926
commit f1d9539a29
4 changed files with 280 additions and 5 deletions
Show Stats Download Patch File Download Diff File

47
cms.js
Unescape Escape View File

@ -21,11 +21,54 @@ fetch("./cms.json")
showSelectedRecipes();
});
function populateContents(data) {
data.recipes.forEach((recipe) => addRecipe(recipe));
data.recipes.forEach((element) => {
if (element.type == 'recipe') {
addRecipe(element)
}
if (element.type == 'diary') {
addDiary(element)
}
});
recipesList = [...document.getElementsByClassName("recipe")];
}
function addDiary(diary) {
let card = document.createElement("div");
card.classList.add("diary");
let info = document.createElement("div");
info.classList.add("info");
card.appendChild(info);
let date = document.createElement("div");
date.classList.add("date");
date.innerHTML = diary.date;
info.appendChild(date);
let chef = document.createElement("div");
chef.classList.add("chef");
chef.innerHTML = diary.chef;
info.appendChild(chef);
let title = document.createElement("h2");
title.classList.add("title");
title.innerHTML = diary.title;
card.appendChild(title);
let text = document.createElement("div");
text.classList.add("text");
text.innerHTML = diary.text;
card.appendChild(text);
cookbook.appendChild(card);
}
function addRecipe(recipe) {
let card = document.createElement("div");
card.classList.add("recipe");
@ -91,7 +134,7 @@ function addRecipe(recipe) {
function recipesInfo(recipes) {
let ingredients = [];
recipes.forEach((recipe) => (ingredients = [...ingredients, ...recipe.ingredients]));
recipes.filter(recipe => recipe.type == "recipe").forEach((recipe) => (ingredients = [...ingredients, ...recipe.ingredients]));
let unique = [...new Set(ingredients)];
ingredientsList = Array.from(unique);

205
cms.json
Unescape Escape View File

@ -1 +1,204 @@
{"recipes": [{"title": "Pizza and fruit salad soup", "description": "Minim laborum ipsum sunt minim nulla officia cillum quis labore ad voluptate enim deserunt nulla.", "chef": "chef Malvozzo", "ingredients": ["\ud83c\udf55", "\ud83e\udd6d", "\ud83c\udf49", "\ud83c\udf48"], "instructions": ["Id est velit ullamco ea sint aliqua laboris incididunt consectetur do aliqua sint eiusmod.", "Mescola", "Pariatur eu exercitation ipsum qui e", "Quis pariatur magna id pariatur consectetur irure in sint.", "Culpa sunt non consequat consequat excepteur amet ut veniam cupidatat in occaecat consectetur velit.", "servire ben caldo!"]}, {"title": "Kip & Ice Kream Siup", "description": "Id consequat deserunt laborum ea commodo sit voluptate sunt commodo excepteur sit incididunt amet.", "chef": "Mad Moonfish", "ingredients": ["\ud83c\udf57", "\ud83c\udf5a", "funghetti", "\ud83c\udf49", "\ud83e\udd57"], "instructions": ["Exercitation eiusmod adipisicing ex ut amet qui minim est anim reprehenderit nulla voluptate quis.", "Occaecat anim veniam occaecat ut pariatur culpa sit reprehenderit ullamco cupidatat.", "Et reprehenderit mollit cillum Lorem est.", "Magna aliquip sint aliqua proident.", "sluuuurp"]}, {"title": "NLTK Soupa", "description": "A delicious soup made with natural language tomato and kiwi", "chef": "Python", "ingredients": ["pasta", "Mushrooms", "pizza", "internet"], "instructions": ["Cook the pasta in the internet", "Dig a hole near a Mushrooms", "Bury the pizza in the hole", "Turn off internet", "Drain the pasta", "Turn internet on again"]}, {"title": "A new sup", "description": "just a test soup to see how does the cms taste like", "chef": "python", "ingredients": ["computer", "soupboat", "jupiter", "zen"], "instructions": ["turn on the computer", "enter the soupboat", "access jupiter", "start the kernel with little zen", "put python to boil", "wait and shift enter"]}, {"title": "Misu sup", "description": "A tasty misu sup yes yes yes", "chef": "Mitsos", "ingredients": ["Miso", "Water", "Salt", "Hash", "Egg", "Oil", "Pepper", "Glitter", "Mushrooms"], "instructions": ["Take the glitter and put them on your face", "Boil the water", "Throw the mushrooms in the boiling water", "Throw an egg against your neighbour", "Add salt and pepper", "Enjoy"]}, {"title": "A visual studio soup", "description": "A soup from the jupiter lab in visual studio ecc ecc really testy", "chef": "Visual sudo", "ingredients": ["Visual Studio", "Zen", "soup-gen repo", "git", "soupboat"], "instructions": ["Open visual studio and pull the repo from git", "Follow the jupiter notebook", "hope it works", "commit and push all the changes", "update the soupboat"]}, {"title": "the bodybuilder's soup", "description": "pure energy for your machoness", "chef": "rommie", "ingredients": ["a lot of eggs", "extra egg white let's say around \ud83e\udd5ax43", "thight pants", "\ud83c\udf4c", "\ud83e\udd53"], "instructions": ["wear very thight pants", "smash the eggs into a bowl while doing 25 squats in order to separate the egg white from the yolks", "drink the egg white", "drink the extra egg white", "spread the remaining yolks on your muscles to make them shiny", "do 43 push-ups while wrapping \ud83c\udf4c in \ud83e\udd53", "enjoy your meal during your final stretching!\ud83d\ude0e\ud83c\udfcb\ufe0f\u200d\u2640\ufe0f\ud83c\udfcb\ufe0f\u200d\u2640\ufe0f\ud83c\udfcb\ufe0f\u200d\u2640\ufe0f"]}, {"title": "Seaweed soup(Miyeok-guk)", "description": "A hot soup that will warm your soul and body to the core. Also you normally make/have this soup on your b-day! So happy birthday?!", "chef": "K-girl", "ingredients": ["beef(you can omit this for veggie version)", "seaweed(Miyeok)", "seasame oil", "soy sauce(Guk-ganjang is the best)", "minced garlic", "salt", "pepper", "fish sauce for extra oomph"], "instructions": ["soak dried seaweed aka miyeok in cold water for at least 15 mins (Dried miyeok do multiply so only put small amount of them! Believe me. Don't u dare put too much Miyeok unless you want to turn your kitchen into seashore)", "cut beef into small pieces and mince two garlic cloves(or more!! why not)", "marinate beef with minced garlic and soy sauce and little bit of fish sauce and pepper", "heat your good old trusty pot", "drizzle some sesame oil", "fry seaweed for 3 mins", "throw beef and garlic into the pot", "fry them all together", "pour 500L of water", "boil it! let seaweed release its sea umami flavor bomb", "taste the soup and add some salt", "taste it again and if it feels like something is missing then add 1 table spoon of soysauce and fish sauce", "serve it with big bowl of rice and kimchi", "YUM"]}, {"title": "simple soup", "description": "a natural appetite suppressant ", "chef": "lazy chef", "ingredients": ["just water"], "instructions": ["pour water in mug", "microwave for 1 min", "sip to enjoy temporary warm fuzzy feeling"]}]}
{
"recipes": [
{
"type": "recipe",
"title": "Pizza and fruit salad soup",
"description": "Minim laborum ipsum sunt minim nulla officia cillum quis labore ad voluptate enim deserunt nulla.",
"chef": "chef Malvozzo",
"ingredients": [
"\ud83c\udf55",
"\ud83e\udd6d",
"\ud83c\udf49",
"\ud83c\udf48"
],
"instructions": [
"Id est velit ullamco ea sint aliqua laboris incididunt consectetur do aliqua sint eiusmod.",
"Mescola",
"Pariatur eu exercitation ipsum qui e",
"Quis pariatur magna id pariatur consectetur irure in sint.",
"Culpa sunt non consequat consequat excepteur amet ut veniam cupidatat in occaecat consectetur velit.",
"servire ben caldo!"
]
},
{
"type": "recipe",
"title": "Kip & Ice Kream Siup",
"description": "Id consequat deserunt laborum ea commodo sit voluptate sunt commodo excepteur sit incididunt amet.",
"chef": "Mad Moonfish",
"ingredients": [
"\ud83c\udf57",
"\ud83c\udf5a",
"funghetti",
"\ud83c\udf49",
"\ud83e\udd57"
],
"instructions": [
"Exercitation eiusmod adipisicing ex ut amet qui minim est anim reprehenderit nulla voluptate quis.",
"Occaecat anim veniam occaecat ut pariatur culpa sit reprehenderit ullamco cupidatat.",
"Et reprehenderit mollit cillum Lorem est.",
"Magna aliquip sint aliqua proident.",
"sluuuurp"
]
},
{
"type": "recipe",
"title": "NLTK Soupa",
"description": "A delicious soup made with natural language tomato and kiwi",
"chef": "Python",
"ingredients": [
"pasta",
"Mushrooms",
"pizza",
"internet"
],
"instructions": [
"Cook the pasta in the internet",
"Dig a hole near a Mushrooms",
"Bury the pizza in the hole",
"Turn off internet",
"Drain the pasta",
"Turn internet on again"
]
},
{
"type": "recipe",
"title": "A new sup",
"description": "just a test soup to see how does the cms taste like",
"chef": "python",
"ingredients": [
"computer",
"soupboat",
"jupiter",
"zen"
],
"instructions": [
"turn on the computer",
"enter the soupboat",
"access jupiter",
"start the kernel with little zen",
"put python to boil",
"wait and shift enter"
]
},
{
"type": "recipe",
"title": "Misu sup",
"description": "A tasty misu sup yes yes yes",
"chef": "Mitsos",
"ingredients": [
"Miso",
"Water",
"Salt",
"Hash",
"Egg",
"Oil",
"Pepper",
"Glitter",
"Mushrooms"
],
"instructions": [
"Take the glitter and put them on your face",
"Boil the water",
"Throw the mushrooms in the boiling water",
"Throw an egg against your neighbour",
"Add salt and pepper",
"Enjoy"
]
},
{
"type": "recipe",
"title": "A visual studio soup",
"description": "A soup from the jupiter lab in visual studio ecc ecc really testy",
"chef": "Visual sudo",
"ingredients": [
"Visual Studio",
"Zen",
"soup-gen repo",
"git",
"soupboat"
],
"instructions": [
"Open visual studio and pull the repo from git",
"Follow the jupiter notebook",
"hope it works",
"commit and push all the changes",
"update the soupboat"
]
},
{
"type": "recipe",
"title": "the bodybuilder's soup",
"description": "pure energy for your machoness",
"chef": "rommie",
"ingredients": [
"a lot of eggs",
"extra egg white let's say around \ud83e\udd5ax43",
"thight pants",
"\ud83c\udf4c",
"\ud83e\udd53"
],
"instructions": [
"wear very thight pants",
"smash the eggs into a bowl while doing 25 squats in order to separate the egg white from the yolks",
"drink the egg white",
"drink the extra egg white",
"spread the remaining yolks on your muscles to make them shiny",
"do 43 push-ups while wrapping \ud83c\udf4c in \ud83e\udd53",
"enjoy your meal during your final stretching!\ud83d\ude0e\ud83c\udfcb\ufe0f\u200d\u2640\ufe0f\ud83c\udfcb\ufe0f\u200d\u2640\ufe0f\ud83c\udfcb\ufe0f\u200d\u2640\ufe0f"
]
},
{
"type": "recipe",
"title": "Seaweed soup(Miyeok-guk)",
"description": "A hot soup that will warm your soul and body to the core. Also you normally make/have this soup on your b-day! So happy birthday?!",
"chef": "K-girl",
"ingredients": [
"beef(you can omit this for veggie version)",
"seaweed(Miyeok)",
"seasame oil",
"soy sauce(Guk-ganjang is the best)",
"minced garlic",
"salt",
"pepper",
"fish sauce for extra oomph"
],
"instructions": [
"soak dried seaweed aka miyeok in cold water for at least 15 mins (Dried miyeok do multiply so only put small amount of them! Believe me. Don't u dare put too much Miyeok unless you want to turn your kitchen into seashore)",
"cut beef into small pieces and mince two garlic cloves(or more!! why not)",
"marinate beef with minced garlic and soy sauce and little bit of fish sauce and pepper",
"heat your good old trusty pot",
"drizzle some sesame oil",
"fry seaweed for 3 mins",
"throw beef and garlic into the pot",
"fry them all together",
"pour 500L of water",
"boil it! let seaweed release its sea umami flavor bomb",
"taste the soup and add some salt",
"taste it again and if it feels like something is missing then add 1 table spoon of soysauce and fish sauce",
"serve it with big bowl of rice and kimchi",
"YUM"
]
},
{
"type": "recipe",
"title": "simple soup",
"description": "a natural appetite suppressant ",
"chef": "lazy chef",
"ingredients": [
"just water"
],
"instructions": [
"pour water in mug",
"microwave for 1 min",
"sip to enjoy temporary warm fuzzy feeling"
]
},
{
"type": "diary",
"date": "October the 20th, 2021",
"title": "diario",
"chef": "grr",
"text": "oggi sto imparando a fare il diario con pitone"
}
]
}

10
index.html
Unescape Escape View File

@ -75,6 +75,16 @@
</ol>
</div>
</div>
<!-- <div class="diary">
<div class="info">
<div class="date"></div>
<div class="chef">Chef</div>
</div>
<h2 class="title">Title</h2>
<div class="text"></div>
</div> -->
</div>
<div class="cookbook">

23
style.css
Unescape Escape View File

@ -100,7 +100,7 @@ button.tag {
}
.recipe,
.recipe-info {
.recipe-info , .diary{
display: none;
background-color: #ffffff;
flex-grow: 1;
@ -109,8 +109,27 @@ button.tag {
padding: 0 1ch;
}
.recipe.active {
.recipe.active{
display: inline-block;
}
.diary{
display: inline-block;
background-color: rgb(233, 224, 248);
color: #2d2c5f;
}
.diary .info{
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: baseline;
color: rgb(104, 104, 104);
font-size: 0.8em;
}
.diary .title{
font-size: 1em;
}
.diary .text{
margin: 1ch 0 1ch 0;
}
.recipe-info {

Write Preview
Loading…
Cancel
Save