mobile versiona

master
km0 3 years ago
parent 825dab6019
commit 106b670eb4

@ -1 +1 @@
{"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"]}]}
{"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"]}]}

@ -16,11 +16,15 @@
<h1>🥣 Soup Generator</h1>
<div class="description">
<p>
Hey this is a Soup + Other Cookbook and it is meant to be collaborative! For now you can add a recipe
only if you are from XPUB, but we are working to make this open access.
Hey this is a Soup + Diary Cookbook and it is meant to be collaborative! For now you can add a recipe
only if you are from XPUB 🤧, but we are working to make it open access.
</p>
<p>
<div class="how-to">
<h3>
To add a recipe:
</h3>
<ol>
<li>
Enter your Jupiter, and go to <code>~/shared/html/soup-gen/</code>
@ -29,8 +33,7 @@
Open the notebook <code>add_recipe.ipynb</code>
</li>
<li>
Run the first snippet, it will ask you for some info about the recipe: fill the blank space in the
output message.
Run the first snippet, it will ask you for some info about the recipe.
</li>
<li>
Run the second snippet, it will save the recipe in the Soupboat.
@ -39,9 +42,10 @@
You added a recipe!
</li>
<li>
__CONGRATS__
<b>__CONGRATS__</b>
</li>
</ol>
</div>
</p>
Each soup has:
@ -85,7 +89,7 @@
<div class="intro">
<div class="todo">
<ul>
<em>TODO short term:</em>
<h3>TODO short term:</h3>
<li class="done">🔍 Ingredients list and filter!!! (like chat reader)</li>
<li>🚫 Inclusive / Exclusive filters</li>
<li>💬 Different types of entries for the cms: recipe, diary, ecc.</li>
@ -93,7 +97,7 @@
<li>💻 Receive recipe as a form ?</li>
<li>📷 Add recipe picture ?</li>
<em>TODO long term:</em>
<h3>TODO long term:</h3>
<li>💾 Better CMS (and not just a JSON file ah ah)</li>
<li>🦥 Recipes lazy loading :P</li>
<li>📔 Web to print design</li>
@ -103,7 +107,7 @@
</div>
<ul class="questions">
<em>Questions:</em>
<h3>Questions:</h3>
<li>
What is the best solution to receive recipes from users??? We imagine it to be

@ -21,6 +21,7 @@ h3 {
ul,
ol {
margin: 0;
padding: 0;
list-style-position: inside;
}
@ -29,11 +30,12 @@ ul {
list-style: none;
}
em {
h3 {
display: block;
margin-top: 1.6em;
margin-bottom: 1em;
margin-top: 1em;
margin-bottom: 0.4em;
font-weight: bold;
font-size: 1.25rem;
}
.questions {
@ -50,6 +52,11 @@ em {
border-left: 2px dotted tomato;
}
.how-to {
padding-left: 1ch;
border-left: 2px dotted currentColor;
}
/* COOCKBOOK */
.cookbook {
@ -75,6 +82,7 @@ button.tag {
margin: 4px;
text-transform: capitalize;
user-select: none;
cursor: pointer;
}
.tag.active {
@ -97,7 +105,6 @@ button.tag {
background-color: #ffffff;
flex-grow: 1;
flex-basis: 55ch;
width: 55ch;
border-radius: 16px;
padding: 1ch;
}
@ -107,7 +114,9 @@ button.tag {
}
.recipe-info {
display: inline-block;
display: block;
max-width: 55ch;
border: 1px solid currentColor;
margin: 16px 0;
}
@ -120,8 +129,8 @@ button.tag {
font-style: italic;
}
.recipe .chef {
margin-top: 8px;
.chef::before {
content: "👩‍🍳 ";
}
.recipe .info {
@ -145,11 +154,6 @@ button.tag {
content: "";
}
.recipe ul,
.recipe ol {
margin: 0;
}
.intro .recipe {
margin: 16px 0;
}
@ -158,3 +162,23 @@ button.tag {
text-decoration: line-through;
opacity: 0.75;
}
#ingredients-container {
margin: 24px 0;
}
@media (max-width: 991.98px) {
.intro {
margin: 16px;
}
.cookbook {
margin: 0;
border-radius: 0;
padding: 16px;
}
li {
margin-bottom: 0.6em;
}
}

Loading…
Cancel
Save