new stories

Readme.md

@@ -1,5 +1,5 @@
 # Bible Stories
-
+Bible stories is an idea, based on ``black stories``. 
 This is a simple Flask application that can be run in a Docker container.
 
 ## Prerequisites

app.py

@@ -22,8 +22,33 @@ stories = [
     {
         'image': 'story4.png',
         'title': 'Ooit was ik groot en blij. Nu is het onrustig met mij in de wei',
-        'answer': 'Nebukadnezar. In Daniël 4:30 wordt Nebukadnezar de koning van Babel genoemd. Hij was de koning die een tijd als een beest leefde.'
-    }
+        'answer': 'Nebukadnezar. In Daniël 4:30 wordt Nebukadnezar de koning van Babel genoemd. Hij was de koning die een tijd(7 jaar) als een beest leefde.'
+    },
+    {
+        'image': 'story5.jpeg',
+        'title': 'Het is goed voor een mens om geen vrouw aan te raken.',
+        'answer': '1 Korinthe 7 vers 1. Paulus vind het beter als een mens geen vrouwen aanraakt.'
+    },
+    {
+        'image': 'story6.jpeg',
+        'title': 'Verzuchtend en verdwaast zocht hij buiten naar wat extra tijd voor zijn uurwerk.',
+        'answer': 'Een Egyptenaar die die zijn zandloper bijfult ten tijde van Hizkia;s langere dag. Jesaja 38:8'
+    },
+    {
+        'image': 'story7.jpeg',
+        'title': 'Ik gebruikte mijn vrouw zijn om niet te hoeven staan.',
+        'answer': 'Genesis 31:35: Rachel verstopte de afgoden van haar vader Laban onder haar zitvlak en zei dat ze niet kon opstaan omdat ze ongesteld was.'
+    },
+    {
+        'image': 'story8.jpeg',
+        'title': 'Deze droom is een natuurkundig fenomeen geworden.',
+        'answer': "De jacob's ladder. Genesis 28:12. Je kunt een jacob's ladder maken met een hoogspanningsbron en twee metalen staven."
+    },
+    # {
+    #     'image': 'story9.jpeg',
+    #     'title': 'Ik kon harder rennen dan de koning',
+    #     'answer': "Elia. 1 Koningen 18:46. Elia rende voor de regen uit en kwam eerder aan in Jizreël dan de koning."
+    # },
 ]
 
 @app.route('/')

templates/index.html

@@ -7,6 +7,7 @@
     <style>
         body {
             background-color: #333; /* Dark grey background */
+            font-size: 18px; /* Set the font size */
         }
     </style>
 </head>
@@ -16,7 +17,7 @@
             <div class="card mt-5">
                 <img src="{{ url_for('static', filename=story.image) }}" class="card-img-top" alt="{{ story.title }}">
                 <div class="card-body text-center"> <!-- Add text-center class here -->
-                    <h5 class="card-title">{{ story.title }}</h5>
+                    <h1 class="card-title">{{ story.title }}</h1>
                     <!-- Collapsible answer -->
                     <a class="btn btn-primary" data-toggle="collapse" href="#answer" role="button" aria-expanded="false" aria-controls="answer">
                         Show/Hide Answer