From ee24a71e14c30673ef65d420633b3cd05bcec142 Mon Sep 17 00:00:00 2001
From: Tilman <tliero@gmx.net>
Date: Fri, 30 Jun 2023 13:35:01 +0200
Subject: [PATCH] commit

---
 index.twig | 82 +++++++++++++++---------------------------------------
 1 file changed, 22 insertions(+), 60 deletions(-)

diff --git a/index.twig b/index.twig
index b2e0b19..908ade5 100644
--- a/index.twig
+++ b/index.twig
@@ -91,63 +91,7 @@
         <!-- Podcast -->
         <div class="container col-xxl-8 px-4 py-5 my-5" id="podcast">
             <h1 class="text-center mt-5">Als Podcast</h1>
-            <div class="row">
-                <div class="col-sm-6">
-                    <div class="card text-center" style="width: 18rem">
-                      <div class="card-body">
-                        <h5 class="card-title">Thema</h5>
-                        <p class="card-text">Beschreibung vom tollen Podcast</p>
-                        <a href="#" class="btn btn-primary">Download</a>
-                      </div>
-                    </div>
-                </div>
-                <div class="col-sm-6">
-                    <div class="card text-center" style="width: 18rem">
-                      <div class="card-body">
-                        <h5 class="card-title">Thema</h5>
-                        <p class="card-text">Beschreibung vom tollen Podcast</p>
-                        <a href="#" class="btn btn-primary">Download</a>
-                      </div>
-                    </div>
-                </div>
-                <div class="col-sm-6">
-                    <div class="card text-center" style="width: 18rem">
-                      <div class="card-body">
-                        <h5 class="card-title">Thema</h5>
-                        <p class="card-text">Beschreibung vom tollen Podcast</p>
-                        <a href="#" class="btn btn-primary">Download</a>
-                      </div>
-                    </div>
-                </div>
-            </div>
-            <div class="row">
-                <div class="col-sm-6">
-                    <div class="card text-center" style="width: 18rem">
-                      <div class="card-body">
-                        <h5 class="card-title">Thema</h5>
-                        <p class="card-text">Beschreibung vom tollen Podcast</p>
-                        <a href="#" class="btn btn-primary">Download</a>
-                      </div>
-                    </div>
-                </div>
-                <div class="col-sm-6">
-                    <div class="card text-center" style="width: 18rem">
-                      <div class="card-body">
-                        <h5 class="card-title">Thema</h5>
-                        <p class="card-text">Beschreibung vom tollen Podcast</p>
-                        <a href="#" class="btn btn-primary">Download</a>
-                      </div>
-                    </div>
-                </div>
-                <div class="col-sm-6">
-                    <div class="card text-center" style="width: 18rem">
-                      <div class="card-body">
-                        <h5 class="card-title">Thema</h5>
-                        <p class="card-text">Beschreibung vom tollen Podcast</p>
-                        <a href="#" class="btn btn-primary">Download</a>
-                      </div>
-                    </div>
-                </div>
+            <div class="row" id="podcast-list">
             </div>
         </div>
         
@@ -250,18 +194,36 @@
                         return;
                     }
                     
+                    
+/*<!--
+    <div class="col-sm-12 col-lg-6 col-xl-4 my-2">
+        <div class="card">
+          <div class="card-body">
+            <h5 class="card-title">Thema</h5>
+            <p class="card-text">Beschreibung vom tollen Podcast</p>
+            <div class="text-center">
+                <a href="#" class="btn btn-primary">Download</a>
+            </div>
+          </div>
+        </div>
+    </div>
+-->*/
+                    
                     response.text().then(function(data) {
                         //console.log(data);
                         
-                        const podcastDiv = document.getElementById("podcast");
+                        const podcastDiv = document.getElementById("podcast-list");
                         
                         var lines = data.split('\n');
                         for(var i = 0;i < lines.length;i++){
                             var podcastInfo = lines[i].split(';');
                             const podcastTitle = document.createTextNode(podcastInfo[0]);
                             
-                            const node = document.createElement("p");
-                            node.appendChild(podcastTitle);
+                            const node = document.createElement('div');
+                            node.classList.add('col-sm-12', 'col-lg-6', 'col-xl-4', 'my-2');
+                            node.innerHtml = '<div class="card"><div class="card-body"><h5 class="card-title">Thema</h5><p class="card-text">Beschreibung vom tollen Podcast</p><div class="text-center"><a href="#" class="btn btn-primary">Download</a></div></div></div>';
+                            
+                            //node.appendChild(podcastTitle);
                             podcastDiv.appendChild(node);
                         }