diff --git a/.slugignore b/.slugignore
index e3dd694..bbbbfa1 100644
--- a/.slugignore
+++ b/.slugignore
@@ -1 +1,2 @@
-/static/bootstrap
\ No newline at end of file
+/static/css/bootstrap
+*.scss
\ No newline at end of file
diff --git a/app.py b/app.py
index 3e102d5..14a8d70 100644
--- a/app.py
+++ b/app.py
@@ -26,6 +26,7 @@ db.init_app(app)
 @app.route("/")
 def index():
     posts = Post.get_posts()
+    print(posts[0].title)
     return render_template("main/index.html", posts=posts)
 
 
diff --git a/static/bootstrap.min.css b/static/css/bootstrap.min.css
similarity index 100%
rename from static/bootstrap.min.css
rename to static/css/bootstrap.min.css
diff --git a/static/bootstrap.scss b/static/css/bootstrap.scss
similarity index 100%
rename from static/bootstrap.scss
rename to static/css/bootstrap.scss
diff --git a/static/bootstrap/_alert.scss b/static/css/bootstrap/_alert.scss
similarity index 100%
rename from static/bootstrap/_alert.scss
rename to static/css/bootstrap/_alert.scss
diff --git a/static/bootstrap/_badge.scss b/static/css/bootstrap/_badge.scss
similarity index 100%
rename from static/bootstrap/_badge.scss
rename to static/css/bootstrap/_badge.scss
diff --git a/static/bootstrap/_breadcrumb.scss b/static/css/bootstrap/_breadcrumb.scss
similarity index 100%
rename from static/bootstrap/_breadcrumb.scss
rename to static/css/bootstrap/_breadcrumb.scss
diff --git a/static/bootstrap/_button-group.scss b/static/css/bootstrap/_button-group.scss
similarity index 100%
rename from static/bootstrap/_button-group.scss
rename to static/css/bootstrap/_button-group.scss
diff --git a/static/bootstrap/_buttons.scss b/static/css/bootstrap/_buttons.scss
similarity index 100%
rename from static/bootstrap/_buttons.scss
rename to static/css/bootstrap/_buttons.scss
diff --git a/static/bootstrap/_card.scss b/static/css/bootstrap/_card.scss
similarity index 100%
rename from static/bootstrap/_card.scss
rename to static/css/bootstrap/_card.scss
diff --git a/static/bootstrap/_carousel.scss b/static/css/bootstrap/_carousel.scss
similarity index 100%
rename from static/bootstrap/_carousel.scss
rename to static/css/bootstrap/_carousel.scss
diff --git a/static/bootstrap/_close.scss b/static/css/bootstrap/_close.scss
similarity index 100%
rename from static/bootstrap/_close.scss
rename to static/css/bootstrap/_close.scss
diff --git a/static/bootstrap/_code.scss b/static/css/bootstrap/_code.scss
similarity index 100%
rename from static/bootstrap/_code.scss
rename to static/css/bootstrap/_code.scss
diff --git a/static/bootstrap/_custom-forms.scss b/static/css/bootstrap/_custom-forms.scss
similarity index 100%
rename from static/bootstrap/_custom-forms.scss
rename to static/css/bootstrap/_custom-forms.scss
diff --git a/static/bootstrap/_dropdown.scss b/static/css/bootstrap/_dropdown.scss
similarity index 100%
rename from static/bootstrap/_dropdown.scss
rename to static/css/bootstrap/_dropdown.scss
diff --git a/static/bootstrap/_forms.scss b/static/css/bootstrap/_forms.scss
similarity index 100%
rename from static/bootstrap/_forms.scss
rename to static/css/bootstrap/_forms.scss
diff --git a/static/bootstrap/_functions.scss b/static/css/bootstrap/_functions.scss
similarity index 100%
rename from static/bootstrap/_functions.scss
rename to static/css/bootstrap/_functions.scss
diff --git a/static/bootstrap/_grid.scss b/static/css/bootstrap/_grid.scss
similarity index 100%
rename from static/bootstrap/_grid.scss
rename to static/css/bootstrap/_grid.scss
diff --git a/static/bootstrap/_images.scss b/static/css/bootstrap/_images.scss
similarity index 100%
rename from static/bootstrap/_images.scss
rename to static/css/bootstrap/_images.scss
diff --git a/static/bootstrap/_input-group.scss b/static/css/bootstrap/_input-group.scss
similarity index 100%
rename from static/bootstrap/_input-group.scss
rename to static/css/bootstrap/_input-group.scss
diff --git a/static/bootstrap/_jumbotron.scss b/static/css/bootstrap/_jumbotron.scss
similarity index 100%
rename from static/bootstrap/_jumbotron.scss
rename to static/css/bootstrap/_jumbotron.scss
diff --git a/static/bootstrap/_list-group.scss b/static/css/bootstrap/_list-group.scss
similarity index 100%
rename from static/bootstrap/_list-group.scss
rename to static/css/bootstrap/_list-group.scss
diff --git a/static/bootstrap/_media.scss b/static/css/bootstrap/_media.scss
similarity index 100%
rename from static/bootstrap/_media.scss
rename to static/css/bootstrap/_media.scss
diff --git a/static/bootstrap/_mixins.scss b/static/css/bootstrap/_mixins.scss
similarity index 100%
rename from static/bootstrap/_mixins.scss
rename to static/css/bootstrap/_mixins.scss
diff --git a/static/bootstrap/_modal.scss b/static/css/bootstrap/_modal.scss
similarity index 100%
rename from static/bootstrap/_modal.scss
rename to static/css/bootstrap/_modal.scss
diff --git a/static/bootstrap/_nav.scss b/static/css/bootstrap/_nav.scss
similarity index 100%
rename from static/bootstrap/_nav.scss
rename to static/css/bootstrap/_nav.scss
diff --git a/static/bootstrap/_navbar.scss b/static/css/bootstrap/_navbar.scss
similarity index 100%
rename from static/bootstrap/_navbar.scss
rename to static/css/bootstrap/_navbar.scss
diff --git a/static/bootstrap/_pagination.scss b/static/css/bootstrap/_pagination.scss
similarity index 100%
rename from static/bootstrap/_pagination.scss
rename to static/css/bootstrap/_pagination.scss
diff --git a/static/bootstrap/_popover.scss b/static/css/bootstrap/_popover.scss
similarity index 100%
rename from static/bootstrap/_popover.scss
rename to static/css/bootstrap/_popover.scss
diff --git a/static/bootstrap/_print.scss b/static/css/bootstrap/_print.scss
similarity index 100%
rename from static/bootstrap/_print.scss
rename to static/css/bootstrap/_print.scss
diff --git a/static/bootstrap/_progress.scss b/static/css/bootstrap/_progress.scss
similarity index 100%
rename from static/bootstrap/_progress.scss
rename to static/css/bootstrap/_progress.scss
diff --git a/static/bootstrap/_reboot.scss b/static/css/bootstrap/_reboot.scss
similarity index 100%
rename from static/bootstrap/_reboot.scss
rename to static/css/bootstrap/_reboot.scss
diff --git a/static/bootstrap/_root.scss b/static/css/bootstrap/_root.scss
similarity index 100%
rename from static/bootstrap/_root.scss
rename to static/css/bootstrap/_root.scss
diff --git a/static/bootstrap/_spinners.scss b/static/css/bootstrap/_spinners.scss
similarity index 100%
rename from static/bootstrap/_spinners.scss
rename to static/css/bootstrap/_spinners.scss
diff --git a/static/bootstrap/_tables.scss b/static/css/bootstrap/_tables.scss
similarity index 100%
rename from static/bootstrap/_tables.scss
rename to static/css/bootstrap/_tables.scss
diff --git a/static/bootstrap/_toasts.scss b/static/css/bootstrap/_toasts.scss
similarity index 100%
rename from static/bootstrap/_toasts.scss
rename to static/css/bootstrap/_toasts.scss
diff --git a/static/bootstrap/_tooltip.scss b/static/css/bootstrap/_tooltip.scss
similarity index 100%
rename from static/bootstrap/_tooltip.scss
rename to static/css/bootstrap/_tooltip.scss
diff --git a/static/bootstrap/_transitions.scss b/static/css/bootstrap/_transitions.scss
similarity index 100%
rename from static/bootstrap/_transitions.scss
rename to static/css/bootstrap/_transitions.scss
diff --git a/static/bootstrap/_type.scss b/static/css/bootstrap/_type.scss
similarity index 100%
rename from static/bootstrap/_type.scss
rename to static/css/bootstrap/_type.scss
diff --git a/static/bootstrap/_utilities.scss b/static/css/bootstrap/_utilities.scss
similarity index 100%
rename from static/bootstrap/_utilities.scss
rename to static/css/bootstrap/_utilities.scss
diff --git a/static/bootstrap/_variables.scss b/static/css/bootstrap/_variables.scss
similarity index 100%
rename from static/bootstrap/_variables.scss
rename to static/css/bootstrap/_variables.scss
diff --git a/static/bootstrap/bootstrap.css b/static/css/bootstrap/bootstrap.css
similarity index 100%
rename from static/bootstrap/bootstrap.css
rename to static/css/bootstrap/bootstrap.css
diff --git a/static/bootstrap/bootstrap.scss b/static/css/bootstrap/bootstrap.scss
similarity index 100%
rename from static/bootstrap/bootstrap.scss
rename to static/css/bootstrap/bootstrap.scss
diff --git a/static/bootstrap/mixins/_alert.scss b/static/css/bootstrap/mixins/_alert.scss
similarity index 100%
rename from static/bootstrap/mixins/_alert.scss
rename to static/css/bootstrap/mixins/_alert.scss
diff --git a/static/bootstrap/mixins/_background-variant.scss b/static/css/bootstrap/mixins/_background-variant.scss
similarity index 100%
rename from static/bootstrap/mixins/_background-variant.scss
rename to static/css/bootstrap/mixins/_background-variant.scss
diff --git a/static/bootstrap/mixins/_badge.scss b/static/css/bootstrap/mixins/_badge.scss
similarity index 100%
rename from static/bootstrap/mixins/_badge.scss
rename to static/css/bootstrap/mixins/_badge.scss
diff --git a/static/bootstrap/mixins/_border-radius.scss b/static/css/bootstrap/mixins/_border-radius.scss
similarity index 100%
rename from static/bootstrap/mixins/_border-radius.scss
rename to static/css/bootstrap/mixins/_border-radius.scss
diff --git a/static/bootstrap/mixins/_box-shadow.scss b/static/css/bootstrap/mixins/_box-shadow.scss
similarity index 100%
rename from static/bootstrap/mixins/_box-shadow.scss
rename to static/css/bootstrap/mixins/_box-shadow.scss
diff --git a/static/bootstrap/mixins/_breakpoints.scss b/static/css/bootstrap/mixins/_breakpoints.scss
similarity index 100%
rename from static/bootstrap/mixins/_breakpoints.scss
rename to static/css/bootstrap/mixins/_breakpoints.scss
diff --git a/static/bootstrap/mixins/_buttons.scss b/static/css/bootstrap/mixins/_buttons.scss
similarity index 100%
rename from static/bootstrap/mixins/_buttons.scss
rename to static/css/bootstrap/mixins/_buttons.scss
diff --git a/static/bootstrap/mixins/_caret.scss b/static/css/bootstrap/mixins/_caret.scss
similarity index 100%
rename from static/bootstrap/mixins/_caret.scss
rename to static/css/bootstrap/mixins/_caret.scss
diff --git a/static/bootstrap/mixins/_clearfix.scss b/static/css/bootstrap/mixins/_clearfix.scss
similarity index 100%
rename from static/bootstrap/mixins/_clearfix.scss
rename to static/css/bootstrap/mixins/_clearfix.scss
diff --git a/static/bootstrap/mixins/_deprecate.scss b/static/css/bootstrap/mixins/_deprecate.scss
similarity index 100%
rename from static/bootstrap/mixins/_deprecate.scss
rename to static/css/bootstrap/mixins/_deprecate.scss
diff --git a/static/bootstrap/mixins/_float.scss b/static/css/bootstrap/mixins/_float.scss
similarity index 100%
rename from static/bootstrap/mixins/_float.scss
rename to static/css/bootstrap/mixins/_float.scss
diff --git a/static/bootstrap/mixins/_forms.scss b/static/css/bootstrap/mixins/_forms.scss
similarity index 100%
rename from static/bootstrap/mixins/_forms.scss
rename to static/css/bootstrap/mixins/_forms.scss
diff --git a/static/bootstrap/mixins/_gradients.scss b/static/css/bootstrap/mixins/_gradients.scss
similarity index 100%
rename from static/bootstrap/mixins/_gradients.scss
rename to static/css/bootstrap/mixins/_gradients.scss
diff --git a/static/bootstrap/mixins/_grid-framework.scss b/static/css/bootstrap/mixins/_grid-framework.scss
similarity index 100%
rename from static/bootstrap/mixins/_grid-framework.scss
rename to static/css/bootstrap/mixins/_grid-framework.scss
diff --git a/static/bootstrap/mixins/_grid.scss b/static/css/bootstrap/mixins/_grid.scss
similarity index 100%
rename from static/bootstrap/mixins/_grid.scss
rename to static/css/bootstrap/mixins/_grid.scss
diff --git a/static/bootstrap/mixins/_hover.scss b/static/css/bootstrap/mixins/_hover.scss
similarity index 100%
rename from static/bootstrap/mixins/_hover.scss
rename to static/css/bootstrap/mixins/_hover.scss
diff --git a/static/bootstrap/mixins/_image.scss b/static/css/bootstrap/mixins/_image.scss
similarity index 100%
rename from static/bootstrap/mixins/_image.scss
rename to static/css/bootstrap/mixins/_image.scss
diff --git a/static/bootstrap/mixins/_list-group.scss b/static/css/bootstrap/mixins/_list-group.scss
similarity index 100%
rename from static/bootstrap/mixins/_list-group.scss
rename to static/css/bootstrap/mixins/_list-group.scss
diff --git a/static/bootstrap/mixins/_lists.scss b/static/css/bootstrap/mixins/_lists.scss
similarity index 100%
rename from static/bootstrap/mixins/_lists.scss
rename to static/css/bootstrap/mixins/_lists.scss
diff --git a/static/bootstrap/mixins/_nav-divider.scss b/static/css/bootstrap/mixins/_nav-divider.scss
similarity index 100%
rename from static/bootstrap/mixins/_nav-divider.scss
rename to static/css/bootstrap/mixins/_nav-divider.scss
diff --git a/static/bootstrap/mixins/_pagination.scss b/static/css/bootstrap/mixins/_pagination.scss
similarity index 100%
rename from static/bootstrap/mixins/_pagination.scss
rename to static/css/bootstrap/mixins/_pagination.scss
diff --git a/static/bootstrap/mixins/_reset-text.scss b/static/css/bootstrap/mixins/_reset-text.scss
similarity index 100%
rename from static/bootstrap/mixins/_reset-text.scss
rename to static/css/bootstrap/mixins/_reset-text.scss
diff --git a/static/bootstrap/mixins/_resize.scss b/static/css/bootstrap/mixins/_resize.scss
similarity index 100%
rename from static/bootstrap/mixins/_resize.scss
rename to static/css/bootstrap/mixins/_resize.scss
diff --git a/static/bootstrap/mixins/_screen-reader.scss b/static/css/bootstrap/mixins/_screen-reader.scss
similarity index 100%
rename from static/bootstrap/mixins/_screen-reader.scss
rename to static/css/bootstrap/mixins/_screen-reader.scss
diff --git a/static/bootstrap/mixins/_size.scss b/static/css/bootstrap/mixins/_size.scss
similarity index 100%
rename from static/bootstrap/mixins/_size.scss
rename to static/css/bootstrap/mixins/_size.scss
diff --git a/static/bootstrap/mixins/_table-row.scss b/static/css/bootstrap/mixins/_table-row.scss
similarity index 100%
rename from static/bootstrap/mixins/_table-row.scss
rename to static/css/bootstrap/mixins/_table-row.scss
diff --git a/static/bootstrap/mixins/_text-emphasis.scss b/static/css/bootstrap/mixins/_text-emphasis.scss
similarity index 100%
rename from static/bootstrap/mixins/_text-emphasis.scss
rename to static/css/bootstrap/mixins/_text-emphasis.scss
diff --git a/static/bootstrap/mixins/_text-hide.scss b/static/css/bootstrap/mixins/_text-hide.scss
similarity index 100%
rename from static/bootstrap/mixins/_text-hide.scss
rename to static/css/bootstrap/mixins/_text-hide.scss
diff --git a/static/bootstrap/mixins/_text-truncate.scss b/static/css/bootstrap/mixins/_text-truncate.scss
similarity index 100%
rename from static/bootstrap/mixins/_text-truncate.scss
rename to static/css/bootstrap/mixins/_text-truncate.scss
diff --git a/static/bootstrap/mixins/_transition.scss b/static/css/bootstrap/mixins/_transition.scss
similarity index 100%
rename from static/bootstrap/mixins/_transition.scss
rename to static/css/bootstrap/mixins/_transition.scss
diff --git a/static/bootstrap/mixins/_visibility.scss b/static/css/bootstrap/mixins/_visibility.scss
similarity index 100%
rename from static/bootstrap/mixins/_visibility.scss
rename to static/css/bootstrap/mixins/_visibility.scss
diff --git a/static/bootstrap/utilities/_align.scss b/static/css/bootstrap/utilities/_align.scss
similarity index 100%
rename from static/bootstrap/utilities/_align.scss
rename to static/css/bootstrap/utilities/_align.scss
diff --git a/static/bootstrap/utilities/_background.scss b/static/css/bootstrap/utilities/_background.scss
similarity index 100%
rename from static/bootstrap/utilities/_background.scss
rename to static/css/bootstrap/utilities/_background.scss
diff --git a/static/bootstrap/utilities/_borders.scss b/static/css/bootstrap/utilities/_borders.scss
similarity index 100%
rename from static/bootstrap/utilities/_borders.scss
rename to static/css/bootstrap/utilities/_borders.scss
diff --git a/static/bootstrap/utilities/_clearfix.scss b/static/css/bootstrap/utilities/_clearfix.scss
similarity index 100%
rename from static/bootstrap/utilities/_clearfix.scss
rename to static/css/bootstrap/utilities/_clearfix.scss
diff --git a/static/bootstrap/utilities/_display.scss b/static/css/bootstrap/utilities/_display.scss
similarity index 100%
rename from static/bootstrap/utilities/_display.scss
rename to static/css/bootstrap/utilities/_display.scss
diff --git a/static/bootstrap/utilities/_embed.scss b/static/css/bootstrap/utilities/_embed.scss
similarity index 100%
rename from static/bootstrap/utilities/_embed.scss
rename to static/css/bootstrap/utilities/_embed.scss
diff --git a/static/bootstrap/utilities/_flex.scss b/static/css/bootstrap/utilities/_flex.scss
similarity index 100%
rename from static/bootstrap/utilities/_flex.scss
rename to static/css/bootstrap/utilities/_flex.scss
diff --git a/static/bootstrap/utilities/_float.scss b/static/css/bootstrap/utilities/_float.scss
similarity index 100%
rename from static/bootstrap/utilities/_float.scss
rename to static/css/bootstrap/utilities/_float.scss
diff --git a/static/bootstrap/utilities/_overflow.scss b/static/css/bootstrap/utilities/_overflow.scss
similarity index 100%
rename from static/bootstrap/utilities/_overflow.scss
rename to static/css/bootstrap/utilities/_overflow.scss
diff --git a/static/bootstrap/utilities/_position.scss b/static/css/bootstrap/utilities/_position.scss
similarity index 100%
rename from static/bootstrap/utilities/_position.scss
rename to static/css/bootstrap/utilities/_position.scss
diff --git a/static/bootstrap/utilities/_screenreaders.scss b/static/css/bootstrap/utilities/_screenreaders.scss
similarity index 100%
rename from static/bootstrap/utilities/_screenreaders.scss
rename to static/css/bootstrap/utilities/_screenreaders.scss
diff --git a/static/bootstrap/utilities/_shadows.scss b/static/css/bootstrap/utilities/_shadows.scss
similarity index 100%
rename from static/bootstrap/utilities/_shadows.scss
rename to static/css/bootstrap/utilities/_shadows.scss
diff --git a/static/bootstrap/utilities/_sizing.scss b/static/css/bootstrap/utilities/_sizing.scss
similarity index 100%
rename from static/bootstrap/utilities/_sizing.scss
rename to static/css/bootstrap/utilities/_sizing.scss
diff --git a/static/bootstrap/utilities/_spacing.scss b/static/css/bootstrap/utilities/_spacing.scss
similarity index 100%
rename from static/bootstrap/utilities/_spacing.scss
rename to static/css/bootstrap/utilities/_spacing.scss
diff --git a/static/bootstrap/utilities/_stretched-link.scss b/static/css/bootstrap/utilities/_stretched-link.scss
similarity index 100%
rename from static/bootstrap/utilities/_stretched-link.scss
rename to static/css/bootstrap/utilities/_stretched-link.scss
diff --git a/static/bootstrap/utilities/_text.scss b/static/css/bootstrap/utilities/_text.scss
similarity index 100%
rename from static/bootstrap/utilities/_text.scss
rename to static/css/bootstrap/utilities/_text.scss
diff --git a/static/bootstrap/utilities/_visibility.scss b/static/css/bootstrap/utilities/_visibility.scss
similarity index 100%
rename from static/bootstrap/utilities/_visibility.scss
rename to static/css/bootstrap/utilities/_visibility.scss
diff --git a/static/bootstrap/vendor/_rfs.scss b/static/css/bootstrap/vendor/_rfs.scss
similarity index 100%
rename from static/bootstrap/vendor/_rfs.scss
rename to static/css/bootstrap/vendor/_rfs.scss
diff --git a/static/style.css b/static/css/style.css
similarity index 100%
rename from static/style.css
rename to static/css/style.css
diff --git a/static/style.scss b/static/css/style.scss
similarity index 100%
rename from static/style.scss
rename to static/css/style.scss
diff --git a/static/js/modal.js b/static/js/modal.js
new file mode 100644
index 0000000..ebb6bf6
--- /dev/null
+++ b/static/js/modal.js
@@ -0,0 +1,20 @@
+$('#detailModal').on('show.bs.modal', function (event) {
+    let card = $(event.relatedTarget); // Button that triggered the modal
+    let post_id = card.data('post_id');
+
+    $.post(`/api/post/${post_id}`, data => {
+
+        let post = data.post;
+        console.log(post);
+
+        $('#details-title').text(post.title);
+        $('#details-intro').text(post.intro);
+        $('#details-description').text(post.description);
+
+        // $('#details-images').text('');
+        // post.images.forEach(image => {
+        //     $('#details-images').append(`<img src=${image}>`)
+        // });
+
+    });
+});
\ No newline at end of file
diff --git a/templates/layout.html b/templates/layout.html
index 9e5e54c..d27f4c7 100644
--- a/templates/layout.html
+++ b/templates/layout.html
@@ -8,11 +8,11 @@
 
     <link href="https://fonts.googleapis.com/css?family=Amatic+SC" rel="stylesheet">
     <!-- Bootstrap first, then custom style -->
