Add link to survey

i18n/en.yaml

@@ -80,3 +80,11 @@
 - id: community-contact-text
   translation: |
     You can contact our team at `contact at happydns.org` for any professional requests.
+
+- id: survey-title
+  translation: "We're going for it!"
+
+- id: survey-text
+  translation: |
+    Tell us what you would like to see<br>
+    by filling out our 2-minute survey.

i18n/fr.yaml

@@ -80,3 +80,11 @@
 - id: community-contact-text
   translation: |
     Contactez notre équipe à `contact at happydns.org` pour toute demande de formation ou commerciale.
+
+- id: survey-title
+  translation: "On se lance dans l'aventure !"
+
+- id: survey-text
+  translation: |
+    Dites-nous ce que vous souhaiteriez voir<br>
+    en remplissant en 2 minutes notre sondage.

layouts/index.html

@@ -24,6 +24,8 @@
     </div>
     <!-- /#all -->
 
+    {{ partial "survey.html" . }}
+
     {{ partial "footer.html" . }}
 
     {{ partial "scripts.html" . }}

layouts/partials/survey.html

@@ -0,0 +1,19 @@
+<div id="voxppl" style="display: none">
+  <a href="https://framaforms.org/que-pense-la-communaute-dhappydns-1610359677" class="d-flex p-3 text-light row" style="position: fixed; bottom: 5vh; right: 5vw; border-radius: 5px; background-color: #9332bbee">
+    <h1 class="col-auto align-self-center">
+      <i class="fa fa-bullhorn"></i>
+    </h1>
+    <div class="col align-self-center font-weigth-bolder">
+      <button type="button" class="close float-right" aria-label="Close" onclick="document.getElementById('voxppl').style.display = 'none'; return false">
+        <span aria-hidden="true">&times;</span>
+      </button>
+      <strong>{{ i18n "survey-title" | markdownify }}</strong><br>
+      {{ i18n "survey-text" | markdownify }}
+    </div>
+  </a>
+</div>
+<script>
+  setTimeout(function() {
+    document.getElementById('voxppl').style.display = 'block'
+  }, 4500)
+</script>