feat(share): Add social media sharing links

Author: tagazok

connecting-webchat/connecting-webchat.md

@@ -199,6 +199,22 @@ duration: 1
 
 You have reached the end of this tutorial and have set up the Botfuel Webchat on your website and connected it with your chatbot!
 
+<center>
+  <img src="https://github.com/Botfuel/tutorials/raw/master/images/congratulation-cap.png">
+  <div>Share your accomplishment!</div>
+  <div>
+    <button style="width: 50px; height: 50px; border: none; background: transparent; margin: 7px; font-size: 24px;" title="Share in Twitter">
+      <a href="https://twitter.com/intent/tweet?text=I just completed the tutorial 'Create a Webchat chatbot' on @Botfuel https://tutorials.botfuel.io/%23/codelab/connecting-webchat" target="_blank"><i class="fab fa-twitter"></i></a>
+    </button>
+    <button style="width: 50px; height: 50px; border: none; background: transparent; margin: 7px; font-size: 24px;" title="Share in Facebook">
+      <a href="https://www.facebook.com/sharer/sharer.php?u=https://tutorials.botfuel.io/%23/codelab/connecting-webchat&quote=I just completed the tutorial 'Create a Webchat chatbot' on @Botfuel" target="_blank"><i class="fab fa-facebook-f"></i></a>
+    </button>
+    <button style="width: 50px; height: 50px; border: none; background: transparent; margin: 7px; font-size: 24px;"  title="Share in Linkedin">
+      <a href="https://www.linkedin.com/shareArticle?mini=true&url=https://tutorials.botfuel.io/%23/codelab/connecting-webchat&title=Butfuel tutorial&summary=I just completed the tutorial 'Create a Webchat chatbot' on @Botfuel&source=LinkedIn" target="_blank"><i class="fab fa-linkedin-in"></i></a>
+    </button>
+  </div>
+</center>
+
 ## <i class="fas fa-heart"></i> Support us
 
 Did you have a good time using Botfuel to build Chatbots? You can support our developers by starring our open source SDK on <a href="https://github.com/Botfuel/botfuel-dialog" target="_blank">Github <i class="fab fa-github"></i></a>

deploy-gae/deploy-gae.md

@@ -236,27 +236,21 @@ duration: 1
 You have reached the end of this tutorial. You can now deploy a bot in production and make your users test it \o/
 
 <center>
-  <img src="https://github.com/Botfuel/tutorials/raw/master/images/congratulation-cap.png" style="margin: 2em 0;">
-  <div>Share your acomplishment</div>
+  <img src="https://github.com/Botfuel/tutorials/raw/master/images/congratulation-cap.png">
+  <div>Share your accomplishment!</div>
   <div>
     <button style="width: 50px; height: 50px; border: none; background: transparent; margin: 7px; font-size: 24px;" title="Share in Twitter">
-      <a href="https://twitter.com/intent/tweet?text=I just completed the tutorial 'Deploying your chatbot on Google App Engine' on @Botfuel \o/ https://tutorials.botfuel.io/%23/codelab/deploy-gae" target="_blank"><i class="fab fa-twitter"></i></a>
+      <a href="https://twitter.com/intent/tweet?text=I just completed the tutorial 'Deploying your chatbot on Google App Engine' on @Botfuel https://tutorials.botfuel.io/%23/codelab/deploy-gae" target="_blank"><i class="fab fa-twitter"></i></a>
     </button>
     <button style="width: 50px; height: 50px; border: none; background: transparent; margin: 7px; font-size: 24px;" title="Share in Facebook">
-      <a href="https://www.facebook.com/sharer/sharer.php?u=https://tutorials.botfuel.io/%23/codelab/deploy-gae&quote=I just completed the tutorial 'Deploying your chatbot on Google App Engine' on @Botfuel \o/" target="_blank"><i class="fab fa-facebook-f"></i></a>
+      <a href="https://www.facebook.com/sharer/sharer.php?u=https://tutorials.botfuel.io/%23/codelab/deploy-gae&quote=I just completed the tutorial 'Deploying your chatbot on Google App Engine' on @Botfuel" target="_blank"><i class="fab fa-facebook-f"></i></a>
     </button>
     <button style="width: 50px; height: 50px; border: none; background: transparent; margin: 7px; font-size: 24px;"  title="Share in Linkedin">
       <a href="https://www.linkedin.com/shareArticle?mini=true&url=https://tutorials.botfuel.io/%23/codelab/deploy-gae&title=Butfuel tutorial&summary=I just completed the tutorial 'Deploying your chatbot on Google App Engine' on @Botfuel&source=LinkedIn" target="_blank"><i class="fab fa-linkedin-in"></i></a>
     </button>
   </div>
 </center>
 
-
-
-
-
-
-
 ## <i class="fas fa-heart"></i> Support us
 
 Did you have a good time using Botfuel to build Chatbots? You can support our developers by starring our open source SDK on <a href="https://github.com/Botfuel/botfuel-dialog" target="_blank">Github <i class="fab fa-github"></i></a>

deploy-heroku/deploy-heroku.md

@@ -158,6 +158,22 @@ duration: 1
 
 You have reached the end of this tutorial. You can now deploy a bot in production and make your users test it \o/
 
