Add chronicle to navbar

5 files changed, 30 insertions, 9 deletions

diff --git a/components/NavBar.vue b/components/NavBar.vue
index e564fb0..d41ca20 100644
--- a/components/NavBar.vue
+++ b/components/NavBar.vue
@@ -161,10 +161,10 @@ export default {
     display: flex !important;
     flex-direction: column;
     justify-content: center;
-    align-items: center;
+    align-items: start;
 
     margin-bottom: 0;
-    padding: 50px 0;
+    padding: 50px 10px;
 
     width: 100%;
     left: 0;
diff --git a/layouts/default.vue b/layouts/default.vue
index 8feaff6..3341547 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -21,10 +21,10 @@ export default {
   data() {
     return {
       routes: [
-        { path: '/', name: 'Home' },
-        { path: '/o-nas', name: 'O nas' },
+        { path: '/', name: 'Strona główna' },
         { path: '/download', name: 'Do pobrania' },
-        { path: '/kontakt', name: 'Kontakt' }
+        { path: '/kontakt', name: 'Kontakt' },
+        { path: '/kronika', name: 'Kronika' }
       ],
       externalRoutes: [
         // {
diff --git a/nuxt.config.js b/nuxt.config.js
index 00b34e5..036135b 100644
--- a/nuxt.config.js
+++ b/nuxt.config.js
@@ -1,6 +1,6 @@
 import k from './api'
 
-const BASE_URL = 'https://kronika--puszcza.netlify.com'
+const BASE_URL = process.env.DEPLOY_URL || 'http://localhost:3000'
 
 export default {
   mode: 'universal',
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