@cryptotaxi247 / netdata-1 / commits / c68488ec7

added interactive infographic html page

Costa Tsaousis (ktsaou) committed Apr 30, 2017 at 23:42 UTC c68488ec7a8fdf9c4bdcfaf646e6cd8c4666500e
3 files changed +136 -8
web/Makefile.am
+1
@@ -17,6 +17,7 @@ dist_web_DATA = \
17 favicon.ico \
18 goto-host-from-alarm.html \
19 index.html \
20 + infographic.html \
21 netdata-swagger.yaml \
22 netdata-swagger.json \
23 robots.txt \
web/demosites.html
+10 -8
@@ -704,6 +704,7 @@ p {
704 </div>
705 </div>
706 </div>
707 +
708 <div id="demosites" class="site-section site-section-video"><h2>netdata live demo sites</h2>
709 <div class="content">
710 <div class="container" style="text-align: center;">
@@ -1050,7 +1051,7 @@ p {
1051 data-width="100%"
1052 data-height="100%"
1053 data-after="-300"
1053 - data-colors="#558855"
1054 + data-colors="#558855 #558855 #558855"
1055 data-show-value-of-persons-at="netdata.registry_entries.persons.netdata"
1056 ></div>
1057 </div>
@@ -1072,7 +1073,7 @@ p {
1073 data-width="100%"
1074 data-height="100%"
1075 data-after="-300"
1075 - data-colors="#558855"
1076 + data-colors="#558855 #558855 #558855"
1077 data-show-value-of-machines-at="netdata.registry_entries.machines.netdata"
1078 ></div>
1079 </div>
@@ -1094,7 +1095,7 @@ p {
1095 data-width="100%"
1096 data-height="100%"
1097 data-after="-300"
1097 - data-colors="#558855"
1098 + data-colors="#558855 #558855 #558855"
1099 data-show-value-of-sessions-at="netdata.registry_sessions.sessions.netdata"
1100 ></div>
1101 </div>
@@ -1139,15 +1140,15 @@ p {
1140 <ul class=inline-block-list>
1141 <li>
1142 <!-- Place this tag where you want the button to render. -->
1142 - <a class="github-button" href="https://github.com/firehol/netdata" data-icon="octicon-eye" data-style="mega" data-count-href="/firehol/netdata/watchers" data-count-api="/repos/firehol/netdata#subscribers_count" data-count-aria-label="# watchers on GitHub" aria-label="Watch firehol/netdata on GitHub">Watch</a>
1143 + <a class="github-button" href="https://github.com/firehol/netdata/subscription" data-style="mega" data-show-count="true" aria-label="Watch firehol/netdata on GitHub">Watch</a>
1144 </li>
1145 <li>
1146 <!-- Place this tag where you want the button to render. -->
1146 - <a class="github-button" href="https://github.com/firehol/netdata" data-icon="octicon-star" data-style="mega" data-count-href="/firehol/netdata/stargazers" data-count-api="/repos/firehol/netdata#stargazers_count" data-count-aria-label="# stargazers on GitHub" aria-label="Star firehol/netdata on GitHub">Star</a>
1147 + <a class="github-button" href="https://github.com/firehol/netdata" data-style="mega" data-show-count="true" aria-label="Star firehol/netdata on GitHub">Star</a>
1148 </li>
1149 <li>
1150 <!-- Place this tag where you want the button to render. -->
1150 - <a class="github-button" href="https://github.com/firehol/netdata/fork" data-icon="octicon-repo-forked" data-style="mega" data-count-href="/firehol/netdata/network" data-count-api="/repos/firehol/netdata#forks_count" data-count-aria-label="# forks on GitHub" aria-label="Fork firehol/netdata on GitHub">Fork</a>
1151 + <a class="github-button" href="https://github.com/firehol/netdata/fork" data-style="mega" data-show-count="true" aria-label="Fork firehol/netdata on GitHub">Fork</a>
1152 </li>
1153 </ul>
1154 </div>
@@ -1196,7 +1197,7 @@ p {
1197 </body>
1198
1199 <script>
1199 - if(window.location.hostname != 'my-netdata.io' || window.location.protocol != 'http:') {
1200 + if(window.location.hostname != 'my-netdata.io' || window.location.protocol != 'https:') {
1201 var canonical = document.createElement('link');
1202 canonical.rel = 'canonical';
1203 canonical.href = 'https://my-netdata.io/';
@@ -1263,4 +1264,5 @@ p {
1264 }(document, 'script', 'facebook-jssdk'));
1265 </script>
1266
1266 -<script async src="https://buttons.github.io/buttons.js"></script>
1267 +<!-- Place this tag in your head or just before your close body tag. -->
1268 +<script async defer src="https://buttons.github.io/buttons.js"></script>
web/infographic.html new
+125
@@ -0,0 +1,125 @@
1 +<!doctype html>
2 +<html lang=en-us>
3 +<head>
4 + <meta charset=utf-8>
5 + <title>NetData: Get control of your Linux Servers. Simple. Effective. Awesome.</title>
6 + <meta name=author content="Costa Tsaousis">
7 + <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.">
8 +
9 + <meta name=viewport content="width=device-width,initial-scale=1">
10 + <link rel=apple-touch-icon href=apple-touch-icon.png>
11 + <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=">
12 +
13 + <meta property="og:url" content="https://my-netdata.io" />
14 + <meta property="og:type" content="website" />
15 + <meta property="og:title" content="Get control of your Linux Servers. Simple. Effective. Awesome." />
16 + <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." />
17 + <meta property="og:image" content="https://cloud.githubusercontent.com/assets/2662304/22945737/e98cd0c6-f2fd-11e6-96f1-5501934b0955.png" />
18 + <meta property="og:image:type" content="image/png" />
19 + <meta property="fb:app_id" content="1200089276712916" />
20 +
21 + <meta name="twitter:card" content="summary" />
22 + <meta name="twitter:site" content="@linuxnetdata" />
23 + <meta name="twitter:title" content="Get control of your Linux Servers. Simple. Effective. Awesome." />
24 + <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." />
25 + <meta name="twitter:image" content="https://cloud.githubusercontent.com/assets/2662304/14092712/93b039ea-f551-11e5-822c-beadbf2b2a2e.gif" />
26 +
27 + <meta name="google-site-verification" content="3Xmk2kyCvai8p9HEnYHoQ9RBW20-b1NvPAgu07Fkkds" />
28 + <meta name="msvalidate.01" content="896DCA31C9A664CE359FCF1A645DD476" />
29 +</head>
30 +<body>
31 +<div style="width: 100%;text-align:center;">
32 + <div style="width:90%;display:inline-block;max-width:1300px;text-align:left;">
33 + <div id="drawing" class="mxgraph" style="max-width:100%;border:1px solid transparent;"></div>
34 + </div>
35 +</div>
36 +</body>
37 +
38 +<script>
39 + var opts = {
40 + "highlight":"#0000ff",
41 + "target":"blank",
42 + "lightbox":false,
43 + "nav":false,
44 + "resize":true,
45 + "toolbar":"",
46 + "auto-fit":true,
47 + "check-visible-state":false,
48 + "edit":"https://raw.githubusercontent.com/ktsaou/netdata/master/diagrams/netdata-overview.xml",
49 + "url":"https://raw.githubusercontent.com/ktsaou/netdata/master/diagrams/netdata-overview.xml"
50 + };
51 + document.getElementById("drawing").dataset.mxgraph = JSON.stringify(opts);
52 +</script>
53 +
54 +<script>
55 + if(window.location.hostname != 'my-netdata.io' || window.location.protocol != 'https:') {
56 + var canonical = document.createElement('link');
57 + canonical.rel = 'canonical';
58 + canonical.href = 'https://my-netdata.io/';
59 + document.head.appendChild(canonical);
60 + }
61 +</script>
62 +
63 +<script>!function (t, e) {
64 + "use strict";
65 + function a(t, n) {
66 + return t.hasAttribute(n) === !0 ? t : t.parentNode !== r.body ? a(t.parentNode, n) : e
67 + }
68 +
69 + function n(n) {
70 + var o, i, r, c, g, u = a(n.target, "data-ga-action"), l = !1;
71 + 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) {
72 + var n;
73 + ga("send", "event", i, o, r, g, {
74 + hitCallback: function () {
75 + l === !1 && (n !== e && clearTimeout(n), t.location = a)
76 + }
77 + }), n = setTimeout(function () {
78 + l === !1 && (t.location.href = a)
79 + }, 1e3)
80 + }(c)))
81 + }
82 +
83 + function o() {
84 + !function (t, e, a, n, o, i) {
85 + t.GoogleAnalyticsObject = n, t[n] || (t[n] = function () {
86 + (t[n].q = t[n].q || []).push(arguments)
87 + }), 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)
88 + }(t, r, "script", "ga"), ga("create", "UA-64295674-3", "auto"), ga("send", "pageview"), t.document.addEventListener("click", n)
89 + }
90 +
91 + function i() {
92 + !function (t, e, a) {
93 + var n, o = t.getElementsByTagName(e)[0];
94 + t.getElementById(a) || (n = t.createElement(e), n.id = a, n.src = "//platform.twitter.com/widgets.js", o.parentNode.insertBefore(n, o))
95 + }(r, "script", "twitter-wjs")
96 + }
97 +
98 + var r = t.document;
99 + o(), t.onload = i
100 +}(window)</script>
101 +
102 +<!-- facebook sdk -->
103 +<div id="fb-root"></div>
104 +<script>
105 + window.fbAsyncInit = function() {
106 + FB.init({
107 + appId : '1200089276712916',
108 + xfbml : true,
109 + version : 'v2.8'
110 + });
111 + };
112 +
113 + (function(d, s, id){
114 + var js, fjs = d.getElementsByTagName(s)[0];
115 + if (d.getElementById(id)) {return;}
116 + js = d.createElement(s); js.id = id;
117 + js.src = "//connect.facebook.net/en_US/sdk.js";
118 + fjs.parentNode.insertBefore(js, fjs);
119 + }(document, 'script', 'facebook-jssdk'));
120 +</script>
121 +
122 +<script type="text/javascript" src="https://www.draw.io/embed2.js?s=arrows2;mscae/cloud;azure;office/users;office/servers&fetch=https%3A%2F%2Fraw.githubusercontent.com%2Fktsaou%2Fnetdata%2Fmaster%2Fdiagrams%2Fnetdata-overview.xml"></script>
123 +
124 +</html>
125 +