Deploy SuperuserLabs/superuserlabs.github.io to github.com/SuperuserLabs/superuserlabs.github.io.git:master

traviscibot · traviscibot · commit 7de5fece68d1 · 2019-07-30T14:24:43.000Z
diff --git a/thankful/creator.html b/thankful/creator.html
@@ -4,7 +4,46 @@
 window.dataLayer = window.dataLayer || [];
 function gtag(){dataLayer.push(arguments);}
 gtag('js', new Date());
+
 gtag('config', 'UA-121109725-1');
+</script>
+
+<script>
+// From: https://support.google.com/analytics/answer/7478520?hl=en
+/**
+* Function that registers a click on an outbound link in Analytics.
+* This function takes a valid URL string as an argument, and uses that URL string
+* as the event label. Setting the transport method to 'beacon' lets the hit be sent
+* using 'navigator.sendBeacon' in browser that support it.
+*/
+var getOutboundLink = function(urlOrEvent) {
+ let url;
+ let target;
+ if(typeof urlOrEvent === 'string') {
+   url = urlOrEvent;
+ } else {
+   let event = urlOrEvent || window.event;
+   let el = event.target || event.srcElement;
+   if(!el.href) el = el.parentNode;
+   url = el.href;
+   target = el.target;
+ }
+ //console.log(url);
+ //console.log(target);
+ if(window.google_tag_manager) {
+   gtag('event', 'click', {
+        'event_category': 'outbound',
+        'event_label': url,
+        'transport_type': 'beacon',
+        'event_callback': function() {
+          window.open(url, target);
+          //document.location = url;
+        }
+   });
+ } else {
+   window.open(url, target);
+ }
+}
 </script></head><body><header class="mdl-layout__header mdl-layout__header--scroll" style="font-family: 'Roboto', 'Helvetica', sans-serif; background-color: #263238;"><div class="mdl-layout__header-row" style="padding: 0 2em 0 2em"><span class="mdl-layout__title"><a style="color: #FFF; text-decoration: none; padding-right: 1em" href="https://superuserlabs.github.io/">Superuser Labs</a></span><div class="mdl-navigation"><a class="mdl-navigation__link" href="https://getthankful.io/" style="font-weight: 500;">Thankful</a><a class="mdl-navigation__link" href="https://activitywatch.net/" style="font-weight: 500;">ActivityWatch</a></div><div class="mdl-layout-spacer"></div><div class="mdl-navigation"><a class="mdl-navigation__link" href="https://github.com/SuperuserLabs/thankful"><i class="fab fa-github fa-2x"></i></a><a class="mdl-navigation__link" href="https://twitter.com/getthankful"><i class="fab fa-twitter fa-2x"></i></a></div></div></header><div><div class="mdl-grid" style="padding: 6em"><div class="mdl-cell mdl-cell--8-col mdl-cell--2-offset-desktop"><div class="mdl-grid" style="padding: 0"><div class="display-4 text-center w-100">Thank you!</div><div class="col-md-6 offset-md-3"><p class="text-center">Thank you for showing interest! We are still in alpha and we need <b>your</b> input so that we can create the fee- and hassle-free funding experience creators want.</p><p class="text-center">Please take <a href="https://docs.google.com/forms/d/e/1FAIpQLSdgRsgDmFk63F_ZsVrON6iqla-60eHtgjzfSSgwIfodx1u84g/viewform?usp=sf_link">this survey</a> and subscribe below.</p><hr/><!-- Begin MailChimp Signup Form -->
 <link href="//cdn-images.mailchimp.com/embedcode/horizontal-slim-10_7.css" rel="stylesheet" type="text/css">
 <style type="text/css">
diff --git a/thankful/donor.html b/thankful/donor.html
@@ -4,7 +4,46 @@
 window.dataLayer = window.dataLayer || [];
 function gtag(){dataLayer.push(arguments);}
 gtag('js', new Date());
+
 gtag('config', 'UA-121109725-1');