+<center>
+  <img src="https://github.com/Botfuel/tutorials/raw/master/images/congratulation-cap.png">
+  <div>Share your accomplishment!</div>
+  <div>
+    <button style="width: 50px; height: 50px; border: none; background: transparent; margin: 7px; font-size: 24px;" title="Share in Twitter">
+      <a href="https://twitter.com/intent/tweet?text=I just completed the tutorial 'Deploying your chatbot on Heroku' on @Botfuel https://tutorials.botfuel.io/%23/codelab/deploy-heroku" target="_blank"><i class="fab fa-twitter"></i></a>
+    </button>
+    <button style="width: 50px; height: 50px; border: none; background: transparent; margin: 7px; font-size: 24px;" title="Share in Facebook">
+      <a href="https://www.facebook.com/sharer/sharer.php?u=https://tutorials.botfuel.io/%23/codelab/deploy-heroku&quote=I just completed the tutorial 'Deploying your chatbot on Heroku' on @Botfuel" target="_blank"><i class="fab fa-facebook-f"></i></a>
+    </button>
+    <button style="width: 50px; height: 50px; border: none; background: transparent; margin: 7px; font-size: 24px;"  title="Share in Linkedin">
+      <a href="https://www.linkedin.com/shareArticle?mini=true&url=https://tutorials.botfuel.io/%23/codelab/deploy-heroku&title=Butfuel tutorial&summary=I just completed the tutorial 'Deploying your chatbot on Heroku' on @Botfuel&source=LinkedIn" target="_blank"><i class="fab fa-linkedin-in"></i></a>
+    </button>
+  </div>
+</center>
+
 ## <i class="fas fa-heart"></i> Support us
 
 Did you have a good time using Botfuel to build Chatbots? You can support our developers by starring our open source SDK on <a href="https://github.com/Botfuel/botfuel-dialog" target="_blank">Github <i class="fab fa-github"></i></a>

regex-imatriculation/regex-imatriculation.md

@@ -180,6 +180,22 @@ duration: 1
 
 You have reached the end of this tutorial. The `RegexExtractor` opens endless possibilities to create custom extractors.
 
+<center>
+  <img src="https://github.com/Botfuel/tutorials/raw/master/images/congratulation-cap.png">
+  <div>Share your accomplishment!</div>
+  <div>
+    <button style="width: 50px; height: 50px; border: none; background: transparent; margin: 7px; font-size: 24px;" title="Share in Twitter">
+      <a href="https://twitter.com/intent/tweet?text=I just completed the tutorial 'Identify License Plates with the RegexExtractor' on @Botfuel https://tutorials.botfuel.io/%23/codelab/regex-imatriculation" target="_blank"><i class="fab fa-twitter"></i></a>
+    </button>
+    <button style="width: 50px; height: 50px; border: none; background: transparent; margin: 7px; font-size: 24px;" title="Share in Facebook">
+      <a href="https://www.facebook.com/sharer/sharer.php?u=https://tutorials.botfuel.io/%23/codelab/regex-imatriculation&quote=I just completed the tutorial 'Identify License Plates with the RegexExtractor' on @Botfuel" target="_blank"><i class="fab fa-facebook-f"></i></a>
+    </button>
+    <button style="width: 50px; height: 50px; border: none; background: transparent; margin: 7px; font-size: 24px;"  title="Share in Linkedin">
+      <a href="https://www.linkedin.com/shareArticle?mini=true&url=https://tutorials.botfuel.io/%23/codelab/regex-imatriculation&title=Butfuel tutorial&summary=I just completed the tutorial 'Identify License Plates with the RegexExtractor' on @Botfuel&source=LinkedIn" target="_blank"><i class="fab fa-linkedin-in"></i></a>
+    </button>
+  </div>
+</center>
+
 ## <i class="fas fa-heart"></i> Support us
 
 Did you have a good time using Botfuel to build Chatbots? You can support our developers by starring our open source SDK on <a href="https://github.com/Botfuel/botfuel-dialog" target="_blank">Github <i class="fab fa-github"></i></a>

weather-bot/weather-bot.md

@@ -587,6 +587,21 @@ Vous avez atteint la fin de ce tutoriel. Vous avez su prendre en main certains d
 
 Vous êtes maintenant en mesure de faire un bot en utilisant le SDK de Botfuel.
 
+<center>
+  <img src="https://github.com/Botfuel/tutorials/raw/master/images/congratulation-cap.png">
+  <div>Partagez votre réussite!</div>
+  <div>
+    <button style="width: 50px; height: 50px; border: none; background: transparent; margin: 7px; font-size: 24px;" title="Share in Twitter">
+      <a href="https://twitter.com/intent/tweet?text=Je viens de finir le tutoriel 'Faire un chatbot de météo' avec @Botfuel https://tutorials.botfuel.io/%23/codelab/weather-bot" target="_blank"><i class="fab fa-twitter"></i></a>
+    </button>
+    <button style="width: 50px; height: 50px; border: none; background: transparent; margin: 7px; font-size: 24px;" title="Share in Facebook">
+      <a href="https://www.facebook.com/sharer/sharer.php?u=https://tutorials.botfuel.io/%23/codelab/weather-bot&quote=Je viens de finir le tutoriel 'Faire un chatbot de météo' avec @Botfuel " target="_blank"><i class="fab fa-facebook-f"></i></a>
+    </button>
+    <button style="width: 50px; height: 50px; border: none; background: transparent; margin: 7px; font-size: 24px;"  title="Share in Linkedin">
+      <a href="https://www.linkedin.com/shareArticle?mini=true&url=https://tutorials.botfuel.io/%23/codelab/weather-bot&title=Butfuel tutorial&summary=Je viens de finir le tutoriel 'Faire un chatbot de météo' avec @Botfuel &source=LinkedIn" target="_blank"><i class="fab fa-linkedin-in"></i></a>
+    </button>
+  </div>
+</center>
 
 ## <i class="fas fa-heart"></i> Nous supporter