Add increment feedback basic messages

src/css/6-helpers/_state.scss

@@ -5,3 +5,7 @@
 .is-disabled {
   cursor: not-allowed;
 }
+
+[v-cloak] {
+  display: none !important;
+}

src/css/style.scss

@@ -60,6 +60,7 @@
 @import "6-helpers/_globals";
 @import "6-helpers/_colors";
 @import "6-helpers/_spacing";
+@import "6-helpers/_state";
 
 /// -------------------------------------------------------------
 // vendors

src/index.html

@@ -19,9 +19,16 @@ title: Compteur de grève
 		<article>
 			<h2>Et vous&nbsp;?</h2>
 			<div class="flex flex-col">
-				<form action="/" method="post">
+				<div>
-					<button class="btn w100 mb15">Je fais grève</button>
+					<form action="/" method="post">
-				</form>
+						<button class="btn w100 mb15">Je fais grève</button>
+					</form>
+					<div class="success" v-cloak>
+						<strong class="block text-bold">Merci pour votre participation ! ✨</strong>
+						↓ Nous avons <strong>besoin de vous</strong> pour faire du <em class="text-bold">7 mars</em> une journée de mobilisation qui restera dans les mémoires
+					</div>
+					<div class="error" v-cloak>Message d'erreur à faire</div>
+				</div>
 				<a href="#" class="btn btn--secondary w100 mb15">Je partage le compteur</a>
 				<a href="#" class="btn btn--ghost w100 mb15">En savoir plus</a>
 			</div>