You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

146 lines
3.8 KiB
HTML

<!DOCTYPE html>
<html lang="en">
3 years ago
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="style.css" />
<script src="cms.js" defer></script>
<title>🥣 Soup Gen</title>
</head>
<body>
3 years ago
<div class="intro">
<h1>🥣 Soup Generator</h1>
<div class="description">
<p>
3 years ago
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.
3 years ago
</p>
<p>
3 years ago
<div class="how-to">
<h3>
To add a recipe:
</h3>
<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.
</li>
<li>
Run the second snippet, it will save the recipe in the Soupboat.
</li>
<li>
You added a recipe!
</li>
<li>
<b>__CONGRATS__</b>
</li>
</ol>
</div>
3 years ago
</p>
Each soup has:
</div>
<div class="recipe-info">
3 years ago
<div class="info">
<h2 class="title">Title</h2>
<div class="description">Description</div>
<div class="chef">Chef</div>
</div>
<div class="ingredients">
<h3>List of ingredients</h3>
<ul>
<li>First ingredient</li>
<li>Second ingredient</li>
<li>...</li>
</ul>
</div>
<div class="instructions">
<h3>List of instructions</h3>
<ol>
<li>First instruction</li>
<li>Second instruction</li>
<li>...</li>
</ol>
</div>
</div>
3 years ago
<!-- <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> -->
3 years ago
</div>
<div class="cookbook">
<h2>Soup Gen Cookbook</h2>
<div class="cookbook-info" id="cookbookInfo"></div>
<ul id="ingredients-container">
<button class="tag active" id="active-all" role="button">All Tags</button>
</ul>
3 years ago
<div class="recipes" id="cookbook"></div>
</div>
<div class="intro">
<div class="todo">
<ul>
3 years ago
<h3>TODO short term:</h3>
<li class="done">🔍 Ingredients list and filter!!! (like chat reader)</li>
<li>🚫 Inclusive / Exclusive filters</li>
3 years ago
<li>💬 Different types of entries for the cms: recipe, diary, ecc.</li>
<li>🎨 Design</li>
<li>💻 Receive recipe as a form ?</li>
<li>📷 Add recipe picture ?</li>
3 years ago
3 years ago
<h3>TODO long term:</h3>
3 years ago
<li>💾 Better CMS (and not just a JSON file ah ah)</li>
<li>🦥 Recipes lazy loading :P</li>
<li>📔 Web to print design</li>
<li>📃 Soup pagination</li>
<li>🐱‍🐉 Generative soups, starting from existing ingredients, and instructions, and tags</li>
</ul>
</div>
3 years ago
<ul class="questions">
3 years ago
<h3>Questions:</h3>
3 years ago
<li>
What is the best solution to receive recipes from users??? We imagine it to be
something like an HTML form that the NGNIX server could parse and then put in
the cms.json file??? or there's a better way to do it? is this dangerous???
</li>
<li>
What is the best solution to add images?? Can we upload them on the soupboat
from the form? We need to process them with something in order to reduce size?
Or just put a limit in the file upload maybe? (to avoid a server mental
breakdown)
</li>
<li>
Can we setup something like a CI/CD pipeline for deploying the Cookbook directly
from the git repo??? Maybe it could just be setting up some hooks in git to
transfer and replace the static file to the soupboat public_html/soup-gen/
folder on new commit?
</li>
<li>Or maybe we can try and use Flask?</li>
</ul>
</div>
</body>
</html>