finished app

backend/database/recipes/Pizza.txt

@@ -1,5 +1,3 @@
-# Pizza
-
 ## Zutaten
 
 ### Teig für 3 Pizzen

backend/database/recipes/test.txt

@@ -0,0 +1 @@
+## 124

backend/views/index.ejs

@@ -27,7 +27,7 @@
       <section id="recipes" class="recipes-list">
         <% recipes.forEach(recipe => { %>
         <div class="recipe-card">
-          <h2><%= recipe.title %></h2>
+          <h1><%= recipe.title %></h1>
           <div class="markdown"><%- recipe.content %></div>
         </div>
         <% }) %>
@@ -37,6 +37,33 @@
 </html>
 
 <style>
+  .markdown ul {
+    padding-left: 1.5rem;
+    list-style-type: disc;
+    margin: 0.5em 0;
+  }
+
+  .markdown ol {
+    padding-left: 1.5rem;
+    list-style-type: decimal;
+    margin: 0.5em 0;
+  }
+
+  .markdown li {
+    margin-bottom: 0.25em;
+  }
+
+  /*Markdown style*/
+  .markdown h1 {
+    font-size: 1.5rem;
+    margin-bottom: 0.5rem;
+  }
+  .markdown pre {
+    background: #f4f4f4;
+    padding: 10px;
+    border-radius: 5px;
+  }
+
   /* System Font */
   html {
     font-family: -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI",