feat(devtools): split up courses.html in preparation for the history.…

…html
kantord · Jan 15, 2022 · ab2c8bb · ab2c8bb
1 parent a6dc4d6
commit ab2c8bb
Show file tree

Hide file tree

Showing 4 changed files with 32 additions and 23 deletions.
diff --git a/apps/tools/librelingo_tools/generate.py b/apps/tools/librelingo_tools/generate.py
@@ -34,7 +34,12 @@ def generate_html(start_time, end_time, links, outdir):
     templates_dir = os.path.join(root, "templates")
     env = Environment(loader=FileSystemLoader(templates_dir), autoescape=True)
     template = env.get_template("courses.html")
-    html = template.render(start_time=start_time, end_time=end_time, links=links)
+    html = template.render(
+        start_time=start_time,
+        end_time=end_time,
+        links=links,
+        title="LibreLingo courses",
+    )
 
     with open(os.path.join(outdir, "index.html"), "w") as fh:
         fh.write(html)

diff --git a/apps/tools/librelingo_tools/templates/central/footer.html b/apps/tools/librelingo_tools/templates/central/footer.html
@@ -0,0 +1,2 @@
+  </body>
+</html>
diff --git a/apps/tools/librelingo_tools/templates/central/header.html b/apps/tools/librelingo_tools/templates/central/header.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes">
+  <head>
+    <title>{{ title }}</title>
+    <style>
+        .odd {
+            background-color: #EEEEEE;
+        }
+        .even {
+            background-color: #FFFFFF;
+        }
+        .warning {
+            background-color: #FF5555;
+        }
+    </style>
+  </head>
+  <body>
+
diff --git a/apps/tools/librelingo_tools/templates/courses.html b/apps/tools/librelingo_tools/templates/courses.html
@@ -1,23 +1,5 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="utf-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes">
-  <head>
-    <title>LibreLingo courses</title>
-    <style>
-        .odd {
-            background-color: #EEEEEE;
-        }
-        .even {
-            background-color: #FFFFFF;
-        }
-        .warning {
-            background-color: #FF5555;
-        }
-    </style>
-  </head>
-  <body>
+{% include 'central/header.html' %}
+
     <h1><a href="https://librelingo.app/">LibreLingo courses</a></h1>
     <table>
         <tr><th>Course</th><th>Target Words</th><th>Target Phrases</th><th>Source Words</th><th>Source Phrases</th></tr>
@@ -32,6 +14,5 @@ <h1><a href="https://librelingo.app/">LibreLingo courses</a></h1>
         {% endfor %}
     </table>
     <div>Generated at {{ start_time }} Elapsed time: {{ (end_time-start_time).seconds }} seconds</div>
-  </body>
-</html>
 
+{% include 'central/footer.html' %}