From 77f4d377df0f8c1d014903131213edba680e2474 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?B=C3=A9r=C3=A9nice=20Batut?= <bebatut@gmail.com>
Date: Mon, 27 Aug 2018 14:44:08 +0200
Subject: [PATCH] Embed a short feedback form at the bottom of the tutorial

---
 _layouts/tutorial_hands_on.html | 10 +++++-----
 assets/css/main.scss            |  6 ++++++
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/_layouts/tutorial_hands_on.html b/_layouts/tutorial_hands_on.html
index ef8d9c23908a1b..f5da34d906a1e5 100644
--- a/_layouts/tutorial_hands_on.html
+++ b/_layouts/tutorial_hands_on.html
@@ -221,12 +221,12 @@ <h3>{% icon congratulations %} Congratulations on successfully completing this t
 
         <hr>
 
+        <iframe class="google-form" src="https://docs.google.com/forms/d/e/1FAIpQLSd4VZptFTQ03kHkMz0JyW9b6_S8geU5KjNE_tLM0dixT3ZQmA/viewform?embedded=true&entry.1235803833={{ page.title }} ({{ topic.title }})">Loading...
+        </iframe>
+
         <blockquote class="feedback">
-            <h3>{% icon feedback %} Help us improve this content!</h3>
-            Please take a moment to fill in the Galaxy Training Network
-            <a href="https://tinyurl.com/GTNfeedback">Feedback Form</a>.
-            Your feedback helps us improve this tutorial and will be considered
-            in future revisions.
+            <h3>{% icon feedback %} To give us even more feedbacks on this content!</h3>
+            <p>You can take a moment to fill in the extended <a href="https://tinyurl.com/GTNfeedback">Feedback Form</a>.</p>
         </blockquote>
     </section>
 </div>
diff --git a/assets/css/main.scss b/assets/css/main.scss
index 4f6656115cf6f9..f131e5c0570402 100644
--- a/assets/css/main.scss
+++ b/assets/css/main.scss
@@ -219,6 +219,12 @@ footer {
     .fold-unfold {
         margin-left: $tutorial-box-spacing;
     }
+
+    .google-form {
+        width: 100%;
+        height: 1000px;
+        border: 0;
+    }
 }
 
 .contributors {