Add FAQ,add classes

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>

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{

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>

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>

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 ,
 
 },
 {