@cryptotaxi247 / netdata-1 / commits / 37b4294c2

updated infographic.html and README.md with latest inforgraphic

Costa Tsaousis (ktsaou) committed May 1, 2017 at 15:06 UTC 37b4294c26a8153bf37ba35d2d7795ec1110b453
2 files changed +43 -11
README.md
+2 -2
@@ -279,9 +279,9 @@ And you can extend it, by writing plugins that collect data from any source, usi
279
280 ## netdata infographic
281
282 -This is a high level overview of netdata feature set and architecture:
282 +This is a high level overview of netdata feature set and architecture. Click it to to interact with it.
283
284 -![netdata-overview](https://cloud.githubusercontent.com/assets/2662304/25565083/4ecfaf34-2dc9-11e7-9488-975225e6f4c1.png)
284 +[![netdata-overview](https://cloud.githubusercontent.com/assets/2662304/25578239/484665c0-2e75-11e7-8a79-71e0486951fd.png)](https://my-netdata.io/infographic.html)
285
286 ---
287
web/infographic.html
+41 -9
@@ -10,28 +10,60 @@
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" />
13 + <meta property="og:url" content="https://my-netdata.io/infographic.html" />
14 <meta property="og:type" content="website" />
15 - <meta property="og:title" content="Get control of your Linux Servers. Simple. Effective. Awesome." />
15 + <meta property="og:title" content="netdata infographic" />
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" />
17 + <meta property="og:image" content="https://cloud.githubusercontent.com/assets/2662304/25578239/484665c0-2e75-11e7-8a79-71e0486951fd.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." />
23 + <meta name="twitter:title" content="netdata infographic" />
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" />
25 + <meta name="twitter:image" content="https://cloud.githubusercontent.com/assets/2662304/25578239/484665c0-2e75-11e7-8a79-71e0486951fd.png" />
26
27 <meta name="google-site-verification" content="3Xmk2kyCvai8p9HEnYHoQ9RBW20-b1NvPAgu07Fkkds" />
28 <meta name="msvalidate.01" content="896DCA31C9A664CE359FCF1A645DD476" />
29 +
30 + <style>/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
31 + html {
32 + line-height: 1.15;
33 + -ms-text-size-adjust: 100%;
34 + -webkit-text-size-adjust: 100%;
35 + font: 17px/1.4 'Open Sans', sans-serif;
36 + text-align: center
37 + }
38 + </style>
39 </head>
40 <body>
41 <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>
42 + <div class=site-footer role=contentinfo>
43 + <p>
44 + <div style="display: inline-block;">
45 + <div style="vertical-align:top;display:inline-block; height: 34px;margin-top:3px;"><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/infographic.html >Tweet</a></div>
46 + <div style="vertical-align:top;display:inline-block; height: 34px;margin-top:3px;"><a class=twitter-follow-button href=https://twitter.com/linuxnetdata data-show-count=false data-lang=en data-size=small>Follow @linuxnetdata</a></div>
47 + </div>
48 + <div style="display: inline-block;">
49 + <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>
50 + <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%2Finfographic.html&amp;src=sdkpreparse" style="vertical-align:top;display:inline-block; height: 34px;">Share</a></div>
51 + </div>
52 + </div>
53 + <div>
54 + <b>This is an interactive infographic of netdata features and functions.</b>
55 + <br/>
56 + Hover and click on it, to open the related wiki page.
57 + <br/>
58 + <small>
59 + The links and the docs are still a work in progress.
60 + The interactive infographic is a feature of <b>draw.io</b>.
61 + </small>
62 + <hr/>
63 + </div>
64 + <div style="width:90%;display:inline-block;max-width:1300px;text-align:left;">
65 + <div id="drawing" class="mxgraph" style="max-width:100%;border:1px solid transparent;"></div>
66 + </div>
67 </div>
68 </body>
69
@@ -55,7 +87,7 @@
87 if(window.location.hostname != 'my-netdata.io' || window.location.protocol != 'https:') {
88 var canonical = document.createElement('link');
89 canonical.rel = 'canonical';
58 - canonical.href = 'https://my-netdata.io/';
90 + canonical.href = 'https://my-netdata.io/infographic.html';
91 document.head.appendChild(canonical);
92 }
93 </script>