1 files changed, 81 insertions, 0 deletions
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>