From f813ae5ac37a66535dc771dcc94915246cff08f6 Mon Sep 17 00:00:00 2001
From: Emi Vasilek <emi.vasilek@gmail.com>
Date: Sun, 5 Nov 2023 11:52:10 +0100
Subject: [PATCH] templates: use inheritance

---
 templates/base.html   | 11 +++++++++++
 templates/index.html  | 14 ++++----------
 templates/recipe.html | 42 ++++++++++++++++++------------------------
 3 files changed, 33 insertions(+), 34 deletions(-)
 create mode 100644 templates/base.html
diff --git a/templates/base.html b/templates/base.html
new file mode 100644
index 0000000..eb568e5
--- /dev/null
+++ b/templates/base.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <title>{% block title %}{% endblock %}</title>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/water.css@2/out/water.css">
+    <meta charset="utf-8">
+</head>
+<body>
+    {% block body %}{% endblock %}
+</body>
+</html>
\ No newline at end of file
diff --git a/templates/index.html b/templates/index.html
index 52b1116..48bd517 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -1,14 +1,8 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <title>Recipes</title>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/water.css@2/out/water.css">
-    <meta charset="utf-8"> 
-</head>
-<body>
+{% extends "base.html" %}
+{%block title%}Recipes{%endblock%}
+{%block body %}
     <h1>Recipes</h1>
     {% for recipe in recipes %}
         <li><a href="{{ recipe.outpath }}">{{ recipe.title }}</a></li>
     {% endfor %}
-</body>
-</html>
\ No newline at end of file
+{%endblock%}
\ No newline at end of file
diff --git a/templates/recipe.html b/templates/recipe.html
index 7cbc227..8a97614 100644
--- a/templates/recipe.html
+++ b/templates/recipe.html
@@ -1,3 +1,4 @@
+{% extends "base.html" %}
 {% macro ingredientpart(ing) -%}
     {{ing.amount}} {{ing.unit.name}} {{ ing.name }}
 {%- endmacro %}
@@ -9,27 +10,20 @@
         {% endfor %}
     {% endif %}
 {%- endmacro %}
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <title>{{recipe.title}}</title>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/water.css@2/out/water.css">
-    <meta charset="utf-8">
-</head>
-<body>
-    <a href="index.html">back</a>
-    <h1>{{recipe.title}}</h1>
-    {% for part in recipe.parts %}
-    <h2>{{part.title}}</h2>
-    <h3>Ingredients</h3>
-    {% for ing in part.ingredients %}
-        <li>{{ingredient(ing)}}</li>
-    {% endfor %}
-    <h3>Steps</h3>
-    {% for step in part.steps %}
-        <li>{{ step }}</li>
-    {% endfor %}
-    <hr>
-    {% endfor %}
-</body>
-</html>
\ No newline at end of file
+{%block title%}{{recipe.title}}{%endblock%}
+{%block body %}
+<a href="index.html">back</a>
+<h1>{{recipe.title}}</h1>
+{% for part in recipe.parts %}
+<h2>{{part.title}}</h2>
+<h3>Ingredients</h3>
+{% for ing in part.ingredients %}
+    <li>{{ingredient(ing)}}</li>
+{% endfor %}
+<h3>Steps</h3>
+{% for step in part.steps %}
+    <li>{{ step }}</li>
+{% endfor %}
+<hr>
+{% endfor %}
+{%endblock%}
\ No newline at end of file
