diff --git a/src/components/home.vue b/src/components/home.vue index 8c38299..76cf3b3 100755 --- a/src/components/home.vue +++ b/src/components/home.vue @@ -2,9 +2,9 @@
-

Cliquez sur un bouton ou sur une partie du logo G1

-
+ +
+ href="/finance" @mouseover='hover = "Financements"' @mouseleave='hover = not_hover'> + style="fill:#c0392b;stroke-width:0.352778" /> + href="/services-instances" @mouseover='hover = "Service et instances"' @mouseleave='hover = not_hover'> + style="fill:#2ecc71;stroke-width:0.352778" /> + href="/tools" @mouseover='hover = "Outils"' @mouseleave='hover = not_hover'> + style="fill:#3498db;stroke-width:0.352778" /> + href="/change" @mouseover='hover = "Plateformes d échange"' @mouseleave='hover = not_hover'> + style="fill:#7f8c8d;stroke-width:0.352778" /> + href="/faq" @mouseover='hover = "FAQ"' @mouseleave='hover = not_hover'> + style="fill:#9b59b6;stroke-width:0.352778" /> + href="/blockchain" @mouseover='hover = "Blockchain"' @mouseleave='hover = not_hover'> + style="fill:#16a085;stroke-width:0.352778" /> + href="/trm" @mouseover='hover = "Théorie Relative de la Monnaie"' @mouseleave='hover = not_hover'> + style="fill:#27ae60;stroke-width:0.352778" /> + href="/asso" @mouseover='hover = "Associations"' @mouseleave='hover = not_hover'> + style="fill:#2980b9;stroke-width:0.352778" /> + href="/forums" @mouseover='hover = "Forums"' @mouseleave='hover = not_hover'> + style="fill:#8e44ad;stroke-width:0.352778" /> + href="/agpl" @mouseover='hover = "Licences AGPL"' @mouseleave='hover = not_hover'> + style="fill:#f1c40f;stroke-width:0.352778" /> + href="/tdc" @mouseover='hover = "Toile de confiance"' @mouseleave='hover = not_hover'> + style="fill:#e67e22;stroke-width:0.352778" /> + href="https://duniter.org/fr/files/licence_g1.txt" @mouseover='hover = "Licence G1"' @mouseleave='hover = not_hover'> + style="fill:#e74c3c;stroke-width:0.352778" /> + href="/com" @mouseover='hover = "Communication"' @mouseleave='hover = not_hover'> + href="/website" @mouseover='hover = "Sites internet"' @mouseleave='hover = not_hover'> @@ -169,10 +169,10 @@ d="M 133.0756,0.34072939 C 132.38488,0.4497401 129.58577,0.74059052 126.8957,1.0677596 113.88157,2.5218475 98.540923,6.7023809 86.181163,12.118871 60.443734,23.388057 38.050744,42.327601 22.819126,65.811165 10.495712,84.75071 3.0798616,105.07162 0.13531264,127.90085 c -0.9451338,7.27046 -0.9451338,27.2642 0,34.53467 4.32594466,33.55313 18.79413136,62.88944 42.49582536,86.19123 5.561902,5.48918 8.797247,8.28832 13.995633,12.25072 20.429977,15.44973 44.349769,25.15578 70.450689,28.50021 7.27044,0.94514 27.26421,0.94514 34.53465,0 26.10094,-3.34443 50.02073,-13.05048 70.45071,-28.50021 5.19839,-3.9624 8.43374,-6.76154 13.99564,-12.25072 23.70166,-23.30179 38.16988,-52.6381 42.4958,-86.19123 0.94513,-7.27047 0.94513,-27.26421 0,-34.53467 -4.32592,-33.553145 -18.79414,-62.889435 -42.4958,-86.191241 -5.5619,-5.489182 -8.79725,-8.28832 -13.99564,-12.250722 C 211.96002,14.263643 188.62187,4.702993 163.10257,1.1768251 158.70393,0.55883297 155.32318,0.37707542 145.98063,0.30438335 139.58264,0.23180084 133.76629,0.26795516 133.0756,0.34081155 Z M 158.44948,17.753466 c 49.1119,6.28893 89.1721,39.078696 105.16711,85.936754 4.68945,13.77753 6.68884,26.10094 6.68884,41.47795 0,15.37702 -1.99939,27.70044 -6.68884,41.47794 -15.12253,44.31342 -52.23821,76.48519 -97.82394,84.80987 -8.36105,1.49042 -12.39614,1.85394 -22.35665,1.85394 -9.96054,0 -13.99564,-0.36352 -22.35667,-1.85394 -45.585735,-8.32468 -82.701416,-40.49645 -97.82397,-84.80987 -4.689432,-13.7775 -6.688792,-26.10092 -6.688792,-41.47794 0,-15.37701 1.99936,-27.70042 6.688792,-41.47795 15.122554,-44.313399 52.201888,-76.48517 97.82397,-84.809836 4.25322,-0.763404 6.76153,-1.090573 14.35915,-1.817604 3.27171,-0.327168 18.79413,0.14544 23.011,0.690686 z" />
- +

{{hover}}

+
-
@@ -185,6 +185,8 @@ export default { }, data: function(){ return{ + hover: this.not_hover, + not_hover: "Passez votre curseur sur une partie du logo g1", } } } @@ -207,5 +209,9 @@ align-items: center; .choice{ display: flex; flex-direction: row; +align-items:center; +} +.status{ + width:300px; }