-    <link rel="stylesheet" href="/static/bootstrap.min.css">
+    <link rel="stylesheet" href="/static/css/bootstrap.min.css">
     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css"
           integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr"
           crossorigin="anonymous">
-    <link rel="stylesheet" href="/static/style.css">
+    <link rel="stylesheet" href="/static/css/style.css">
 
     <title>{% block title %}{% endblock %}</title>
 
diff --git a/templates/main/footer.html b/templates/main/footer.html
index fe31347..162a41c 100644
--- a/templates/main/footer.html
+++ b/templates/main/footer.html
@@ -1,3 +1,3 @@
 <footer class="small text-center text-muted">
-    &copy; 2019 Marijn Jansen
+    &copy; 2019 Marlous van Leeuwen &amp; Marijn Jansen
 </footer>
\ No newline at end of file
diff --git a/templates/main/index.html b/templates/main/index.html
index 82c50af..22ecfd3 100644
--- a/templates/main/index.html
+++ b/templates/main/index.html
@@ -16,7 +16,7 @@
 
                             <div class="card-img-overlay d-flex align-items-center justify-content-center">
                                 <div class="card-title-bg bg-dark w-100 d-flex align-items-center justify-content-center">
-                                    <h5 class="card-text text-light">{{ post.title }}</h5>
+                                    <h5 class="card-text text-light">{{ post.title|safe }}</h5>
                                 </div>
                             </div>
                         </div>
