Edit home

src/components/home.vue

@@ -7,9 +7,8 @@
        xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
        xmlns:svg="http://www.w3.org/2000/svg"
        xmlns="http://www.w3.org/2000/svg"
-       width="300mm"
-       height="297mm"
-       viewBox="0 0 600 600"
+       width="600mm"
+       height="594mm"
        preserveAspectRatio="xMinYMin meet"
        version="1.1"
        id="svg8">
@@ -116,38 +115,50 @@
 
 
     </svg>
+
+
+
     </div>
-    
+    <choicebox buttons="Blockchain,FAQ,Plateformes d'échange,Licences AGPL,Outils,Toile de Confiance,Charte,Instances et Services,Financements,Communication,Sites internets" links=""></choicebox>
+
   </div>
 </template>
 <script>
+import choicebox from '@/components/ChoiceBox.vue'
 export default {
+  components: {
+    choicebox,
+  },
   data: function(){
     return{
-      curse: "Testing"
     }
   }
 }
 </script>
 <style>
+
 #home{
   display:flex;
-  flex-direction: column-reverse;
+  flex-direction: row;
+  justify-content: center;
+}
+choicebox{
+  margin-left:100px;
 }
 
-  .svg-container {
-  display: inline-block;
-  position: relative;
-  width: 100%;
-  padding-bottom: 100%;
-  vertical-align: middle;
-  overflow: hidden;
+header{
+  display: flex;
+  flex-direction: row;
+  text-align:center;
+}
+.svg-container{
+  width:200px;
+  height:200px;
+  display: flex;
+  flex-direction:row ;
+}
+#svg8{
+  width:200px;
+  width:200px;
 }
-  #svg8{
-    display: inline-block;
-    position: absolute;
-    top: 0;
-    left: 0;
-  }
-
 </style>