From ad8575b7c9bb04b39f08601919b4d6cb18af3367 Mon Sep 17 00:00:00 2001
From: axolotle <nchesnais@mailoo.org>
Date: Fri, 2 Jul 2021 17:35:58 +0200
Subject: [PATCH] add presentation page

---
 src/pages/Introduction.vue | 40 ++++++++++++++++++++++++++++++++++++--
 1 file changed, 38 insertions(+), 2 deletions(-)

diff --git a/src/pages/Introduction.vue b/src/pages/Introduction.vue
index c616e41..bbaa22b 100644
--- a/src/pages/Introduction.vue
+++ b/src/pages/Introduction.vue
@@ -1,12 +1,48 @@
 <template>
-  <component-debug :component="this" />
+  <b-overlay
+    class="intro"
+    :show="page === undefined"
+    z-index="0"
+  >
+    <page-view v-if="page" :page="page" slug="intro" />
+  </b-overlay>
 </template>
 
 <script>
+import { PageView } from '@/components/layouts'
+
+
 export default {
-  name: 'Introduction'
+  name: 'Introduction',
+
+  components: {
+    PageView
+  },
+
+  data () {
+    return {
+      page: undefined
+    }
+  },
+
+  async created () {
+    this.page = await this.$store.dispatch('QUERY_PAGE', 'intro')
+  }
 }
 </script>
 
 <style lang="scss" scoped>
+.intro {
+  min-height: 100%;
+  min-width: 100%;
+
+  .page-intro {
+    font-family: $font-family-text;
+    font-size: 3rem;
+
+    @include media-breakpoint-up($size-bp) {
+      font-size: 5rem;
+    }
+  }
+}
 </style>