diff --git a/templates/main/modal.html b/templates/main/modal.html
index f4a5144..3a714ff 100644
--- a/templates/main/modal.html
+++ b/templates/main/modal.html
@@ -2,43 +2,20 @@
      aria-hidden="true">
     <div class="modal-dialog modal-lg" role="document">
         <div class="modal-content">
-            <div class="modal-header">
-                <h5 class="modal-title text-center" id="details-title">Modal title</h5>
-                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">&times;</span>
-                </button>
-            </div>
+{#            <div class="modal-header">#}
+{#                <h5 class="modal-title text-center" id="details-title">Modal title</h5>#}
+{#                <button type="button" class="close" data-dismiss="modal" aria-label="Close">#}
+{#                    <span aria-hidden="true">&times;</span>#}
+{#                </button>#}
+{#            </div>#}
             <div class="modal-body">
-                <div id="details-intro" class="font-weight-bold"></div>
-                <div id="details-images"></div>
+                <h5 id="details-title" class="text-center"></h5>
+                <div id="details-intro" class="font-weight-bold text-center"></div>
+{#                <div id="details-images"></div>#}
                 <div id="details-description"></div>
             </div>
         </div>
     </div>
 </div>
 
-<script>
-    $('#detailModal').on('show.bs.modal', function (event) {
-        let card = $(event.relatedTarget); // Button that triggered the modal
-        let post_id = card.data('post_id');
-
-        $.post(`/api/post/${post_id}`, data => {
-
-            let post = data.post;
-            console.log(post);
-
-            $('#details-title').text(post.title);
-            $('#details-intro').text(post.intro);
-            $('#details-description').text(post.description);
-
-            $('#details-images').text('');
-            post.images.forEach(image => {
-                $('#details-images').append(`<img src=${image}>`)
-            });
-
-        });
-    })
-        .on('shown.bs.modal', function () {
-            $('#detailModal').scrollTop(0);
-        });
-</script>
\ No newline at end of file
+<script src="/static/js/modal.js"></script>
\ No newline at end of file