Lets see what lighthouse says

app/main.py

@@ -57,6 +57,7 @@ class Application:
         self.app.mount("/data", CustomStaticFiles(directory="data"), name="data")
         self.app.mount("/static", CustomStaticFiles(directory="static"), name="static")
         self.app.mount("/img", CustomStaticFiles(directory="static/images"), name="img")
+        self.app.mount( "/js", CustomStaticFiles( directory = "static/js" ), name = "js" )
 
     def _include_routers(self):
         """Include all route controllers."""

data/Budget/0100_budget_indkøb_priser.md

@@ -5,7 +5,7 @@ author: Henrik Jess
 date: ons 11 dec 23:25:00 CET 2024
 summary: Fødevarer er markant billigere i Portugal med få undtagelser som bær og specialvarer.
 favorite: true
-image: images/budget2.jpg
+image: img/budget2.jpg
 category: Økonomi
 tags: [Portugal, Budget, Økonomi]
 ---

data/Kultur/0200_kultur_unikt.md

@@ -5,7 +5,7 @@ author: Henrik Jess
 date: tor 12 dec 00:20:00 CET 2024
 summary: Portugals fado-musik, historie og madkultur gør landet unikt
 favorite: false
-image: images/pic04.jpg
+image: img/pic04.jpg
 category: Kultur
 tags: [Portugal, Kultur, Fado, Musik, Historie, Mad, Monumenter]
 ---

generated_data.json

@@ -89,7 +89,7 @@
     "favorites": [
         {
             "name": "Budget - Indkøb",
-            "image": "images/budget2.jpg",
+            "image": "img/budget2.jpg",
             "description": "Fødevarer er markant billigere i Portugal med få undtagelser som bær og specialvarer.",
             "path": "Budget"
         }

templates/base_template.html

@@ -110,11 +110,11 @@
 </div> <!-- Closing wrapper div -->
 
 <!-- Scripts med defer for at undgå blokerende indlæsning -->
-<script src="/static/js/jquery.min.js" defer></script>
+<script src="/js/jquery.min.js" defer></script>
-<script src="/static/js/browser.min.js" defer></script>
+<script src="/js/browser.min.js" defer></script>
-<script src="/static/js/breakpoints.min.js" defer></script>
+<script src="/js/breakpoints.min.js" defer></script>
-<script src="/static/js/util.js" defer></script>
+<script src="/js/util.js" defer></script>
-<script src="/static/js/main.js" defer></script>
+<script src="/js/main.js" defer></script>
-<script src="/static/js/modal_handler.js?v={{ timestamp }}" defer></script>
+<script src="/js/modal_handler.js?v={{ timestamp }}" defer></script>
 </body>
 </html>

templates/navigation.html

@@ -26,7 +26,7 @@
         {% for favorite in data.favorites %}
         <article>
             <a href="/category/{{  favorite.path }}" class="image">
-                <img src="/static/{{favorite.image}}" alt="{{ favorite.name }}" height=300 width=40/>
+                <img src="{{favorite.image}}" alt="{{ favorite.name }}" height=300 width=40/>
             </a>
             <p><b>{{ favorite.path }}</b>: {{ favorite.description }}</p>
         </article>