From 512402c6f1b20404c4a6d623d170c29dbabc30d1 Mon Sep 17 00:00:00 2001
From: Pierre-Olivier Mercier <nemunaire@nemunai.re>
Date: Mon, 11 Jan 2021 14:44:13 +0100
Subject: [PATCH] Add link to survey

---
 i18n/en.yaml                 |  8 ++++++++
 i18n/fr.yaml                 |  8 ++++++++
 layouts/index.html           |  2 ++
 layouts/partials/survey.html | 19 +++++++++++++++++++
 4 files changed, 37 insertions(+)
 create mode 100644 layouts/partials/survey.html

diff --git a/i18n/en.yaml b/i18n/en.yaml
index a8c98cc..467a92f 100644
--- a/i18n/en.yaml
+++ b/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.
diff --git a/i18n/fr.yaml b/i18n/fr.yaml
index 01f6aa4..12842b5 100644
--- a/i18n/fr.yaml
+++ b/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.
diff --git a/layouts/index.html b/layouts/index.html
index 03307d9..7b1f63a 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -24,6 +24,8 @@
     </div>
     <!-- /#all -->
 
+    {{ partial "survey.html" . }}
+
     {{ partial "footer.html" . }}
 
     {{ partial "scripts.html" . }}
diff --git a/layouts/partials/survey.html b/layouts/partials/survey.html
new file mode 100644
index 0000000..c4f83d3
--- /dev/null
+++ b/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>