+</script>
+
+<script>
+// From: https://support.google.com/analytics/answer/7478520?hl=en
+/**
+* Function that registers a click on an outbound link in Analytics.
+* This function takes a valid URL string as an argument, and uses that URL string
+* as the event label. Setting the transport method to 'beacon' lets the hit be sent
+* using 'navigator.sendBeacon' in browser that support it.
+*/
+var getOutboundLink = function(urlOrEvent) {
+ let url;
+ let target;
+ if(typeof urlOrEvent === 'string') {
+   url = urlOrEvent;
+ } else {
+   let event = urlOrEvent || window.event;
+   let el = event.target || event.srcElement;
+   if(!el.href) el = el.parentNode;
+   url = el.href;
+   target = el.target;
+ }
+ //console.log(url);
+ //console.log(target);
+ if(window.google_tag_manager) {
+   gtag('event', 'click', {
+        'event_category': 'outbound',
+        'event_label': url,
+        'transport_type': 'beacon',
+        'event_callback': function() {
+          window.open(url, target);
+          //document.location = url;
+        }
+   });
+ } else {
+   window.open(url, target);
+ }
+}
 </script></head><body><header class="mdl-layout__header mdl-layout__header--scroll" style="font-family: 'Roboto', 'Helvetica', sans-serif; background-color: #263238;"><div class="mdl-layout__header-row" style="padding: 0 2em 0 2em"><span class="mdl-layout__title"><a style="color: #FFF; text-decoration: none; padding-right: 1em" href="https://superuserlabs.github.io/">Superuser Labs</a></span><div class="mdl-navigation"><a class="mdl-navigation__link" href="https://getthankful.io/" style="font-weight: 500;">Thankful</a><a class="mdl-navigation__link" href="https://activitywatch.net/" style="font-weight: 500;">ActivityWatch</a></div><div class="mdl-layout-spacer"></div><div class="mdl-navigation"><a class="mdl-navigation__link" href="https://github.com/SuperuserLabs/thankful"><i class="fab fa-github fa-2x"></i></a><a class="mdl-navigation__link" href="https://twitter.com/getthankful"><i class="fab fa-twitter fa-2x"></i></a></div></div></header><div><div class="mdl-grid" style="padding: 6em"><div class="mdl-cell mdl-cell--8-col mdl-cell--2-offset-desktop"><div class="mdl-grid" style="padding: 0"><div class="display-4 text-center w-100">Thank you!</div><div class="col-md-6 offset-md-3"><p class="text-center">Thank you for showing interest! We are still in alpha and we need <b>your</b> input so that we can help you support the creators you love.</p><p class="text-center">Please take <a href="https://docs.google.com/forms/d/e/1FAIpQLSeorT2AUsJ4_SxxEm12zYz89Pk9mz3XZvPxL336Q-mR-_LAqw/viewform?usp=sf_link">this survey</a> and subscribe below.</p><hr/><!-- Begin MailChimp Signup Form -->
 <link href="//cdn-images.mailchimp.com/embedcode/horizontal-slim-10_7.css" rel="stylesheet" type="text/css">
 <style type="text/css">
diff --git a/thankful/index.html b/thankful/index.html
@@ -4,10 +4,49 @@
 window.dataLayer = window.dataLayer || [];
 function gtag(){dataLayer.push(arguments);}
 gtag('js', new Date());
+
 gtag('config', 'UA-121109725-1');
