add intercom and google analytics (#27)

* add intercom and google analytics

* fix margin

Author: josuebran

src/css/ds-card.css

@@ -11,7 +11,10 @@
   margin-top: var(--ds-space-3);
 }
 
-.doc .ds-card .paragraph {
+.doc .ds-card .paragraph,
+.doc .ds-card .ulist .paragraph,
+.doc .ds-card .dlist .paragraph,
+.doc .ds-card .hdlist .paragraph {
   margin-top: var(--ds-space-2);
 }
 
@@ -29,9 +32,9 @@
   margin-bottom: var(--ds-space-3);
 }
 
-.ds-card .paragraph.landing-card-icon img {
+.ds-card .landing-card-icon .image:not(.left):not(.right) img {
   display: flex;
-  margin: 0 !important;
+  margin: 0;
 }
 
 .ds-card .paragraph.landing-card-icon.full {

src/js/07-theme-toggle.js

@@ -15,3 +15,11 @@ toggle.onclick = function () {
   document.documentElement.setAttribute('data-theme', targetTheme)
   localStorage.setItem('theme', targetTheme)
 }
+
+var help = document.getElementById('get-support')
+
+help.onclick = function () {
+  try {
+    window.Intercom('show')
+  } catch (e) {}
+}

src/layouts/404.hbs

@@ -7,5 +7,6 @@
 {{> header}}
 {{> body}}
 {{> footer}}
+{{> intercom}}
   </body>
 </html>

src/layouts/default.hbs

@@ -7,5 +7,6 @@
 {{> header}}
 {{> body}}
 {{> footer}}
+{{> intercom}}
   </body>
 </html>

src/layouts/landing.hbs

@@ -7,5 +7,6 @@
 {{> header}}
 {{> body}}
 {{> footer}}
+{{> intercom}}
   </body>
 </html>

src/layouts/tutorial.hbs

@@ -7,5 +7,6 @@
 {{> header}}
 {{> body}}
 {{> footer}}
+{{> intercom}}
   </body>
 </html>

src/partials/head-prelude.hbs

@@ -1,2 +1,11 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width,initial-scale=1">
+    {{#with site.keys.googleAnalytics}}
+    <!-- Google Tag Manager -->
+    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+    })(window,document,'script','dataLayer','{{this}}');</script>
+    <!-- End Google Tag Manager -->
+    {{/with}}

src/partials/header-scripts.hbs

@@ -1 +1,7 @@
 {{!-- Add header scripts here --}}
+{{#with site.keys.googleAnalytics}}
+<!-- Google Tag Manager (noscript) -->
+<noscript><iframe src="https://www.googletagmanager.com/ns.html?id={{this}}"
+height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
+<!-- End Google Tag Manager (noscript) -->
+{{/with}}

src/partials/intercom.hbs

@@ -0,0 +1,11 @@
+{{#with site.keys.intercom}}
+<script>
+window.intercomSettings = {
+    app_id: "{{this}}",
+    api_base: "https://api-iam.intercom.io"
+  };
+</script>
+<script>
+!function(){var t=window,e=t.Intercom;if("function"==typeof e)e("reattach_activator"),e("update",t.intercomSettings);else{var n=document,a=function(){a.c(arguments)};a.q=[],a.c=function(t){a.q.push(t)},t.Intercom=a;var c=function(){var t=n.createElement("script");t.type="text/javascript",t.async=!0,t.src="https://widget.intercom.io/widget/{{this}}";var e=n.getElementsByTagName("script")[0];e.parentNode.insertBefore(t,e)};t.attachEvent?t.attachEvent("onload",c):t.addEventListener("load",c,!1)}}();
+</script>
+{{/with}}