Embed a short feedback form at the bottom of the tutorial

galaxyproject · Aug 28, 2018 · 77f4d37 · 77f4d37
1 parent a231299
commit 77f4d37
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 5 deletions.
diff --git 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
@@ -219,6 +219,12 @@ footer {
     .fold-unfold {
         margin-left: $tutorial-box-spacing;
     }
+
+    .google-form {
+        width: 100%;
+        height: 1000px;
+        border: 0;
+    }
 }
 
 .contributors {