|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
<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>🥣</title>
|
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
<body>
|
|
|
|
|
<div class="intro">
|
|
|
|
|
<div class="description">
|
|
|
|
|
<h1>Soup Generator</h1>
|
|
|
|
|
each soup has:
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="recipe">
|
|
|
|
|
<div class="info">
|
|
|
|
|
<h2 class="title">A. Title [string]</h2>
|
|
|
|
|
<div class="description">B. Description [string]</div>
|
|
|
|
|
<div class="chef">C. Chef [string]</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="ingredients">
|
|
|
|
|
<h3>D. List of ingredients [array of strings]</h3>
|
|
|
|
|
<ul>
|
|
|
|
|
<li>First ingredient</li>
|
|
|
|
|
<li>Second ingredient</li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="instructions">
|
|
|
|
|
<h3>E. List of instructions [array of strings]</h3>
|
|
|
|
|
<ol>
|
|
|
|
|
<li>First instruction</li>
|
|
|
|
|
<li>Second instruction</li>
|
|
|
|
|
</ol>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="todo">
|
|
|
|
|
<ul>
|
|
|
|
|
<em>TODO short term:</em>
|
|
|
|
|
<li>💻 Receive recipe as a form ?</li>
|
|
|
|
|
<li>🔍 Ingredients list and filter!!! (like chat reader)</li>
|
|
|
|
|
<li>💬 Different types of entries for the cms: recipe, diary, ecc.</li>
|
|
|
|
|
<li>📷 Add recipe picture ?</li>
|
|
|
|
|
<li>🎨 Design</li>
|
|
|
|
|
|
|
|
|
|
<em>TODO long term:</em>
|
|
|
|
|
<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>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
Ask to Michael: what is the best solution to add images??
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="cookbook">
|
|
|
|
|
<h2>Soup Gen Cookbook</h2>
|
|
|
|
|
<div class="cookbook-info" id="cookbookInfo"></div>
|
|
|
|
|
<div class="recipes" id="cookbook"></div>
|
|
|
|
|
</div>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
