add user feedback widget to python docs site

docs/python_docs/_static/feedback.css

@@ -0,0 +1,37 @@
+.feedback-container {
+  text-align: center;
+}
+
+.feedback-answer-container {
+  display: inline-block;
+}
+
+.feedback-question {
+  display: inline-block;
+  padding: 0.5em 1em 0.5em 1em;
+}
+
+.feedback-answer {
+  display: inline-block;
+  padding: 0.5em 1em 0.5em 1em;
+  color: #048ccc;
+  cursor: pointer;
+}
+
+.feedback-answer:hover {
+  color: #ffffff;
+  background-color: #048ccc;
+}
+
+.feedback-thank-you {
+  display: none;
+  padding: 0.5em 1em 0.5em 1em;
+}
+
+.feedback-hr-top {
+  margin-top: 50px;
+}
+
+.feedback-hr-bottom {
+  margin-bottom: 30px;
+}

docs/python_docs/_static/feedback.js

@@ -0,0 +1,13 @@
+$(document).ready(function() {
+  $(".feedback-answer").on("click", function () {
+    $(".feedback-question").remove();
+    $(".feedback-answer-container").remove();
+    $(".feedback-thank-you").show();
+    ga("send", {
+      hitType: "event",
+      eventCategory: "Did this page help you?",
+      eventAction: $(this).attr("data-response"),
+      eventLabel: window.location.pathname || "unknown",
+    });
+  });
+});

docs/python_docs/themes/mx-theme/mxtheme/layout.html

@@ -64,10 +64,12 @@
     '_static/sphinx_materialdesign_theme.css',
     '_static/fontawesome/all.css',
     '_static/fonts.css',
+    '_static/feedback.css',
 ] %}
 
     {%- block header %}
-	<script type="text/javascript" src="{{ pathto('_static/sphinx_materialdesign_theme.js', 1) }} "></script>
+    <script type="text/javascript" src="{{ pathto('_static/sphinx_materialdesign_theme.js', 1) }} "></script>
+    <script type="text/javascript" src="{{ pathto('_static/feedback.js', 1) }}"></script>
     {% endblock %}
 {%- block relbar1 %}{% endblock %}
 {%- block relbar2 %}{% include "relations.html" %}{% endblock %}
@@ -85,6 +87,17 @@
 {%- block document %}
         <div class="page-content" role="main">
         {% block body %} {% endblock %}
+        <hr class="feedback-hr-top" />
+        <div class="feedback-container">
+            <div class="feedback-question">Did this page help you?</div>
+            <div class="feedback-answer-container">
+                <div class="feedback-answer yes-link" data-response="yes">Yes</div>
+                <div class="feedback-answer no-link" data-response="no">No</div>
+            </div>
+            <div class="feedback-thank-you">Thanks for your feedback</div>
+        </div>
+        <hr class="feedback-hr-bottom" />
+
         </div>
         <div class="side-doc-outline">
             <div class="side-doc-outline--content">