Adding GA tracking and user feedback input to docs pages. (facebook#1449

) * Adding GA tracking and user feedback input to docs pages. * improving the path label * Fix for netlify Can confirm it's working in GA!
MLH-Fellowship · Nov 1, 2019 · 726e4aa · 726e4aa
1 parent 6417939
commit 726e4aa
Show file tree

Hide file tree

Showing 3 changed files with 65 additions and 0 deletions.
diff --git a/website/siteConfig.js b/website/siteConfig.js
@@ -81,6 +81,7 @@ const siteConfig = {
     'https://buttons.github.io/buttons.js',
     baseUrl + 'js/codeblocks.js',
     baseUrl + 'js/tabs.js',
+    baseUrl + 'js/docs-rating.js',
   ],
   cleanUrl: true,
   scrollToTop: true,

diff --git a/website/static/css/footer.css b/website/static/css/footer.css
@@ -40,3 +40,34 @@ footer.nav-footer .nav-home img {
 footer.nav-footer .copyright {
   color: #999;
 }
+
+/* Docs Rating Box with doc-rating.js */
+
+.docs-rating_container {
+  background-color: rgba(5, 165, 209, 0.25);
+  color: #001217;
+  padding: 15px 30px 15px 27px;
+}
+
+.docs-rating_container svg {
+  fill: rgba(5, 165, 209, 1);
+  height: 1.5em;
+  width: 1.5em;
+  margin: 0 0.15em;
+}
+
+.docs-rating_container svg:hover,
+.docs-rating_container svg:focus {
+  cursor: pointer;
+  fill: #001217;
+}
+
+.docs-rating_container .i_thumbsup {
+  fill: green;
+  transform: translateY(0.25em);
+}
+
+.docs-rating_container .i_thumbsdown {
+  fill: red;
+  transform: scale(-1, -1) translateY(-0.25em);
+}
diff --git a/website/static/js/docs-rating.js b/website/static/js/docs-rating.js