From dbcb9d40b1e8992aa154f8e0deb689a8b8c1dcf3 Mon Sep 17 00:00:00 2001
From: Le Libre Au Quotidien <louisdupont72@yahoo.com>
Date: Sat, 11 Jul 2020 10:36:55 +0200
Subject: [PATCH] Add FAQ,add classes

---
 src/App.vue                  |  2 +-
 src/assets/styles.css        |  2 +-
 src/components/ChoiceBox.vue |  2 --
 src/components/faq.vue       | 21 +++++++++++++++++++++
 src/routes.js                |  7 ++-----
 5 files changed, 25 insertions(+), 9 deletions(-)
 create mode 100644 src/components/faq.vue

diff --git a/src/App.vue b/src/App.vue
index f66616c..0efa4f7 100755
--- a/src/App.vue
+++ b/src/App.vue
@@ -2,7 +2,7 @@
 <template>
   <div id="app">
     <header>
-<a class="simple" href="/"><img width="80px" src="./assets/juneland.svg" alt="infojune"></a><p> Le site Infojune est encore en beta, mais il s'améliorera avec le temps  </p>
+<a class="simple" href="/"><img width="80px" src="./assets/juneland.svg" alt="infojune"></a><h2>Infojune</h2>
 </header>
        <router-view></router-view>
        <footer><a class="button" href="/cf"> PARTICIPEZ AU CROWDFOUNDING DU SITE INFOJUNE.FR</a> Crée et hébergé par <a class="link" href="https://lelibreauquotidien.fr">llaq</a> - <a class="link" href="https://git.p2p.legal/llaq/infojune">Disponible sous CC-BY-NC-SA</a></footer>
diff --git a/src/assets/styles.css b/src/assets/styles.css
index 198cac3..a4f3810 100755
--- a/src/assets/styles.css
+++ b/src/assets/styles.css
@@ -120,7 +120,7 @@ h1,h2,h3,p,.buttons-redirect,span,a{
 }
 .link{
   text-decoration: none;
-  color:black;
+  color:#c0392b;
 
 }
 .link:hover{
diff --git a/src/components/ChoiceBox.vue b/src/components/ChoiceBox.vue
index 3c38cec..279b724 100755
--- a/src/components/ChoiceBox.vue
+++ b/src/components/ChoiceBox.vue
@@ -3,8 +3,6 @@
     <div class="adisplay">
 
 <a class="button" v-for="value in myList" :key="value" :href="value.url">{{ value.btn }} </a>
-
-    </div>
   </div>
 </template>
 <script>
diff --git a/src/components/faq.vue b/src/components/faq.vue
new file mode 100644
index 0000000..5c3aa72
--- /dev/null
+++ b/src/components/faq.vue
@@ -0,0 +1,21 @@
+<template>
+<div id="faq">
+<h1>FAQ</h1>
+<h2>Il manque du contenu/il y'a une erreur sur le site</h2>
+<p>Contactez nous sur l'adresse contact[at]infojune.fr</p>
+<h2>Qui a crée le site ?</h2>
+<p>L'idée originale viens de Attilax et le développement a été assuré par<a class="link" href="https://lelibreauquotidien.fr">llaq</a></p>
+<h2>J'adore le site ! Puis je vous soutenir ?</h2>
+<p>D'abord,merci ❤️❤️ <br> Vous pouvez participer au <a class="link" href="cf/">crowdfounding du site</a> si vous voulez rétribuer la création du site²</p>
+<h2>J'ai une question qui n'est pas dans la liste,que puis je faire ???</h2>
+<p>Contactez nous sur contact[at]infojune.fr</p>
+
+</div>
+</template>
+<style>
+#faq{
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+</style>
diff --git a/src/routes.js b/src/routes.js
index 5af4285..23d6703 100755
--- a/src/routes.js
+++ b/src/routes.js
@@ -16,6 +16,7 @@ import choicebox from '@/components/ChoiceBox.vue'
 import home from '@/components/home.vue'
 import cf from '@/components/cf.vue'
 import notfound from '@/components/NotFound.vue'
+import faq from '@/components/faq.vue'
  export const routes = [
 
 /* GROUPES LOCAUX */
@@ -409,11 +410,7 @@ props: {
 
 },
 {
-  path: '/faq', component: choicebox ,
-  props: {
-    buttons: "BIENTÔT",
-    links: "",
-  },
+  path: '/faq', component: faq ,
 
 },
 {