added version number to about screen

Author: machineinteractive

index.html

@@ -719,6 +719,7 @@
       </div>
       <div id="about" class="screen hidden">
         <h2>About</h2>
+        <h4>mfp; version: 1.0.1</h4>
         <p>
           mfp; is a PWA remix of
           <a href="https://musicforprogramming.net" target="_blank" rel="noopener noreferrer">
@@ -749,6 +750,8 @@ <h3 id="currently-playing-title" style="padding-bottom: 8px;">
         <div id="currently-playing-links" class="ibm-plex-mono-semibold-italic">
           <p>----------</p>
         </div>
+        <p><b>### EOF ###</b></p>
+
       </div>
     </main>
     <footer>

mfp-fetch-and-build.py

@@ -18,8 +18,13 @@ class Episode:
     itunes_duration: str
 
 def main():
-    episodes = []
 
+    with open("package.json", "r") as f:
+        package_data = json.load(f)
+        app_version = package_data.get("version", "0.0.0")
+        print("App Version:", app_version)
+
+    episodes = []
 
     #
     # always fetch RSS feed to get the latest episodes
@@ -126,7 +131,7 @@ def main():
     environment = Environment(loader=FileSystemLoader("templates/"), autoescape=select_autoescape())
     template = environment.get_template("index.html")
 
-    output = template.render(episodes=episodes)
+    output = template.render(app_version=app_version, episodes=episodes)
 
     with open("index.html", "w") as f:
         f.write(output)

templates/index.html

@@ -127,6 +127,7 @@
       </div>
       <div id="about" class="screen hidden">
         <h2>About</h2>
+        <h4>mfp; version: {{ app_version }}</h4>
         <p>
           mfp; is a PWA remix of
           <a href="https://musicforprogramming.net" target="_blank" rel="noopener noreferrer">
@@ -157,6 +158,8 @@ <h3 id="currently-playing-title" style="padding-bottom: 8px;">
         <div id="currently-playing-links" class="ibm-plex-mono-semibold-italic">
           <p>----------</p>
         </div>
+        <p><b>### EOF ###</b></p>
+
       </div>
     </main>
     <footer>