templates/pages/home.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

{% extends "base.html" %} {% block title %} home {% endblock %} {% block heading
%}recipes{% endblock %} {% block content %}
<h3>add new recipe</h3>
<form
  hx-post="/recipes/add"
  hx-trigger="submit load"
  hx-target=".app"
  hx-swap="innerHTML"
>
  <input type="text" name="url" class="border-2 border-black" />
  <button type="submit" class="cursor-pointer">Submit</button>
</form>

<h3>search for recipes 🔎</h3>
<input
  type="text"
  hx-trigger="input"
  hx-post="/recipes/search"
  hx-target=".app"
  hx-include="#facets"
  name="q"
  class="border-2 border-black"
  id="search"
/>

{% include "/components/app.html" %} {% endblock %}