Sync

app/main.py

@@ -40,9 +40,12 @@ class Application:
         category_controller = CategoryController()
         dynamic_controller = DynamicController( "./data" )
 
+
         self.app.include_router( category_controller.router )
         self.app.include_router( dynamic_controller.router )
 
+
+
     def get_app(self):
         """Return the FastAPI app instance."""
         return self.app

data/Kultur/0200_kultur_unikt.md

@@ -33,6 +33,11 @@ Kunst og kultur går hånd i hånd i Portugal. Byer som **Porto** og **Lissabon*
 
 Portugal formår at kombinere historie, musik og mad med en afslappet livsstil. Det er en kultur, der er lige så rig på oplevelser, som den er på sjæl.  
 
+<h1 style="text-align: center;">FastAPI + Sass Image Carousel</h1>
+
+
+   
+
 
 ### Slider test
     {{ slider(options={"width": 500, "height": 375}, images=[
@@ -41,3 +46,4 @@ Portugal formår at kombinere historie, musik og mad med en afslappet livsstil.
         "https://picsum.photos/id/72/500/375",
         "https://picsum.photos/id/94/500/375"
     ]) }}
+

data/Kultur/index.html

@@ -57,6 +57,8 @@
 <h3>En levende kunstscene</h3>
 <p>Kunst og kultur går hånd i hånd i Portugal. Byer som <strong>Porto</strong> og <strong>Lissabon</strong> er fyldt med street art, museer og gallerier, der udtrykker både moderne og traditionel portugisisk kunst.</p>
 <p>Portugal formår at kombinere historie, musik og mad med en afslappet livsstil. Det er en kultur, der er lige så rig på oplevelser, som den er på sjæl.  </p>
+<h1 style="text-align: center;">FastAPI + Sass Image Carousel</h1>
+
 <h3>Slider test</h3>
 <pre><code>
     <main>

generated_data.json

@@ -6,17 +6,17 @@
             "author": "Henrik Jess"
         },
         {
-            "name": "Populære områder i Portugal",
+            "name": "Bolig i Portugal",
             "path": "Bolig",
             "author": "Henrik Jess"
         },
         {
-            "name": "Supermarkedssammenligning",
+            "name": "El- og vandregninger i Portugal: Sådan påvirker de leveomkostningerne",
             "path": "Budget",
             "author": "Henrik Jess"
         },
         {
-            "name": "Flytte permanent til Portugal",
+            "name": "Permanent ophold i Portugal",
             "path": "Flytning",
             "author": "Henrik Jess"
         },
@@ -36,7 +36,7 @@
             "author": "Henrik Jess"
         },
         {
-            "name": "Priser på mad og dagligvarer i Portugal",
+            "name": "Omkostninger ved at bo i Portugal vs Danmark",
             "path": "Hverdag",
             "author": "Henrik Jess"
         },
@@ -46,12 +46,12 @@
             "author": "Henrik Jess"
         },
         {
-            "name": "Nattelivet i Portugal",
+            "name": "Portugals unikke kultur",
             "path": "Kultur",
             "author": "Henrik Jess"
         },
         {
-            "name": "Portugiserne som mennesker",
+            "name": "Livskvalitet i Portugal",
             "path": "Livskvalitet",
             "author": "Henrik Jess"
         },
@@ -81,7 +81,7 @@
             "author": "Henrik Jess"
         },
         {
-            "name": "Fordele ved offentlig transport i Portugal",
+            "name": "Er transport billigere i Portugal?",
             "path": "Transport",
             "author": "Henrik Jess"
         }

static/css/carousel.css

@@ -0,0 +1,39 @@
+.carousel-container {
+    position: relative;
+    max-width: 600px;
+    margin: auto;
+    overflow: hidden;
+    text-align: center;
+}
+
+.carousel-slide img {
+    width: 100%;
+    height: auto;
+    display: block;
+}
+
+.capa {
+    position: absolute;
+    bottom: 10px;
+    left: 10px;
+    background-color: rgba(0, 0, 0, 0.5);
+    color: white;
+    padding: 5px 10px;
+    border-radius: 5px;
+}
+
+.nav-button {
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+    background-color: rgba(0, 0, 0, 0.5);
+    color: white;
+    border: none;
+    padding: 10px;
+    font-size: 18px;
+    cursor: pointer;
+    z-index: 1000;
+}
+
+.nav-left { left: 10px; }
+.nav-right { right: 10px; }

templates/base_template.html

@@ -3,7 +3,7 @@
 <head>
     <title>{% block title %}PortugalFAQ{% endblock %}</title>
     <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
+    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
     <link rel="stylesheet" href="/static/css/main.css">
 </head>
 <body class="is-preload">
@@ -38,11 +38,13 @@
     </div>
 </div>
 
+
 <!-- Scripts -->
 <script src="/static/js/jquery.min.js"></script>
 <script src="/static/js/browser.min.js"></script>
 <script src="/static/js/breakpoints.min.js"></script>
 <script src="/static/js/util.js"></script>
 <script src="/static/js/main.js"></script>
+
 </body>
 </html>