From 1017ecdc95bc05fb697ea177fefde8e0cc7230dc Mon Sep 17 00:00:00 2001
From: Bachir Soussi Chiadmi <bachir@figureslibres.io>
Date: Mon, 1 Apr 2019 23:06:03 +0200
Subject: [PATCH] started to customize

---
 README.md                                   |  2 ++
 src/App.vue                                 | 10 ++++++++--
 src/components/Home/PresentationMessage.vue |  5 +++++
 src/components/Home/WelcomeMessage.vue      | 16 ----------------
 src/pages/Home.vue                          |  9 ++++-----
 5 files changed, 19 insertions(+), 23 deletions(-)
 create mode 100644 src/components/Home/PresentationMessage.vue
 delete mode 100644 src/components/Home/WelcomeMessage.vue

diff --git a/README.md b/README.md
index fc3f726..600f7a1 100644
--- a/README.md
+++ b/README.md
@@ -10,9 +10,11 @@ npm install
 ```
 npm run dev
 ```
+open http://localhost:8080 in your browser
 ## run prod
 ```
 npm run prod
 ```
+then deploy the dist folder
 
 Based on VueJs template using Webpack 4 from the 'Vue.js and Webpack 4 From Scratch' article series on [itnext.io](https://itnext.io) from Daniel Cook.
diff --git a/src/App.vue b/src/App.vue
index 8335a5e..774b1f0 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,6 +1,12 @@
 <template>
-  <div class="container center-content">
-    <RouterView />
+  <div id="root">
+    <header role="banner">
+      <h1>Les Guides de Paris</h1>
+    </header>
+    <section class="container center-content">
+      <RouterView />
+    </section>
+    <footer role="search-bar" />
   </div>
 </template>
 
diff --git a/src/components/Home/PresentationMessage.vue b/src/components/Home/PresentationMessage.vue
new file mode 100644
index 0000000..6629ad9
--- /dev/null
+++ b/src/components/Home/PresentationMessage.vue
@@ -0,0 +1,5 @@
+<template>
+  <section>
+    <p>Post hoc impie perpetratum quod in aliis quoque iam timebatur, tamquam licentia crudelitati indulta per suspicionum nebulas aestimati quidam noxii damnabantur. quorum pars necati, alii puniti bonorum multatione actique laribus suis extorres nullo sibi relicto praeter querelas et lacrimas, stipe conlaticia victitabant, et civili iustoque imperio ad voluntatem converso cruentam, claudebantur opulentae domus et clarae.</p>
+  </section>
+</template>
diff --git a/src/components/Home/WelcomeMessage.vue b/src/components/Home/WelcomeMessage.vue
deleted file mode 100644
index a55bc56..0000000
--- a/src/components/Home/WelcomeMessage.vue
+++ /dev/null
@@ -1,16 +0,0 @@
-<template>
-  <div>
-    <h3>Hello {{ name }} from my Vue.js page, built with Webpack 4!</h3>
-  </div>
-</template>
-
-<script>
-export default {
-  props: {
-    name: {
-      type: String,
-      required: true
-    }
-  }
-}
-</script>
diff --git a/src/pages/Home.vue b/src/pages/Home.vue
index b192bbe..3c82ce4 100644
--- a/src/pages/Home.vue
+++ b/src/pages/Home.vue
@@ -1,16 +1,15 @@
 <template>
-  <div class="full-width center-content">
-    <img src="static/img/logo.png">
-    <WelcomeMessage name="GDP" />
+  <div class="full-width">
+    <PresentationMessage />
   </div>
 </template>
 
 <script>
-import WelcomeMessage from 'components/Home/WelcomeMessage'
+import PresentationMessage from 'components/Home/PresentationMessage'
 
 export default {
   components: {
-    WelcomeMessage
+    PresentationMessage
   }
 }
 </script>