diff options
Diffstat (limited to 'src/html/index.html')
| -rw-r--r-- | src/html/index.html | 22 |
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 |