WIP...

backend/templates/base.html

@@ -17,6 +17,6 @@
         </script>
 
         {% block body_container %}{% endblock %}
-        <div class="footer-container">gburri - 2022</div>
+        <footer class="footer-container">gburri - 2022</footer>
     </body>
 </html>

backend/templates/base_with_list.html

@@ -5,12 +5,14 @@
 {% endmacro %}
 
 {% block main_container %}
-    <div class="list">
+    <nav class="list">
         <ul>
             {% for (id, title) in recipes %}
                 <li>
                     {% match current_recipe_id %}
-                        {# Don't know how to avoid repetition: comparing (using '==' or .eq()) current_recipe_id.unwrap() and id doesn't work. Guards for match don't exist.
+                        {# Don't know how to avoid
+                           repetition: comparing (using '==' or .eq()) current_recipe_id.unwrap() and id doesn't work.
+                           Guards for match don't exist.
                            See: https://github.com/djc/askama/issues/752 #}
                         {% when Some (current_id) %}
                             {% if current_id == id %}
@@ -24,7 +26,7 @@
                 </li>
             {% endfor %}
         </ul>
-    </div>
+    </nav>
     <div class="content">
         {% block content %}{% endblock %}
     </div>

backend/templates/edit_recipe.html

@@ -1,7 +1,6 @@
 {% extends "base_with_list.html" %}
 
 {% block content %}
-
 <label for="title_field">Title</label>
 <input
     id="title_field"
@@ -12,4 +11,13 @@
     autocomplete="title"
     autofocus="autofocus" />
 
+<label for="description_field">Description</label>
+<input
+    id="title_field"
+    type="text"
+    name="title"
+    value="{{ current_recipe.description }}"
+    autocapitalize="none"
+    autocomplete="title"
+    autofocus="autofocus" />
 {% endblock %}