]> arthur.barton.de Git - netdata.git/blobdiff - web/demosites.html
Merge pull request #2021 from ktsaou/master
[netdata.git] / web / demosites.html
index e02e1aaa3ab69e2d88b2e809071cfe269444a2d9..6f6a4eafbf0b104d517f313f46200c25d529fb94 100644 (file)
@@ -1,13 +1,33 @@
 <!doctype html>
 <html lang=en-us>
-<meta charset=utf-8>
-<title>NetData - Real-time performance monitoring, done right!</title>
-<meta name=description
-      content="Stunning real-time dashboards, blazingly fast and extremely interactive. Zero configuration, zero dependencies, zero maintenance.">
-<meta name=viewport content="width=device-width,initial-scale=1">
-<link rel=apple-touch-icon href=apple-touch-icon.png>
-
-<style>/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
+<head>
+    <meta charset=utf-8>
+    <title>NetData: Get control of your Linux Servers. Simple. Effective. Awesome.</title>
+    <meta name=author content="Costa Tsaousis">
+    <meta name=description content="Unparalleled insights, in real-time, of everything happening on your Linux systems and applications, with stunning, interactive web dashboards and powerful performance and health alarms.">
+
+    <meta name=viewport content="width=device-width,initial-scale=1">
+    <link rel=apple-touch-icon href=apple-touch-icon.png>
+    <link rel="icon" type="image/png" sizes="32x32" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAACNklEQVRYhcXXv2tUQRAH8M+FEIJISBHCIWIhIQSUILERi4AiiqCggiIiomAjlhaC4j+ghYWISgqNohZaCBZBC8Ei8QdEUCutFBsxCBqDYkgci/cunkfuJffjJQPD8mZm5/vd2WV2HzlJ0Bs8CvrywsgCHwy+BpGOg0sJfjj4nYKX9FdwKG9gwZlgtgK8pLOpPxfw1mCoCnClDgWtzQTvCEYWCV7SkWAlFBoEb8dlDKBF8t2bMWUSH/AHr3CiEfz5CPUusPJLkRCdk5ZqyeqUrQv4R7E5TwK7M3zTeIKduRAIitiWEfIY69GdCwGcRFuG/xqONRkzkaA7+J5x+MaDtWmHvJ4HgeEM8Nn0bridfv9HoOFyBAdwJCPkqqTzHWwUaz7wgeBHxupfBKuCj2W25mxBsCGYyAB/FxTT27HcPlyep64tCLbjKbqqhLzBlgKfF8pVE4FgRXABI+ioEnYfOyzcFWsCbg+OV+xlpU4ER4O+4HVwL51b3xYEXcGu4Ao+YQhr5gmdxHmsQyfG0b/YxbWmLfRWmnxa0s06VbTMCpnBS9zFzQKTwR5cXCzwHIE02Sl8wSZsRI/kgLVJqjSd+t9LVjiG1diPszhdK3A5gR48k5zYMTwscC59sfT799CYKvA8EttbSeXgTr3gJQKl91kR+yTlvyG5uUbLYh9gb+ovltkb6qYtNSRo3kOygsBSzGlKsubf43USWLYK5CLLXoFWyU/CtzLbVDpW2n+m40yN9ukqdvAX9ac/EIgOapcAAAAASUVORK5CYII=">
+
+    <meta property="og:url"                content="https://my-netdata.io" />
+    <meta property="og:type"               content="website" />
+    <meta property="og:title"              content="Get control of your Linux Servers. Simple. Effective. Awesome." />
+    <meta property="og:description"        content="Unparalleled insights, in real-time, of everything happening on your Linux systems and applications, with stunning, interactive web dashboards and powerful performance and health alarms." />
+    <meta property="og:image"              content="https://cloud.githubusercontent.com/assets/2662304/22945737/e98cd0c6-f2fd-11e6-96f1-5501934b0955.png" />
+    <meta property="og:image:type"         content="image/png" />
+    <meta property="fb:app_id"             content="1200089276712916" />
+
+    <meta name="twitter:card"              content="summary" />
+    <meta name="twitter:site"              content="@linuxnetdata" />
+    <meta name="twitter:title"             content="Get control of your Linux Servers. Simple. Effective. Awesome." />
+    <meta name="twitter:description"       content="Unparalleled insights, in real-time, of everything happening on your Linux systems and applications, with stunning, interactive web dashboards and powerful performance and health alarms." />
+    <meta name="twitter:image"             content="https://cloud.githubusercontent.com/assets/2662304/14092712/93b039ea-f551-11e5-822c-beadbf2b2a2e.gif" />
+
+    <meta name="google-site-verification" content="3Xmk2kyCvai8p9HEnYHoQ9RBW20-b1NvPAgu07Fkkds" />
+    <meta name="msvalidate.01" content="896DCA31C9A664CE359FCF1A645DD476" />
+
+    <style>/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
 html {
     line-height: 1.15;
     -ms-text-size-adjust: 100%;
@@ -486,7 +506,7 @@ p {
     and that you have chown it to be owned by netdata:netdata
 -->
 <!-- <script type="text/javascript" src="http://my.server:19999/dashboard.js"></script> -->
-<script type="text/javascript" src="dashboard.js?v20161112-1"></script>
+<script type="text/javascript" src="dashboard.js?v20170105-7"></script>
 
 <script>
     // --- OPTIONS FOR THE CHARTS --
@@ -510,6 +530,9 @@ p {
     // since we have many servers and limited sockets,
     // abort ajax calls when we scroll
     NETDATA.options.current.abort_ajax_on_scroll = true;
+
+    // do not to give errors on netdata demo servers for 60 seconds
+    NETDATA.options.current.retries_on_data_failures = 60;
 </script>
 
 <style>
@@ -517,6 +540,14 @@ p {
         display: inline-block;
     }
 
+    .mygauge-combo30 {
+        display: inline-block;
+        min-width: 150px;
+        width: 32%;
+        padding-top: 40px;
+        text-align: center;
+    }
+
     .mygauge {
         position: relative;
         display: block;
@@ -582,76 +613,92 @@ p {
         text-shadow: #333 0px 0px 2px;
     }
 
+    .fb-share-button span {
+        top: 0px;
+    }
+    .fb-like span {
+        top: 0px;
+    }
+    .fb-follow span {
+        top: 0px;
+    }
 
 </style>
-
+</head>
+<body>
 <div class=container>
     <div class="site-header clearfix" role=banner>
         <div class=site-logo>my-netdata.io</div>
         <ul class="site-nav inline-block-list">
-            <li><a href=https://github.com/firehol/netdata data-ga-category="Outbound links"
-                   data-ga-action="Nav click" data-ga-label="Source code" target="_blank">Source code</a>
-            <li><a href=https://github.com/firehol/netdata/wiki
-                   data-ga-category="Outbound links" data-ga-action="Nav click" data-ga-label=Docs target="_blank">Docs</a>
+            <li><a href=https://github.com/firehol/netdata data-ga-category="Outbound links" data-ga-action="Nav click" data-ga-label="Source code" target="_blank">Source code</a>
+            <li><a href=https://github.com/firehol/netdata/wiki data-ga-category="Outbound links" data-ga-action="Nav click" data-ga-label=Docs target="_blank">Docs</a>
         </ul>
     </div>
     <div class=site-promo><h1>Get control<br/>of your Linux servers</h1>
         <p class=description>
-            Simple. Effective.
+            Simple.
+            Effective.
+            Awesome.
             <br/>&nbsp;<br/>
             <strong>Unparalleled</strong> insights, in <strong>real-time</strong>,
             of <strong>everything</strong> happening on your Linux systems and applications,
-            with <strong>stunning</strong> interactive web dashboards
+            with stunning, <strong>interactive</strong> web dashboards
             and powerful <strong>performance</strong> and <strong>health</strong> alarms.
         <div class=cta-option>
-            <a class="btn btn-download" href=https://github.com/firehol/netdata/wiki/Installation
-               data-ga-category="Outbound links" data-ga-action="Nav click" data-ga-label=Install><strong>Install netdata now</strong></a>
-            <a class=last-update href=https://github.com/firehol/netdata/releases
-               data-ga-category="Outbound links" data-ga-action="Nav click" data-ga-label=Releases>See netdata releases</a></div>
+            <a class="btn btn-download" href=https://github.com/firehol/netdata/wiki/Installation data-ga-category="Outbound links" data-ga-action="Nav click" data-ga-label=Install><strong>Install netdata now</strong></a>
+            <a class=last-update href=https://github.com/firehol/netdata/releases data-ga-category="Outbound links" data-ga-action="Nav click" data-ga-label=Releases>See netdata releases</a></div>
         <div class=cta-option>
-            <a class="btn btn-alt" href="#demosites">netdata live demo</a>
+            <a class="btn btn-alt" href="#demosites" data-ga-category="Outbound links" data-ga-action="Nav click" data-ga-label=Demo>netdata live demo</a>
         </div>
     </div>
 
 </div>
 <div class=site-section>
-    <div class=container><h2>Linux&#8217;s most powerful<br/>performance monitoring</h2>
+    <div class=container><h2>Save time. Run Linux with confidence.</h2>
         <div class=grid>
             <div class=grid-cell><h3><span class=star>&#x2605;</span> Monitor everything</h3>
                 <p>Analyze thousands of metrics per server.
-                    Everything about the system (CPU, RAM, disks, network, firewall, QoS, NFS, etc) and detailed performance metrics for dozens of Linux applications
+                    Everything about <a href="https://github.com/firehol/netdata/wiki/Internal-Plugins" target="_blank" data-ga-category="Outbound links" data-ga-action="Nav click" data-ga-label=InternalPlugins>the system</a> (CPU,
+                        RAM, <a href="https://github.com/firehol/netdata/wiki/Monitoring-disks" target="_blank" data-ga-category="Outbound links" data-ga-action="Nav click" data-ga-label=MonitoringDisks>disks</a>,
+                    network, firewall, <a href="https://github.com/firehol/netdata/wiki/Why-netdata%3F#visualizes-qos" target="_blank" data-ga-category="Outbound links" data-ga-action="Nav click" data-ga-label=QoS>QoS</a>, NFS, etc)
+                    and detailed performance metrics for dozens of
+                    <a href="https://github.com/firehol/netdata/wiki/Add-more-charts-to-netdata" target="_blank" data-ga-category="Outbound links" data-ga-action="Nav click" data-ga-label=AddMoreCharts>Linux applications</a>
                     (such as web servers, databases servers, email servers, DNS servers, etc)
-                    and <strong>SNMP</strong> devices.
+                    and <a href="https://github.com/firehol/netdata/blob/master/conf.d/node.d/snmp.conf.md" target="_blank" data-ga-category="Outbound links" data-ga-action="Nav click" data-ga-label=SNMP>SNMP</a> devices.
             </div>
             <div class=grid-cell><h3><span class=star>&#x2605;</span> With alarms</h3>
-                <p>Alarms can be set on any metric monitored by netdata.
-                    Alarm notifications are role-based and support dynamic thresholds, hysteresis and can be dispatched
-                    via multiple methods (such as email, slack.com, pushover.net, pushbullet.com telegram.org, twilio.com).
+                <p><a href="https://github.com/firehol/netdata/wiki/health-monitoring" target="_blank" data-ga-category="Outbound links" data-ga-action="Nav click" data-ga-label=Alarms>Alarms</a>
+                    can be set on any metric monitored by netdata.
+                    Alarm <a href="https://github.com/firehol/netdata/wiki/health-monitoring#alarm-actions" target="_blank" data-ga-category="Outbound links" data-ga-action="Nav click" data-ga-label=AlarmNotifications>notifications</a>
+                    are role-based and support dynamic thresholds, hysteresis and can be dispatched via multiple methods
+                    (such as email, slack.com, pushover.net, pushbullet.com, telegram.org, twilio.com).
             </div>
             <div class=grid-cell><h3><span class=star>&#x2605;</span> In real-time</h3>
-                <p>netdata collects thousands of metrics per server <strong>per second</strong>, with just 1% CPU
-                    utilization of a single core, a few MB or RAM and no disk I/O at all.
+                <p>netdata collects thousands of metrics per server <strong>per second</strong>,
+                    with <a href="https://github.com/firehol/netdata/wiki/Performance#netdata-daemon" target="_blank" data-ga-category="Outbound links" data-ga-action="Nav click" data-ga-label=Performance>just 1% CPU</a>
+                    utilization of a single core, <a href="https://github.com/firehol/netdata/wiki/Memory-Requirements" target="_blank" data-ga-category="Outbound links" data-ga-action="Nav click" data-ga-label=MemoryRequirements>a few MB of RAM</a>
+                    and no disk I/O at all.
                     View everything on <strong>stunning</strong> real-time interactive web dashboards, even when netdata is
                     running on low-end hardware.
             </div>
             <div class=grid-cell><h3><span class=star>&#x2605;</span> Out of the box</h3>
-                <p>netdata supports auto-detection for everything. It collects more than 5000 metrics automatically, with
+                <p>netdata supports <a href="https://github.com/firehol/netdata/tree/master/conf.d/python.d" target="_blank" data-ga-category="Outbound links" data-ga-action="Nav click" data-ga-label=AutoDetection>auto-detection</a> for everything. It collects more than 5000 metrics automatically, with
                     <strong>zero configuration</strong>, it has <strong>zero dependencies</strong>, requires <strong>zero
-                        maintenance</strong> and comes with more than 100 alarms pre-configured to detect common
+                        maintenance</strong> and comes with more than <a href="https://github.com/firehol/netdata/tree/master/conf.d/health.d" target="_blank" data-ga-category="Outbound links" data-ga-action="Nav click" data-ga-label=AlarmConfigs>100 alarms</a> pre-configured to detect common
                     failures, performance and availability issues.
             </div>
             <div class=grid-cell><h3><span class=star>&#x2605;</span> Embeddable</h3>
-                <p>netdata can run anywhere a Linux kernel runs (even IoT) and its charts can be embedded on any web site too.
+                <p>netdata can run anywhere a Linux kernel runs (<a href="https://github.com/firehol/netdata/wiki/netdata-for-IoT" target="_blank" data-ga-category="Outbound links" data-ga-action="Nav click" data-ga-label=IoT>even IoT</a>) and its charts can be embedded on any web site too.
             </div>
             <div class=grid-cell><h3><span class=star>&#x2605;</span> Customizable</h3>
-                <p>Custom dashboards can be built using simple HTML (no javascript necessary).
+                <p><a href="https://github.com/firehol/netdata/wiki/Custom-Dashboards" target="_blank" data-ga-category="Outbound links" data-ga-action="Nav click" data-ga-label=CustomDashboards>Custom dashboards</a> can be built using simple HTML (no javascript necessary).
             </div>
             <div class=grid-cell><h3><span class=star>&#x2605;</span> Extensible</h3>
-                <p>Anything you can get a number for, can be given to netdata, using its Plugin API (anything can be a netdata plugin, BASH, python, perl, node.js, java, Go, ruby, etc).
+                <p>Anything you can get a number for, can be given to netdata, using its <a href="https://github.com/firehol/netdata/wiki/External-Plugins" target="_blank" data-ga-category="Outbound links" data-ga-action="Nav click" data-ga-label=ExternalPlugins>Plugin API</a> (anything can be a netdata plugin, BASH, python, perl, node.js, java, Go, ruby, etc).
             </div>
             <div class=grid-cell><h3><span class=star>&#x2605;</span> Scalable</h3>
-                <p>netdata scales out, your web browser is the central netdata connecting all your servers together.
-                    netdata can archive its metrics to <strong>graphite</strong> or <strong>opentsdb</strong> at a lower
+                <p>netdata scales out, your web browser is the central netdata <a href="https://github.com/firehol/netdata/wiki/mynetdata-menu-item" target="_blank" data-ga-category="Outbound links" data-ga-action="Nav click" data-ga-label=MyNetdataMenu>connecting all your servers</a> together.
+                    netdata can <a href="https://github.com/firehol/netdata/wiki/netdata-backends" target="_blank" data-ga-category="Outbound links" data-ga-action="Nav click" data-ga-label=Backends>archive its metrics</a> to <strong>graphite</strong> or <strong>opentsdb</strong> at a lower
                 rate, to avoid congesting these servers with the amount of data collected.
             </div>
         </div>
@@ -677,7 +724,7 @@ p {
                 </div>
                 <div class="mygauge-button">
                     <br/>&nbsp;<br/>
-                    <button type="button" class="btn btn-alt mygauge-legend-button" data-toggle="button" aria-pressed="false" autocomplete="off" onclick="window.location='//london.my-netdata.io/default.html'">Enter London!</button>
+                    <a class="btn btn-alt mygauge-legend-button" href=//london.my-netdata.io/default.html data-ga-category="Outbound links" data-ga-action="Nav click" data-ga-label=DemoLondon><strong>Enter London!</strong></a>
                     <div class="mygause-donation">
                         Donated by DigitalOcean.com
                     </div>
@@ -699,7 +746,7 @@ p {
                 </div>
                 <div class="mygauge-button">
                     <br/>&nbsp;<br/>
-                    <button type="button" class="btn btn-alt mygauge-legend-button" data-toggle="button" aria-pressed="false" autocomplete="off" onclick="window.location='//atlanta.my-netdata.io/default.html'">Enter Atlanta!</button>
+                    <a class="btn btn-alt mygauge-legend-button" href=//atlanta.my-netdata.io/default.html data-ga-category="Outbound links" data-ga-action="Nav click" data-ga-label=DemoAtlanta><strong>Enter Atlanta!</strong></a>
                     <div class="mygause-donation">
                         Donated by CDN77.com
                     </div>
@@ -708,7 +755,7 @@ p {
             <div class="mygauge-combo">
                 <div class="mygauge">
                     <div data-netdata="netdata.requests"
-                         data-host="//sanfrancisco.netdata.rocks"
+                         data-host="//sanfrancisco.my-netdata.io"
                          data-title="US - California"
                          data-chart-library="gauge"
                          data-decimal-digits="0"
@@ -721,7 +768,7 @@ p {
                 </div>
                 <div class="mygauge-button">
                     <br/>&nbsp;<br/>
-                    <button type="button" class="btn btn-alt mygauge-legend-button" data-toggle="button" aria-pressed="false" autocomplete="off" onclick="window.location='//sanfrancisco.netdata.rocks/default.html'">Enter California!</button>
+                    <a class="btn btn-alt mygauge-legend-button" href=//sanfrancisco.my-netdata.io/default.html data-ga-category="Outbound links" data-ga-action="Nav click" data-ga-label=DemoSanfrancisco><strong>Enter California!</strong></a>
                     <div class="mygause-donation">
                         Donated by DigitalOcean.com
                     </div>
@@ -730,7 +777,7 @@ p {
             <div class="mygauge-combo">
                 <div class="mygauge">
                     <div data-netdata="netdata.requests"
-                         data-host="//toronto.netdata.rocks"
+                         data-host="//toronto.my-netdata.io"
                          data-title="Canada"
                          data-chart-library="gauge"
                          data-decimal-digits="0"
@@ -743,7 +790,7 @@ p {
                 </div>
                 <div class="mygauge-button">
                     <br/>&nbsp;<br/>
-                    <button type="button" class="btn btn-alt mygauge-legend-button" data-toggle="button" aria-pressed="false" autocomplete="off" onclick="window.location='//toronto.netdata.rocks/default.html'">Enter Canada!</button>
+                    <a class="btn btn-alt mygauge-legend-button" href=//toronto.my-netdata.io/default.html data-ga-category="Outbound links" data-ga-action="Nav click" data-ga-label=DemoToronto><strong>Enter Canada!</strong></a>
                     <div class="mygause-donation">
                         Donated by DigitalOcean.com
                     </div>
@@ -753,7 +800,7 @@ p {
             <div class="mygauge-combo">
                 <div class="mygauge">
                     <div data-netdata="netdata.requests"
-                         data-host="//frankfurt.netdata.rocks"
+                         data-host="//frankfurt.my-netdata.io"
                          data-title="EU - Germany"
                          data-chart-library="easypiechart"
                          data-decimal-digits="0"
@@ -766,7 +813,7 @@ p {
                 </div>
                 <div class="mygauge-button">
                     <br/>&nbsp;<br/>
-                    <button type="button" class="btn btn-alt mygauge-legend-button" data-toggle="button" aria-pressed="false" autocomplete="off" onclick="window.location='//frankfurt.netdata.rocks/default.html'">Enter Germany!</button>
+                    <a class="btn btn-alt mygauge-legend-button" href=//frankfurt.my-netdata.io/default.html data-ga-category="Outbound links" data-ga-action="Nav click" data-ga-label=DemoFrankfurt><strong>Enter Germany!</strong></a>
                     <div class="mygause-donation">
                         Donated by DigitalOcean.com
                     </div>
@@ -775,7 +822,7 @@ p {
             <div class="mygauge-combo">
                 <div class="mygauge">
                     <div data-netdata="netdata.requests"
-                         data-host="//newyork.netdata.rocks"
+                         data-host="//newyork.my-netdata.io"
                          data-title="US - New York"
                          data-chart-library="easypiechart"
                          data-decimal-digits="0"
@@ -788,7 +835,7 @@ p {
                 </div>
                 <div class="mygauge-button">
                     <br/>&nbsp;<br/>
-                    <button type="button" class="btn btn-alt mygauge-legend-button" data-toggle="button" aria-pressed="false" autocomplete="off" onclick="window.location='//newyork.netdata.rocks/default.html'">Enter New York!</button>
+                    <a class="btn btn-alt mygauge-legend-button" href=//newyork.my-netdata.io/default.html data-ga-category="Outbound links" data-ga-action="Nav click" data-ga-label=DemoNewYork><strong>Enter New York!</strong></a>
                     <div class="mygause-donation">
                         Donated by DigitalOcean.com
                     </div>
@@ -797,7 +844,7 @@ p {
             <div class="mygauge-combo">
                 <div class="mygauge">
                     <div data-netdata="netdata.requests"
-                         data-host="//singapore.netdata.rocks"
+                         data-host="//singapore.my-netdata.io"
                          data-title="Singapore"
                          data-chart-library="easypiechart"
                          data-decimal-digits="0"
@@ -810,7 +857,7 @@ p {
                 </div>
                 <div class="mygauge-button">
                     <br/>&nbsp;<br/>
-                    <button type="button" class="btn btn-alt mygauge-legend-button" data-toggle="button" aria-pressed="false" autocomplete="off" onclick="window.location='//singapore.netdata.rocks/default.html'">Enter Singapore!</button>
+                    <a class="btn btn-alt mygauge-legend-button" href=//singapore.my-netdata.io/default.html data-ga-category="Outbound links" data-ga-action="Nav click" data-ga-label=DemoSingapore><strong>Enter Singapore!</strong></a>
                     <div class="mygause-donation">
                         Donated by DigitalOcean.com
                     </div>
@@ -819,7 +866,7 @@ p {
             <div class="mygauge-combo">
                 <div class="mygauge">
                     <div data-netdata="netdata.requests"
-                         data-host="//bangalore.netdata.rocks"
+                         data-host="//bangalore.my-netdata.io"
                          data-title="India"
                          data-chart-library="easypiechart"
                          data-decimal-digits="0"
@@ -832,7 +879,7 @@ p {
                 </div>
                 <div class="mygauge-button">
                     <br/>&nbsp;<br/>
-                    <button type="button" class="btn btn-alt mygauge-legend-button" data-toggle="button" aria-pressed="false" autocomplete="off" onclick="window.location='//bangalore.netdata.rocks/default.html'">Enter India!</button>
+                    <a class="btn btn-alt mygauge-legend-button" href=//bangalore.my-netdata.io/default.html data-ga-category="Outbound links" data-ga-action="Nav click" data-ga-label=DemoBangalore><strong>Enter India!</strong></a>
                     <div class="mygause-donation">
                         Donated by DigitalOcean.com
                     </div>
@@ -840,16 +887,16 @@ p {
             </div>
         </div>
         <div class="container" style="padding-top: 40px; text-align: center;">
-            Charts are coming from 8 servers, in parallel.
+            Charts are coming from all servers, <b>in parallel</b>.
             <br/>
-            The servers are not aware of this multi-server dashboard.
+            The servers are <b>not aware</b> of this multi-server dashboard.
             <br/>
-            Each server is not aware of the other servers.
+            Each server is <b>not aware</b> of the other servers.
             <br/>
             But on this dashboard <b>they are one</b>! (hover on the chart below)
         </div>
 
-        <div class="container" style="padding-top: 40px; text-align: center;">
+        <div class="container" style="padding-top: 40px; padding-bottom: 40px; text-align: center;">
             <div class="mysparkline">
                 <div class="mysparkline-overchart-label">
                     <b>EU - London</b> connected clients
@@ -872,13 +919,120 @@ p {
                 ></div>
             </div>
         </div>
+
+        <h3>Want more demos?</h3>
+
+        <div class="mygauge-combo30">
+            <div style="padding-bottom: 20px;">
+                <b>on Amazon EC2</b>
+                <br/><small>(smallest AMI Linux)</small>
+            </div>
+            <div class="mysparkline">
+                <div class="mysparkline-overchart-label">
+                    requests/s
+                </div>
+                <div class="mysparkline-overchart-value" id="aws-fra-netdata.requests.netdata" >
+                </div>
+                <div data-netdata="netdata.requests"
+                     data-dimensions="requests"
+                     data-host="//aws-fra.my-netdata.io"
+                     data-common-max="top-gauges2"
+                     data-decimal-digits="0"
+                     data-chart-library="dygraph"
+                     data-dygraph-theme="sparkline"
+                     data-dygraph-type="area"
+                     data-width="100%"
+                     data-height="100%"
+                     data-after="-300"
+                     data-colors="#FF4B91"
+                     data-show-value-of-requests-at="aws-fra-netdata.requests.netdata"
+                ></div>
+            </div>
+            <div class="mygauge-button">
+                <a class="btn btn-alt mygauge-legend-button" href=//aws-fra.my-netdata.io/default.html data-ga-category="Outbound links" data-ga-action="Nav click" data-ga-label=DemoAwsFra><strong>Enter Amazon!</strong></a>
+                <div class="mygause-donation">
+                    Donated by Amazon
+                </div>
+            </div>
+        </div>
+        <div class="mygauge-combo30">
+            <div style="padding-bottom: 20px;">
+                <b>on Azure</b>
+                <br/><small>(Ubuntu 16.10 on green A1)</small>
+            </div>
+            <div class="mysparkline">
+                <div class="mysparkline-overchart-label">
+                    requests/s
+                </div>
+                <div class="mysparkline-overchart-value" id="azure-west-eu-netdata.requests.netdata" >
+                </div>
+                <div data-netdata="netdata.requests"
+                     data-dimensions="requests"
+                     data-host="//azure-west-eu.my-netdata.io"
+                     data-common-max="top-gauges2"
+                     data-decimal-digits="0"
+                     data-chart-library="dygraph"
+                     data-dygraph-theme="sparkline"
+                     data-dygraph-type="area"
+                     data-width="100%"
+                     data-height="100%"
+                     data-after="-300"
+                     data-colors="#007FFF"
+                     data-show-value-of-requests-at="azure-west-eu-netdata.requests.netdata"
+                ></div>
+            </div>
+            <div class="mygauge-button">
+                <a class="btn btn-alt mygauge-legend-button" href=//azure-west-eu.my-netdata.io/default.html data-ga-category="Outbound links" data-ga-action="Nav click" data-ga-label=DemoAzureWestEu><strong>Enter Azure!</strong></a>
+                <div class="mygause-donation">
+                    Donated by Azure
+                </div>
+            </div>
+        </div>
+        <div class="mygauge-combo30">
+            <div style="padding-bottom: 20px;">
+                <b>on Alpine</b>
+                <br/><small>(empty LXC container)</small>
+            </div>
+            <div class="mysparkline">
+                <div class="mysparkline-overchart-label">
+                    requests/s
+                </div>
+                <div class="mysparkline-overchart-value" id="alpine-netdata.requests.netdata" >
+                </div>
+                <div data-netdata="netdata.requests"
+                     data-dimensions="requests"
+                     data-host="//alpine.my-netdata.io"
+                     data-common-max="top-gauges2"
+                     data-decimal-digits="0"
+                     data-chart-library="dygraph"
+                     data-dygraph-theme="sparkline"
+                     data-dygraph-type="area"
+                     data-width="100%"
+                     data-height="100%"
+                     data-after="-300"
+                     data-colors="#FF7F00"
+                     data-show-value-of-requests-at="alpine-netdata.requests.netdata"
+                ></div>
+            </div>
+            <div class="mygauge-button">
+                <a class="btn btn-alt mygauge-legend-button" href=//alpine.my-netdata.io/default.html data-ga-category="Outbound links" data-ga-action="Nav click" data-ga-label=DemoAlpine><strong>Enter Alpine!</strong></a>
+                <div class="mygause-donation">
+                    Donated by Azure
+                </div>
+            </div>
+        </div>
+
+        <div style="padding-top: 40px; color: #999;">
+            <small>I would love to show demos of IoT devices running netdata.<br/>
+                If you can host at your DC an RPi or a Linux IoT, <a href="mailto:costa@tsaousis.gr?subject=I can host IoT for netdata&body=Hi Costa,%0D%0A%0D%0AI would love to host an IoT device to demo netdata on it.%0D%0A%0D%0A-- please tell me who you are and what infrastructure you have --%0D%0A-- Take into account I would need SSH access to it --%0D%0A-- You have to have a DC - a home is not good enough - sorry. --%0D%0A%0D%0AThanks!">contact me</a>.</small>
+        </div>
     </div>
 </div>
 
 <div class=site-section><h2>Who uses netdata?</h2>
     <div class="content">
         <div class="container" style="text-align: center;">
-            <small>Figures come from users using the <a href="https://github.com/firehol/netdata/wiki/mynetdata-menu-item" target="_blank">netdata public global registry</a>.<br/>Actual figures might be a lot higher.<br/></small>
+            <small>Figures come from users using the <a href="https://github.com/firehol/netdata/wiki/mynetdata-menu-item" target="_blank" data-ga-category="Outbound links" data-ga-action="Nav click" data-ga-label=GlobalRegistry>netdata public global registry</a>.<br/>Counting since May 16th 2016. Actual figures may be a lot higher.<br/></small>
             <div class="container" style="padding-top: 40px; text-align: center; width: 30%; min-width: 230px; display: inline-block;">
                 <div class="mysparkline">
                     <div class="mysparkline-overchart-label">
@@ -957,7 +1111,7 @@ p {
             </p>
             <p>
                 <small>
-                netdata can generate auto-refreshing <strong><a href="https://github.com/firehol/netdata/wiki/Generating-Badges" target="_blank">badges</a></strong>, like these:
+                netdata can generate auto-refreshing <strong><a href="https://github.com/firehol/netdata/wiki/Generating-Badges" target="_blank" data-ga-category="Outbound links" data-ga-action="Nav click" data-ga-label=Badges>badges</a></strong>, like these:
                 </small>
             <br/>
             <embed style="padding-top: 10px; padding-botton: 25px;" src="//registry.my-netdata.io/api/v1/badge.svg?chart=netdata.registry_entries&dimensions=persons&after=-86400&options=unaligned&group=incremental-sum&label=new%20users%20today&units=null&value_color=blue&precision=0&refresh=60&v42" type="image/svg+xml" height="20" />
@@ -968,21 +1122,18 @@ p {
             </p>
         </div>
         <div class="container" style="text-align: center;">
-               <strong>netdata</strong> is featured at the <a href="https://octoverse.github.com/" target="_blank">GitHub's state of the Octoverse 2016</a>
+               <strong>netdata</strong> is featured at the <a href="https://octoverse.github.com/" target="_blank" data-ga-category="Outbound links" data-ga-action="Nav click" data-ga-label=Octoverse>GitHub's state of the Octoverse 2016</a>
             <div style="padding-top: 10px;">
-                <a href="https://octoverse.github.com/" target="_blank">
-                <img src="https://o.twimg.com/2/proxy.jpg?t=HBgzaHR0cDovL29jdG92ZXJzZS5naXRodWIuY29tL2ltYWdlcy9zb2NpYWwtaW1hZ2UucG5nFOASFOYJHBSEBhSUAwAAFgASAA&s=X1yj1YhGM3hclaa29go6EFa2FeJFdwGrzfs_u25L3hs" width="600" style="border-radius: 4px; border: 1px solid #333;"/>
+                <a href="https://octoverse.github.com/" target="_blank" data-ga-category="Outbound links" data-ga-action="Nav click" data-ga-label=OctoverseImage>
+                <img src="https://o.twimg.com/2/proxy.jpg?t=HBgzaHR0cDovL29jdG92ZXJzZS5naXRodWIuY29tL2ltYWdlcy9zb2NpYWwtaW1hZ2UucG5nFOASFOYJHBSEBhSUAwAAFgASAA&s=X1yj1YhGM3hclaa29go6EFa2FeJFdwGrzfs_u25L3hs" width="90%" style="border-radius: 4px; border: 1px solid #333;"/>
                 </a>
             </div>
         </div>
         <div class=cta-option>
-            <a class="btn btn-download" href=https://github.com/firehol/netdata/wiki/Installation
-               data-ga-category="Outbound links" data-ga-action="Nav click" data-ga-label=Install><strong>Install netdata now</strong></a>
+            <a class="btn btn-download" href=https://github.com/firehol/netdata/wiki/Installation data-ga-category="Outbound links" data-ga-action="Nav click" data-ga-label=InstallAfterDemo><strong>Install netdata now</strong></a>
         </div>
     </div>
 </div>
-<!-- Place this tag in your head or just before your close body tag. -->
-<script async defer src="https://buttons.github.io/buttons.js"></script>
 <div class=aside>
     <div class=container>
         <ul class=inline-block-list>
@@ -1002,26 +1153,114 @@ p {
     </div>
 </div>
 
+<!-- the footer -->
 <div class=site-footer role=contentinfo>
     <p>
-        <a class=twitter-share-button href=https://twitter.com/share data-count=none data-lang=en data-via=linuxnetdata data-size=large
-           data-text="netdata: Linux's more powerful performance monitoring" data-url=https://my-netdata.io/ >Tweet</a> &nbsp;
-        <a class=twitter-follow-button href=https://twitter.com/linuxnetdata data-show-count=false data-lang=en data-size=large>Follow @linuxnetdata</a>
+    <div style="display: inline-block;">
+        <div style="vertical-align:top;display:inline-block; height: 34px;">twitter:</div>
+        <div style="vertical-align:top;display:inline-block; height: 34px;"><a class=twitter-share-button href=https://twitter.com/share data-count=none data-lang=en data-via=linuxnetdata data-size=small data-text="Get control of your Linux servers. Simple. Effective. Awesome." data-url=https://my-netdata.io/ >Tweet</a></div>
+        <div style="vertical-align:top;display:inline-block; height: 34px;"><a class=twitter-follow-button href=https://twitter.com/linuxnetdata data-show-count=false data-lang=en data-size=small>Follow @linuxnetdata</a></div>
+    </div>
+    <div style="display: inline-block;">
+        <div style="vertical-align:top;display:inline-block; height: 34px; padding-left: 10px;">facebook:</div>
+        <div class="fb-like" data-href="https://my-netdata.io/" data-layout="button" data-action="like" data-show-faces="false" data-share="false" style="vertical-align:top;display:inline-block; height: 34px;"></div>
+        <div class="fb-share-button" data-href="https://my-netdata.io/" data-layout="button" data-size="small" data-mobile-iframe="true"><a class="fb-xfbml-parse-ignore" target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fmy-netdata.io%2F&amp;src=sdkpreparse" style="vertical-align:top;display:inline-block; height: 34px;">Share</a></div>
+        <div class="fb-follow" data-href="https://www.facebook.com/linuxnetdata/" data-layout="standard" data-size="small" data-show-faces="false" data-colorscheme="dark" width="225" style="vertical-align:top;display:inline-block; height: 34px;"></div>
+    </div>
+    </p>
+    <p>
+        <strong>netdata</strong><br/>
+        &copy; Copyright 2016-2017, <a href="https://github.com/ktsaou" target="_blank" data-ga-category="Outbound links" data-ga-action="Nav click" data-ga-label=CostaTsaousis>Costa Tsaousis</a><br/>
+        Released under <a href="https://github.com/firehol/netdata/blob/master/LICENSE.md" target="_blank" data-ga-category="Outbound links" data-ga-action="Nav click" data-ga-label=License>GPL v3+</a><br/>
+    </p>
+    <p>
+        a project of <a href="http://firehol.org" target="_blank" data-ga-category="Outbound links" data-ga-action="Nav click" data-ga-label=FireHOL>firehol.org</a>
+    </p>
+    <p style="padding-top: 20px;">
+        netdata has received significant contributions from:<br/>&nbsp;<br/>
+        <a href="https://github.com/philwhineray" target="_blank" data-ga-category="Outbound links" data-ga-action="Nav click" data-ga-label=Phil>Phil Whineray</a> (release management),<br/>
+        <a href="https://github.com/alonbl" target="_blank" data-ga-category="Outbound links" data-ga-action="Nav click" data-ga-label=Alon>Alon Bar-Lev</a> (autoconf and automake),<br/>
+        <a href="https://github.com/titpetric" target="_blank" data-ga-category="Outbound links" data-ga-action="Nav click" data-ga-label=titpetric>Tit Petric</a> (docker image maintainer),<br/>
+        <a href="https://github.com/paulfantom" target="_blank" data-ga-category="Outbound links" data-ga-action="Nav click" data-ga-label=Pawel>PaweÅ‚ Krupa</a> (python.d.plugin and modules),<br/>
+        <a href="https://github.com/simonnagl" target="_blank" data-ga-category="Outbound links" data-ga-action="Nav click" data-ga-label=simonnagl>simonnagl</a> (disk plugin and more),<br/>
+        <a href="https://github.com/fredericopissarra" target="_blank" data-ga-category="Outbound links" data-ga-action="Nav click" data-ga-label=Frederico>Frederico Lamberti Pissarra</a> (performance improvements)<br/>
+        <a href="https://github.com/vlvkobal" target="_blank" data-ga-category="Outbound links" data-ga-action="Nav click" data-ga-label=VladimirKobal>Vladimir Kobal</a> (FreeBSD port)<br/>
+        <a href="https://github.com/l2isbad" target="_blank" data-ga-category="Outbound links" data-ga-action="Nav click" data-ga-label=l2isbad>Ilya Mashchenko</a> (python plugin modules)<br/>
+        &nbsp;<br/>
+        and dozens more enthusiasts, engineers and professionals.<br/>&nbsp;<br/>
+    </p>
+    </p>
+        Thank you! You are awesome!
     <p>
-        &copy; 2016 Costa Tsaousis, &lt;costa@tsaousis.gr&gt;<br/>
-        netdata is released under GPL v3+<br/>
 </div>
+</body>
 
 <script>
-    // google analytics when this is used for the home page of the demo sites
-    // you don't need this if you customize this dashboard for your needs
-    setTimeout(function() {
-        (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-                (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-            m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-        })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-
-        ga('create', 'UA-64295674-3', 'auto');
-        ga('send', 'pageview');
-    }, 2000);
+    if(window.location.hostname != 'my-netdata.io' || window.location.protocol != 'http:') {
+        var canonical = document.createElement('link');
+        canonical.rel = 'canonical';
+        canonical.href = 'https://my-netdata.io/';
+        document.head.appendChild(canonical);
+    }
 </script>
+
+<script>!function (t, e) {
+    "use strict";
+    function a(t, n) {
+        return t.hasAttribute(n) === !0 ? t : t.parentNode !== r.body ? a(t.parentNode, n) : e
+    }
+
+    function n(n) {
+        var o, i, r, c, g, u = a(n.target, "data-ga-action"), l = !1;
+        u !== e && (o = u.getAttribute("data-ga-action") || e, i = u.getAttribute("data-ga-category") || e, r = u.getAttribute("data-ga-label") || e, c = u.getAttribute("href"), g = parseInt(u.getAttribute("data-ga-value"), 10) || e, ga !== e && i !== e && o !== e && (n.preventDefault(), "Download" !== i && n.ctrlKey !== !0 && n.metaKey !== !0 && 2 !== n.which || (l = !0, t.open(c)), function (a) {
+            var n;
+            ga("send", "event", i, o, r, g, {
+                hitCallback: function () {
+                    l === !1 && (n !== e && clearTimeout(n), t.location = a)
+                }
+            }), n = setTimeout(function () {
+                l === !1 && (t.location.href = a)
+            }, 1e3)
+        }(c)))
+    }
+
+    function o() {
+        !function (t, e, a, n, o, i) {
+            t.GoogleAnalyticsObject = n, t[n] || (t[n] = function () {
+                (t[n].q = t[n].q || []).push(arguments)
+            }), t[n].l = +new Date, o = e.createElement(a), i = e.getElementsByTagName(a)[0], o.src = "//www.google-analytics.com/analytics.js", i.parentNode.insertBefore(o, i)
+        }(t, r, "script", "ga"), ga("create", "UA-64295674-3", "auto"), ga("send", "pageview"), t.document.addEventListener("click", n)
+    }
+
+    function i() {
+        !function (t, e, a) {
+            var n, o = t.getElementsByTagName(e)[0];
+            t.getElementById(a) || (n = t.createElement(e), n.id = a, n.src = "//platform.twitter.com/widgets.js", o.parentNode.insertBefore(n, o))
+        }(r, "script", "twitter-wjs")
+    }
+
+    var r = t.document;
+    o(), t.onload = i
+}(window)</script>
+
+<!-- facebook sdk -->
+<div id="fb-root"></div>
+<script>
+    window.fbAsyncInit = function() {
+        FB.init({
+            appId      : '1200089276712916',
+            xfbml      : true,
+            version    : 'v2.8'
+        });
+    };
+
+    (function(d, s, id){
+        var js, fjs = d.getElementsByTagName(s)[0];
+        if (d.getElementById(id)) {return;}
+        js = d.createElement(s); js.id = id;
+        js.src = "//connect.facebook.net/en_US/sdk.js";
+        fjs.parentNode.insertBefore(js, fjs);
+    }(document, 'script', 'facebook-jssdk'));
+</script>
+
+<script async src="https://buttons.github.io/buttons.js"></script>