instructions

master
erica-garga 3 years ago
parent 3a43d8380a
commit 17b27cf1af

@ -32,7 +32,7 @@
"ingredients = [ingredient.strip() for ingredient in input().split(',')]\n", "ingredients = [ingredient.strip() for ingredient in input().split(',')]\n",
"\n", "\n",
"\n", "\n",
"print(\"Which passages do you follow to cook the recipe? Please write them separated by a comma\")\n", "print(\"Which steps do you need to follow to cook the recipe? Please write them separated by a comma\")\n",
"instructions = [instruction.strip() for instruction in input().split(',')]\n" "instructions = [instruction.strip() for instruction in input().split(',')]\n"
] ]
}, },
@ -71,8 +71,7 @@
"\n", "\n",
"with open('cms.json','w') as file:\n", "with open('cms.json','w') as file:\n",
" file.write(json.dumps(cms))\n", " file.write(json.dumps(cms))\n",
" \n", " print('Thank you for your contribuition')\n"
"print(json.dumps(cms))\n"
] ]
}, },
{ {

@ -1,36 +1,66 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head>
<head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="style.css" /> <link rel="stylesheet" href="style.css" />
<script src="cms.js" defer></script> <script src="cms.js" defer></script>
<title>🥣 Soup Gen</title> <title>🥣 Soup Gen</title>
</head> </head>
<body>
<body>
<div class="cookbook">
<h2>Soup Gen Cookbook</h2>
<div class="cookbook-info" id="cookbookInfo"></div>
<div class="recipes" id="cookbook"></div>
</div>
<div class="intro"> <div class="intro">
<h1>🥣 Soup Generator</h1>
<div class="description"> <div class="description">
<h1>Soup Generator</h1> <p>
each soup has: 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.
</p>
<p>
To add a recipe:
<ol>
<li>
Enter your Jupiter, and go to <code>~/shared/html/soup-gen/</code>
</li>
<li>
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.
</li>
<li>
Run the second snippet, it will save the recipe in the Soupboat.
</li>
<li>
You added a recipe!
</li>
<li>
__CONGRATS__
</li>
</ol>
</p>
Each soup has:
</div> </div>
<div class="recipe"> <div class="recipe">
<div class="info"> <div class="info">
<h2 class="title">Title [string]</h2> <h2 class="title">Title</h2>
<div class="description">Description [string]</div> <div class="description">Description</div>
<div class="chef">Chef [string]</div> <div class="chef">Chef</div>
</div> </div>
<div class="ingredients"> <div class="ingredients">
<h3>List of ingredients [array of strings]</h3> <h3>List of ingredients</h3>
<ul> <ul>
<li>First ingredient</li> <li>First ingredient</li>
<li>Second ingredient</li> <li>Second ingredient</li>
@ -38,7 +68,7 @@
</ul> </ul>
</div> </div>
<div class="instructions"> <div class="instructions">
<h3>List of instructions [array of strings]</h3> <h3>List of instructions</h3>
<ol> <ol>
<li>First instruction</li> <li>First instruction</li>
<li>Second instruction</li> <li>Second instruction</li>
@ -46,7 +76,15 @@
</ol> </ol>
</div> </div>
</div> </div>
</div>
<div class="cookbook">
<h2>Soup Gen Cookbook</h2>
<div class="cookbook-info" id="cookbookInfo"></div>
<div class="recipes" id="cookbook"></div>
</div>
<div class="intro">
<div class="todo"> <div class="todo">
<ul> <ul>
<em>TODO short term:</em> <em>TODO short term:</em>
@ -61,6 +99,7 @@
<li>🦥 Recipes lazy loading :P</li> <li>🦥 Recipes lazy loading :P</li>
<li>📔 Web to print design</li> <li>📔 Web to print design</li>
<li>📃 Soup pagination</li> <li>📃 Soup pagination</li>
<li>🐱‍🐉 Generative soups, starting from existing ingredients, and instructions, and tags</li>
</ul> </ul>
</div> </div>
@ -86,5 +125,8 @@
<li>Or maybe we can try and use Flask?</li> <li>Or maybe we can try and use Flask?</li>
</ul> </ul>
</div> </div>
</body>
</body>
</html> </html>

@ -6,13 +6,15 @@ body {
.intro { .intro {
margin: 32px; margin: 32px;
max-width: 800px; max-width: 1000px;
} }
.intro .recipe { .intro .recipe {
border: 1px solid currentColor; border: 1px solid currentColor;
} }
h1, h1,
h2, h2,
h3 { h3 {

Loading…
Cancel
Save