Add chronicle to navbar

2 files changed, 24 insertions, 3 deletions

diff --git a/pages/kronika/_year/_month/_day/_title/index.vue b/pages/kronika/_year/_month/_day/_title/index.vue
index a8a086a..361b7f8 100644
--- a/pages/kronika/_year/_month/_day/_title/index.vue
+++ b/pages/kronika/_year/_month/_day/_title/index.vue
@@ -40,13 +40,13 @@ export default {
 
 <style>
 .article {
-  padding: 20px 80px 20px 80px;
+  padding: 60px 80px;
   width: 100%;
   max-width: 1000px;
   flex: 1;
   background: #ffffff;
-  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
   z-index: -1;
+  text-align: left;
 }
 .article img {
   width: 100%;
@@ -54,7 +54,10 @@ export default {
 }
 @media (max-width: 720px) {
   .article {
-    padding: 20px 40px 20px 40px;
+    padding: 60px 20px;
+  }
+  .article p {
+    text-align: justify;
   }
 }
 </style>
\ No newline at end of file
diff --git a/pages/kronika/index.vue b/pages/kronika/index.vue
new file mode 100644
index 0000000..4bb6910
--- /dev/null
+++ b/pages/kronika/index.vue
@@ -0,0 +1,18 @@
+<template>
+  <div style="padding-top: 20px">
+    <h2>Ostatnie wpisy</h2>
+    <a v-for="(post, index) in posts" :key="index" :href="post.route">{{post.content.meta.title}}</a>
+  </div>
+</template>
+
+<script>
+import k from '~/api'
+
+export default {
+  async asyncData() {
+    return {
+      posts: k.getPosts()
+    }
+  }
+}
+</script>
\ No newline at end of file