Move to nuxtjs

3 files changed, 94 insertions, 0 deletions

diff --git a/layouts/README.md b/layouts/README.md
new file mode 100644
index 0000000..cad1ad5
--- /dev/null
+++ b/layouts/README.md
@@ -0,0 +1,7 @@
+# LAYOUTS
+
+**This directory is not required, you can delete it if you don't want to use it.**
+
+This directory contains your Application Layouts.
+
+More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/views#layouts).
diff --git a/layouts/default.vue b/layouts/default.vue
new file mode 100644
index 0000000..97c73dd
--- /dev/null
+++ b/layouts/default.vue
@@ -0,0 +1,81 @@
+<template>
+  <div id="app">
+    <NavBar
+      :routes="routes"
+      :externalRoutes="externalRoutes"
+      title="19 PDH Puszcza"
+      logo="assets/krajka-logo.svg"
+    />
+    <nuxt id="content" />
+    <Footer :routes="routes" :specialRoutes="specialRoutes" />
+  </div>
+</template>
+
+<script>
+import NavBar from '../components/NavBar.vue'
+import Footer from '../components/Footer.vue'
+
+export default {
+  name: 'app',
+  components: { NavBar, Footer },
+  data() {
+    return {
+      routes: [
+        { path: '/', name: 'Home' },
+        { path: '/o-nas', name: 'O nas' },
+        { path: '/download', name: 'Do pobrania' },
+        { path: '/kontakt', name: 'Kontakt' }
+      ],
+      externalRoutes: [
+        // {
+        //   path: 'https://kronika-puszcza.netlify.com',
+        //   name: 'Kronika'
+        // },
+        // { path: 'https://kronika-puszcza.netlify.com/galeria', name: 'Galeria' }
+      ],
+      specialRoutes: [
+        // {
+        //   name: 'Akcja "Ratujmy pszczoły"',
+        //   path: "/ratujmy-pszczoly"
+        // }
+      ]
+    }
+  }
+}
+</script>
+
+<style>
+@import url('https://fonts.googleapis.com/css?family=Roboto+Slab&display=swap');
+
+html,
+body {
+  padding: 0;
+  margin: 0;
+}
+
+* {
+  box-sizing: border-box;
+}
+
+#app {
+  font-family: 'Roboto Slab', serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  color: #181818;
+  text-align: center;
+  align-items: center;
+
+  display: flex;
+  flex-direction: column;
+  min-height: 100vh;
+}
+
+#content {
+  flex: 1;
+  width: 100%;
+
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+</style>
diff --git a/layouts/error.vue b/layouts/error.vue
new file mode 100644
index 0000000..3292f65
--- /dev/null
+++ b/layouts/error.vue
@@ -0,0 +1,6 @@
+<template>
+  <div>
+    <h1>404</h1>
+    <p>Nie znaleziono strony</p>
+  </div>
+</template>
\ No newline at end of file