Add animation, blog, and feed template

1 files changed, 8 insertions, 14 deletions

diff --git a/src/html/index.html b/src/html/index.html
index 01f6e4e..73ed147 100644
--- a/src/html/index.html
+++ b/src/html/index.html
@@ -5,13 +5,13 @@
     <title>Mark's Kitchen</title>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-    <link rel="stylesheet" type="text/css" href="/css/bootstrap.css">
     <link rel="stylesheet" type="text/css" href="/css/styles.css">
     <link rel="shortcut icon" href="/favicon.ico">
+    <script src="/js/feed.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/vue"></script>
     <!-- <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> -->
     <script>
-        window.onload = function () {
+        window.onload = loadFeed(function () {
             var feed = new Vue({
                 el: '.feed',
                 data: {
@@ -22,7 +22,7 @@
                         .then(response => this.posts = response);
                 }
             });
-        }
+        })
     </script>
 </head>
 
@@ -32,22 +32,16 @@
         <nav class="float-left sidebar">
             <ul>
                 <li><a href="bread" class="btn btn-primary">Bread</a></li>
+                <li><a href="blog" class="btn btn-primary">Blog</a></li>
                 <li><a href="essay" class="btn btn-primary">Essays</a></li>
             </ul>
         </nav>
 
-        <div class="feed">
-            <div class="card" v-for="post in posts">
-                <p class="card-text">{{ post.description }}</p>
-                <div class="card-img">
-                    <span v-for="image in post.images">
-                        <a v-bind:href="image"><img v-bind:src="image"></a>
-                    </span>
-                </div>
-                <p class="date">{{ post.createdAt.substring(0,10) }}</p>
-            </div>
-        </div>
+        <div id="feed"></div>
     </div>
+    <footer>
+        <div>Mark Powers</div>
+    </footer>
 </body>
 
 </html>
\ No newline at end of file