3 files changed, 41 insertions, 9 deletions
diff --git a/templates/base.html b/templates/base.html
index 48b4d9c..d014cd9 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -1,11 +1,14 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Blog</title>
+    <title>VibesHome</title>
     <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
+
 </head>
+
 <body>
     <header>
         <h1><a href="{{ url_for('index') }}">My Blog</a></h1>
@@ -14,4 +17,5 @@
         {% block content %}{% endblock %}
     </main>
 </body>
+
 </html>
\ No newline at end of file
diff --git a/templates/create.html b/templates/create.html
index 4d48992..ccbbc67 100644
--- a/templates/create.html
+++ b/templates/create.html
@@ -7,7 +7,7 @@
 <link rel="stylesheet" type="text/css" href="{{ url_for('static', 
     filename='bower_components/simplemde/dist/simplemde.min.css') }}">
 
-<h1>Blob Create</h1>
+<h1>Write to yourself </h1>
 
 
 
@@ -20,7 +20,7 @@
     <form method="post" novalidate>
         {{ form.hidden_tag() }}
         <p>
-	    {{form.title.label}}: {{form.title}} <br>
+            {{form.title.label}}: {{form.title}} <br>
             {{ form.content.label }}<br>
             {{ form.content(cols="80", rows="24") }}
         </p>
@@ -107,4 +107,4 @@
     renderMarkdown();
     document.getElementById('document-input').addEventListener('input', renderMarkdown);
 </script>
-{% endblock %}
+{% endblock %}
\ No newline at end of file
diff --git a/templates/post.html b/templates/post.html
index d759da4..b585cab 100644
--- a/templates/post.html
+++ b/templates/post.html
@@ -1,6 +1,25 @@
 {% extends 'base.html' %}
 
 {% block content %}
+<script>
+    function openNav() {
+        console.log("hello run started")
+        var coll = document.getElementsByClassName("collapsible");
+        var i;
+
+        for (i = 0; i < coll.length; i++) {
+            console.log("run loop")
+            coll[i].addEventListener("click", function () {
+                this.classList.toggle("active");
+                var content = this.nextElementSibling;
+                if (content.style.display === "block") {
+                    content.style.display = "none";
+                } else {
+                    content.style.display = "block";
+                }
+            });
+        }
+    } </script>
 {% if post.parent != 0 %}
 <a href="{{url_for('post', post_id=post.parent)}}"> Previous</a>
 <hr>
@@ -13,12 +32,21 @@
     <a href="{{ url_for('create', reply=post.id)}}"> Reply</a> ~
     <a href="{{ url_for('index') }}">Back to posts</a>
 </div>
-<hr>
-<h3> Replies to this</h3>
-<div class="post-replies">
+<button type="button" class="collapsible" onload="openNav()">Navigation</button>
+<div class="content">
+    <hr>
+    <h3>Previously to this </h3>
     <ul>
-        <li> {% for reply in replies %} <a href="{{ url_for('post', post_id=reply.id) }}">{{ reply.title }}</a> - {{
-            reply.created_at.strftime('%Y-%m-%d') }}</li> {% endfor %}
+        <li> {% for p in previous %} <a href="{{ url_for('post', post_id=p.id) }}">{{ p.title }}</a> - {{
+            p.created_at.strftime('%Y-%m-%d') }}</li> {% endfor %}
     </ul>
+    <hr>
+    <h3> Replies to this</h3>
+    <div class="post-replies">
+        <ul>
+            <li> {% for reply in replies %} <a href="{{ url_for('post', post_id=reply.id) }}">{{ reply.title }}</a> - {{
+                reply.created_at.strftime('%Y-%m-%d') }}</li> {% endfor %}
+        </ul>
+    </div>
 </div>
 {% endblock %}
\ No newline at end of file