|
|
|
@ -6,10 +6,16 @@
|
|
|
|
<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>🥣</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">
|
|
|
|
<div class="description">
|
|
|
|
<div class="description">
|
|
|
|
<h1>Soup Generator</h1>
|
|
|
|
<h1>Soup Generator</h1>
|
|
|
|
@ -18,23 +24,25 @@
|
|
|
|
|
|
|
|
|
|
|
|
<div class="recipe">
|
|
|
|
<div class="recipe">
|
|
|
|
<div class="info">
|
|
|
|
<div class="info">
|
|
|
|
<h2 class="title">A. Title [string]</h2>
|
|
|
|
<h2 class="title">Title [string]</h2>
|
|
|
|
<div class="description">B. Description [string]</div>
|
|
|
|
<div class="description">Description [string]</div>
|
|
|
|
<div class="chef">C. Chef [string]</div>
|
|
|
|
<div class="chef">Chef [string]</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="ingredients">
|
|
|
|
<div class="ingredients">
|
|
|
|
<h3>D. List of ingredients [array of strings]</h3>
|
|
|
|
<h3>List of ingredients [array of strings]</h3>
|
|
|
|
<ul>
|
|
|
|
<ul>
|
|
|
|
<li>First ingredient</li>
|
|
|
|
<li>First ingredient</li>
|
|
|
|
<li>Second ingredient</li>
|
|
|
|
<li>Second ingredient</li>
|
|
|
|
|
|
|
|
<li>...</li>
|
|
|
|
</ul>
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="instructions">
|
|
|
|
<div class="instructions">
|
|
|
|
<h3>E. List of instructions [array of strings]</h3>
|
|
|
|
<h3>List of instructions [array of strings]</h3>
|
|
|
|
<ol>
|
|
|
|
<ol>
|
|
|
|
<li>First instruction</li>
|
|
|
|
<li>First instruction</li>
|
|
|
|
<li>Second instruction</li>
|
|
|
|
<li>Second instruction</li>
|
|
|
|
|
|
|
|
<li>...</li>
|
|
|
|
</ol>
|
|
|
|
</ol>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
@ -56,13 +64,26 @@
|
|
|
|
</ul>
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
Ask to Michael: what is the best solution to add images??
|
|
|
|
<ul class="questions">
|
|
|
|
</div>
|
|
|
|
<em>Questions:</em>
|
|
|
|
|
|
|
|
<li>
|
|
|
|
<div class="cookbook">
|
|
|
|
What is the best solution to receive recipes from users??? We imagine it to be
|
|
|
|
<h2>Soup Gen Cookbook</h2>
|
|
|
|
something like an HTML form that the NGNIX server could parse and then put in
|
|
|
|
<div class="cookbook-info" id="cookbookInfo"></div>
|
|
|
|
the cms.json file??? or there's a better way to do it? is this dangerous???
|
|
|
|
<div class="recipes" id="cookbook"></div>
|
|
|
|
</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>
|
|
|
|
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</body>
|
|
|
|
</body>
|
|
|
|
</html>
|
|
|
|
</html>
|
|
|
|
|