+</script>
+
+<script>
+// From: https://support.google.com/analytics/answer/7478520?hl=en
+/**
+* Function that registers a click on an outbound link in Analytics.
+* This function takes a valid URL string as an argument, and uses that URL string
+* as the event label. Setting the transport method to 'beacon' lets the hit be sent
+* using 'navigator.sendBeacon' in browser that support it.
+*/
+var getOutboundLink = function(urlOrEvent) {
+ let url;
+ let target;
+ if(typeof urlOrEvent === 'string') {
+   url = urlOrEvent;
+ } else {
+   let event = urlOrEvent || window.event;
+   let el = event.target || event.srcElement;
+   if(!el.href) el = el.parentNode;
+   url = el.href;
+   target = el.target;
+ }
+ //console.log(url);
+ //console.log(target);
+ if(window.google_tag_manager) {
+   gtag('event', 'click', {
+        'event_category': 'outbound',
+        'event_label': url,
+        'transport_type': 'beacon',
+        'event_callback': function() {
+          window.open(url, target);
+          //document.location = url;
+        }
+   });
+ } else {
+   window.open(url, target);
+ }
+}
 </script></head><body><div class="mdl-layout mdl-js-layout mdl-layout--fixed-header"><header class="mdl-layout__header mdl-layout__header--scroll" style="font-family: 'Roboto', 'Helvetica', sans-serif; background-color: #263238;"><div class="mdl-layout__header-row" style="padding: 0 2em 0 2em"><span class="mdl-layout__title"><a style="color: #FFF; text-decoration: none; padding-right: 1em" href="https://superuserlabs.github.io/">Superuser Labs</a></span><div class="mdl-navigation"><a class="mdl-navigation__link" href="https://getthankful.io/" style="font-weight: 500;">Thankful</a><a class="mdl-navigation__link" href="https://activitywatch.net/" style="font-weight: 500;">ActivityWatch</a></div><div class="mdl-layout-spacer"></div><div class="mdl-navigation"><a class="mdl-navigation__link" href="https://github.com/SuperuserLabs/thankful"><i class="fab fa-github fa-2x"></i></a><a class="mdl-navigation__link" href="https://twitter.com/getthankful"><i class="fab fa-twitter fa-2x"></i></a></div></div></header><main class="mdl-layout__content"><div style="position: relative; background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05)); background-repeat: no-repeat; background-size: cover; background-position: center; padding: 5em 0em 2em 0"><div class="mdl-typography--text-center mdl-color-text--grey-800"><div><div class="mdl-typography--display-4"><div style="white-space: nowrap; font-size: 0.8em"><img src="/media/thankful-logo-512.png" style="width: 1em; display: inline-block; vertical-align: middle; margin: 0em 0em 0.2em 0"/><span style="display: inline-block; vertical-align: middle; font-family: 'Varela round'"><b>hankful</b></span></div></div></div><div style="font-family: 'Varela round'"><div style="margin-top: 1.5em; font-size: 1.5em; font-weight: bold;">Support the creators that you love using cryptocurrency</div><div style="margin-top: 0.6em; font-size: 1.25em">Easier, fairer, and without middlemen</div></div><hr style="width: 24em; margin: 2em auto 2em auto;"/><div style="padding: 0 1em"><h5><b>Try the early alpha!</b></h5><!--div+button("asd", style="background-color: #F82; color: white")
   | <i class="fab fa-firefox" style="color: #FFF"></i> Firefox
---><div style="display: flex; align-items: center; justify-content: center;"><div style="margin-right: 1em"><a href="https://chrome.google.com/webstore/detail/thankful/eapbondnpopbiepnjfhnaaejfdfjhnde"><img src="https://developer.chrome.com/webstore/images/ChromeWebStore_BadgeWBorder_v2_206x58.png"/></a></div><div><a href="https://addons.mozilla.org/en-US/firefox/addon/getthankful/"><img src="https://addons.cdn.mozilla.net/static/img/addons-buttons/AMO-button_1.png"/></a></div></div><div class="mdl-typography--body-2-color-contrast" style="margin-top: 0.5em">...or get the code on <a class="mdl-typography--body-2-color-contrast" href="https://github.com/SuperuserLabs/thankful">GitHub</a></div><figure style="border: 1px solid #555; border-radius: 3px; width: 30em; max-width: 100%; margin: 1em auto;"><a href="/media/screenshot-thankful-1280x800.png"><img src="/media/screenshot-thankful-1280x800.png" width="100%"/></a></figure><!--div(style="margin: 1em 3em 0 3em")include /templates/email-signup-horizontal.pug
+--><div style="display: flex; align-items: center; justify-content: center;"><div style="margin-right: 1em"><a href="https://chrome.google.com/webstore/detail/thankful/eapbondnpopbiepnjfhnaaejfdfjhnde" target="_blank" onclick="getOutboundLink(event); return false;"><img src="https://developer.chrome.com/webstore/images/ChromeWebStore_BadgeWBorder_v2_206x58.png"/></a></div><div><a href="https://addons.mozilla.org/en-US/firefox/addon/getthankful/" target="_blank" onclick="getOutboundLink(event); return false;"><img src="https://addons.cdn.mozilla.net/static/img/addons-buttons/AMO-button_1.png"/></a></div></div><div class="mdl-typography--body-2-color-contrast" style="margin-top: 0.5em">...or get the code on <a class="mdl-typography--body-2-color-contrast" href="https://github.com/SuperuserLabs/thankful">GitHub</a></div><figure style="border: 1px solid #555; border-radius: 3px; width: 30em; max-width: 100%; margin: 1em auto;"><a href="/media/screenshot-thankful-1280x800.png"><img src="/media/screenshot-thankful-1280x800.png" width="100%"/></a></figure><!--div(style="margin: 1em 3em 0 3em")include /templates/email-signup-horizontal.pug
 --></div><!--divh5(style='margin-bottom: 0.5em')
   b Get started!
 p
