Add Doris Kitchen household recipe app
This commit is contained in:
28
home/doris-kitchen/app/templates/search.html
Normal file
28
home/doris-kitchen/app/templates/search.html
Normal file
@@ -0,0 +1,28 @@
|
||||
{% extends 'base.html' %}
|
||||
{% block content %}
|
||||
<section class="card search-card">
|
||||
<div class="section-heading">
|
||||
<div>
|
||||
<p class="section-label">Recipe search</p>
|
||||
<h2>Tell Doris what sort of dinner you want</h2>
|
||||
</div>
|
||||
</div>
|
||||
<form id="search-form" class="stack-form">
|
||||
<label>Search request
|
||||
<textarea id="search-query" rows="3" placeholder="Asian inspired using ground beef with potatoes"></textarea>
|
||||
</label>
|
||||
<button type="submit">Find recipe suggestions</button>
|
||||
</form>
|
||||
</section>
|
||||
|
||||
<section class="card">
|
||||
<div class="section-heading">
|
||||
<div>
|
||||
<p class="section-label">Results</p>
|
||||
<h2>Candidate recipes</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div id="search-results" class="suggestion-grid muted">Search for something to load recipe cards.</div>
|
||||
</section>
|
||||
{% endblock %}
|
||||
|
||||
Reference in New Issue
Block a user