web/demosites.html

   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
  12     <meta name="google-site-verification" content="3Xmk2kyCvai8p9HEnYHoQ9RBW20-b1NvPAgu07Fkkds" />
  13     <meta name="msvalidate.01" content="896DCA31C9A664CE359FCF1A645DD476" />
  14
  15     <meta property="og:url"                content="http://my-netdata.io" />
  16     <meta property="og:type"               content="website" />
  17     <meta property="og:title"              content="Get control of your Linux Servers. Simple. Effective. Awesome." />
  18     <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." />
  19     <meta property="og:image"              content="https://cloud.githubusercontent.com/assets/2662304/20910305/65d10354-bb69-11e6-8128-c44b547517b4.png" />
  20     <meta property="og:image:type"         content="image/png" />
  21     <meta property="fb:app_id"             content="1200089276712916" />
  22
  23     <meta name="twitter:card"              content="summary" />
  24     <meta name="twitter:site"              content="@linuxnetdata" />
  25     <meta name="twitter:title"             content="Get control of your Linux Servers. Simple. Effective. Awesome." />
  26     <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." />
  27     <meta name="twitter:image"             content="https://cloud.githubusercontent.com/assets/2662304/14092712/93b039ea-f551-11e5-822c-beadbf2b2a2e.gifg" />
  28
  29 <style>/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
  30 html {
  31     line-height: 1.15;
  32     -ms-text-size-adjust: 100%;
  33     -webkit-text-size-adjust: 100%;
  34     color: #fff;
  35     font: 17px/1.4 'Open Sans', sans-serif;
  36     text-align: center
  37 }
  38
  39 body {
  40     margin: 0;
  41     background-color: #2f3135;
  42     background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAAA9BAMAAAAOkGejAAAAGFBMVEUKCgoUFBQAAAAPDw8ZGRkeHh4jIyMFBQUUJmucAAAACHRSTlMzMzMzMzMzM85JBgUAAAV1SURBVDjLBQC3tkMA9OqrbtWtCKwErLoVhDUP5PffAUvqhtJFWytU/UqOWbf0nG8ZSVyyfSPwrjqzxYailPJtJu/uihN7np+51RrBgYosPTzBElTZCg8JieV4W/HJciqhFwhQLBmkX5JnNzzMlOGvQChGCKbanFWBgVeRCr9L6BZCgZxB/0wN7zTO2QuP80SIL3F5Ydbnhz12iE/nSOMrqwK/OMfbAYHkioJlnlj9CKUbeomN61U5LQ6nWRmg+tfrDusm2LHGDnRDdHUp5CLTvoHrwgtZlIr/+FyoPz2tz/HiQzc8x1TWqAZp99yto4qGuAs20qucNqPyUAyqHuAp2Hhv0OR1LC+g2voMngjB2uvyVvf0aFhD1Mi/f5Q6MER7SzJWu2AW3my9l8mB4W3WfCqwf+ikfc7pudFVvOMy0ikuSoF47zw6UYPxdqWRRSRo91RZtWYa/sQeri7tMPKcCao0vs9QTQC+8CuoReAkHuKRZCi2qtv9zJLAHfSoRltH/+sj9rlgdBTsfUbTEb7oTbTJ8acxbjMQnaftBkRVVerOeKhKr3jkRzTzqS6RpJNvF0MhOBQm/BRXor/MU/YjObdYIu1/iaQ+IviYnlsG6r3cbQoB7cj4SPgMSkLzgIM24+LSjb2sYxWDtIhCdzBfS5Kh768XgH5jkSLjrvRX/nQnv+SXQMvagpPVScAZwWhVbvPdPqcr3X/u8z558ddIdjmVMH9CIVvrW+8rPVq6M54Pf+tebGkIXwPevaCgdQ59wWbULrPB4dPT8suLWr13YKUuDNTpGBspJ9fPGSNOEjp2TYXTIgF8QgEtzX0gIbXRP8JGMbxh1uHA/CwE4a/KHUc8KzV868fO4o+8GNcNvdPaKfzprkunXIthFS9MqpEG1p7ozWTJTcnAlvUnjixEaGn5ll1yuZbtIgS/r2ISBSDE2nsksYx7YFwH2ytB0rXzqh52qJowchJSI3RJmxHeJGZFDq37LWVmzvkgA7zjT2iOsHsdb9viBQLPx3gUmys1cQG6HOEsopo6glj0VXdyli/FJsnSbg5FQLpDO1xiy0ozQy0InDVNZTuXbhENG9gu28ZoHg/de53YTAVqCwl966V7VX/g+AW3ysMyMjXNhOuaLFmBJ2Z1x9LfG55m/34snAnOgXbMqZIbaop8Zjk5P3fAw9h8vkwHKZAC7yqW6+85ZdpAFD8iAjbVRj8BI3PMYJ2oiKNrZHKSnfNJ2UZwtcT9IryvNrGxdqtCx4vc74z39odPA/h5f/MJu46HKUOcbURZd/E2QH6Kgv8Aa2PSevG2gMfoYHWdN38kadbiFHonAjv50PjgyFZwannFGebUjVmxFnokoTbwWBNVd7qx9KG1joZ69npEk0jRr7/aBYQ5ipNcGRvqjeT+kFjTgv7n33L0zlBIH6CoeaPm9eQN6uKmSwE/LAtDPgMNAOQ5X1Vr8Zd0BQlLTV88U6LzD+6iwQp9NSHD5uCcqml/N0NgRmDN9vNS6A/QJBm2jvBbFTLvly/mtLX1rg5kwgPvA4rA+LIdN3bkVvhrqk8OUYZpuYxaXW/gPVlDxtru6+3Z0KY5DMac3pQzo8y7hO2qxdd6lnvUSdXfFRduigV0YuZv9peBHwHix+d4M7fL/Y44jX6S5ZdOzBoEC2fEohdSE7PTjRBUT3T+jclLxWbKdEOoiuB81dV0xo2pFPOXZmpEMueTDrAjAr8k6y15pMsoCHOyT5qlyWn85HLLuyyAWMlmmjYSNKnv9nRsTib5DSbWLPkJjoVihW/eRQqy/dja151zycTHTBmuroDeXRvVzJ3VFWB65e+L6xu+D5fa+D0BESL4VjlKSKrvs9W69lhj2345pBjIr3+RSJFuS0A/sQAAAABJRU5ErkJggg==)
  43 }
  44
  45 a {
  46     background-color: transparent;
  47     -webkit-text-decoration-skip: objects;
  48     color: #069;
  49     text-decoration: none
  50 }
  51
  52 a:active, a:hover {
  53     outline-width: 0
  54 }
  55
  56 strong {
  57     font-weight: bolder
  58 }
  59
  60 h1 {
  61     font-size: 3em;
  62     line-height: 1.2em;
  63     margin: 0 .5em .75em
  64 }
  65
  66 img {
  67     border-style: none;
  68     vertical-align: middle
  69 }
  70
  71 [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
  72     border-style: none;
  73     padding: 0
  74 }
  75
  76 [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
  77     outline: 1px dotted ButtonText
  78 }
  79
  80 a:active, a:focus, a:hover {
  81     text-decoration: underline
  82 }
  83
  84 ::-moz-selection {
  85     background-color: #b3d4fc;
  86     text-shadow: none
  87 }
  88
  89 ::selection {
  90     background-color: #b3d4fc;
  91     text-shadow: none
  92 }
  93
  94 h2 {
  95     font-size: 2em;
  96     margin: 1.5em 0
  97 }
  98
  99 h3 {
 100     color: #555;
 101     font-size: 1.25em;
 102     margin: 0 0 .5em
 103 }
 104
 105 p {
 106     margin: 0 0 2em
 107 }
 108
 109 .grid {
 110     margin: 0 -15px;
 111     letter-spacing: -.31em;
 112     word-spacing: -.43em;
 113     text-rendering: optimizespeed
 114 }
 115
 116 .grid-cell {
 117     display: inline-block;
 118     letter-spacing: normal;
 119     text-align: left;
 120     text-rendering: auto;
 121     vertical-align: top;
 122     width: 50%;
 123     word-spacing: normal
 124 }
 125
 126 .grid-cell > * {
 127     padding: 0 15px
 128 }
 129
 130 .inline-block-list {
 131     list-style-type: none;
 132     margin: 0;
 133     padding: 0
 134 }
 135
 136 .inline-block-list li {
 137     display: inline-block;
 138     margin: 0 0 0 1.5em;
 139     padding: 0;
 140     vertical-align: top
 141 }
 142
 143 .inline-block-list li:first-child {
 144     margin-left: 0
 145 }
 146
 147 .flex-embed {
 148     background-color: #000;
 149     box-shadow: 0 0 10px #000;
 150     height: 0;
 151     overflow: hidden;
 152     padding-bottom: 56.25%;
 153     position: relative
 154 }
 155
 156 .flex-embed a, .flex-embed img {
 157     bottom: 0;
 158     height: 100%;
 159     left: 0;
 160     position: absolute;
 161     top: 0;
 162     width: 100%
 163 }
 164
 165 .flex-embed .play-btn {
 166     background: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMDAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNMjU2LDkyLjQ4MWM0NC40MzMsMCw4Ni4xOCwxNy4wNjgsMTE3LjU1Myw0OC4wNjRDNDA0Ljc5NCwxNzEuNDExLDQyMiwyMTIuNDEzLDQyMiwyNTUuOTk5cy0xNy4yMDYsODQuNTg4LTQ4LjQ0OCwxMTUuNDU1Yy0zMS4zNzIsMzAuOTk0LTczLjEyLDQ4LjA2NC0xMTcuNTUyLDQ4LjA2NHMtODYuMTc5LTE3LjA3LTExNy41NTItNDguMDY0QzEwNy4yMDYsMzQwLjU4Nyw5MCwyOTkuNTg1LDkwLDI1NS45OTlzMTcuMjA2LTg0LjU4OCw0OC40NDgtMTE1LjQ1M0MxNjkuODIxLDEwOS41NSwyMTEuNTY4LDkyLjQ4MSwyNTYsOTIuNDgxIE0yNTYsNTIuNDgxIGMtMTEzLjc3MSwwLTIwNiw5MS4xMTctMjA2LDIwMy41MThjMCwxMTIuMzk4LDkyLjIyOSwyMDMuNTIsMjA2LDIwMy41MmMxMTMuNzcyLDAsMjA2LTkxLjEyMSwyMDYtMjAzLjUyQzQ2MiwxNDMuNTk5LDM2OS43NzIsNTIuNDgxLDI1Niw1Mi40ODFMMjU2LDUyLjQ4MXogTTIwNi41NDQsMzU3LjE2MVYxNTkuODMzbDE2MC45MTksOTguNjY2TDIwNi41NDQsMzU3LjE2MXoiPjwvcGF0aD48L3N2Zz4K);
 167     height: 150px;
 168     left: 50%;
 169     margin-left: -75px;
 170     margin-top: -75px;
 171     position: absolute;
 172     top: 50%;
 173     -webkit-transition: 1s;
 174     transition: 1s;
 175     width: 150px
 176 }
 177
 178 .flex-embed:hover .play-btn {
 179     opacity: .5
 180 }
 181
 182 .clearfix:after, .clearfix:before {
 183     content: ' ';
 184     display: table
 185 }
 186
 187 .clearfix:after {
 188     clear: both
 189 }
 190
 191 .clearfix {
 192     *zoom: 1
 193 }
 194
 195 .container {
 196     margin: 0 auto;
 197     max-width: 760px;
 198     padding: 0 10px
 199 }
 200
 201 .aside {
 202     background-color: #eee;
 203     border: solid #e3e3e3;
 204     border-width: 1px 0;
 205     font-size: 1.125em;
 206     padding: 1em 0
 207 }
 208
 209 .btn, .cta-option {
 210     display: inline-block;
 211     position: relative
 212 }
 213
 214 .cta-option {
 215     margin: 2.5em .5em 0;
 216     vertical-align: top
 217 }
 218
 219 .btn {
 220     color: #fff;
 221     font-size: 1.5em;
 222     padding: .6em 1em;
 223     text-decoration: none;
 224     text-shadow: 0 -1px 0 rgba(0, 0, 0, .5);
 225     vertical-align: middle;
 226     border-radius: 4px;
 227     border: 1px solid #333
 228 }
 229
 230 .btn:active, .btn:focus, .btn:hover {
 231     text-decoration: none
 232 }
 233
 234 .btn-download {
 235     background-color: #d9750b;
 236     background-image: -webkit-linear-gradient(#f90 10%, #e76a00 100%);
 237     background-image: linear-gradient(#f90 10%, #e76a00 100%);
 238     box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset, 0 1px 3px rgba(0, 0, 0, .2);
 239     border: 1px solid #995309
 240 }
 241
 242 .btn-download:active, .btn-download:focus, .btn-download:hover {
 243     background-color: #e0811b;
 244     background-image: -webkit-linear-gradient(#f0a100 10%, #f70 100%);
 245     background-image: linear-gradient(#f0a100 10%, #f70 100%)
 246 }
 247
 248 .btn-download:active {
 249     background-color: #cf6a00;
 250     box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .2) inset
 251 }
 252
 253 .btn-alt {
 254     background-color: #444;
 255     border-color: #222;
 256     box-shadow: none;
 257     font-size: 1.25em;
 258     margin-top: .25em
 259 }
 260
 261 .btn-alt:active, .btn-alt:focus, .btn-alt:hover {
 262     background-color: #555
 263 }
 264
 265 .star {
 266     color: #e08524
 267 }
 268
 269 .Icon {
 270     display: inline-block;
 271     height: 16px;
 272     margin: -3px 1px 0 0;
 273     vertical-align: middle;
 274     width: 16px
 275 }
 276
 277 .Icon--github {
 278     background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjEgMTIxIj48ZyBmaWxsPSIjMTkxNzE3Ij48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTYwLjUgMS42Yy0zMy4zIDAtNjAuNCAyNy02MC40IDYwLjQgMCAyNi43IDE3LjMgNDkuMyA0MS4zIDU3LjMgMyAuNiA0LjEtMS4zIDQuMS0yLjkgMC0xLjQtLjEtNi4yLS4xLTExLjItMTYuNyAzLjYtMjAuMy03LjItMjAuMy03LjItMi43LTctNi43LTguOC02LjctOC44LTUuNS0zLjcuNC0zLjcuNC0zLjcgNi4xLjQgOS4zIDYuMiA5LjMgNi4yIDUuNCA5LjIgMTQuMSA2LjYgMTcuNiA1IC41LTMuOSAyLjEtNi42IDMuOC04LjEtMTMuNC0xLjQtMjcuNS02LjYtMjcuNS0yOS44IDAtNi42IDIuNC0xMiA2LjItMTYuMi0uNi0xLjUtMi43LTcuNy42LTE2IDAgMCA1LjEtMS42IDE2LjYgNi4yIDQuOC0xLjMgMTAtMiAxNS4xLTJzMTAuMy43IDE1LjEgMmMxMS41LTcuOCAxNi42LTYuMiAxNi42LTYuMiAzLjMgOC4zIDEuMiAxNC41LjYgMTYgMy45IDQuMiA2LjIgOS42IDYuMiAxNi4yIDAgMjMuMi0xNC4xIDI4LjMtMjcuNSAyOS44IDIuMiAxLjkgNC4xIDUuNSA0LjEgMTEuMiAwIDguMS0uMSAxNC42LS4xIDE2LjYgMCAxLjYgMS4xIDMuNSA0LjEgMi45IDI0LTggNDEuMy0zMC42IDQxLjMtNTcuMyAwLTMzLjQtMjctNjAuNC02MC40LTYwLjR6Ii8+PHBhdGggZD0iTTIzIDg4LjNjLS4xLjMtLjYuNC0xIC4ycy0uNy0uNi0uNS0uOWMuMS0uMy42LS40IDEtLjJzLjYuNi41Ljl6bS0uOC0uNU0yNS40IDkxYy0uMy4zLS45LjEtMS4yLS4zLS40LS40LS41LTEtLjItMS4zLjMtLjMuOC0uMSAxLjIuMy41LjUuNSAxLjEuMiAxLjN6bS0uNS0uNk0yNy44IDk0LjVjLS40LjMtMSAwLTEuMy0uNS0uNC0uNS0uNC0xLjIgMC0xLjQuNC0uMyAxIDAgMS4zLjUuNC41LjQgMS4xIDAgMS40em0wIDBNMzEuMSA5Ny45Yy0uMy40LTEgLjMtMS42LS4yLS41LS41LS43LTEuMi0uMy0xLjUuMy0uNCAxLS4zIDEuNi4yLjUuNC42IDEuMS4zIDEuNXptMCAwTTM1LjYgOTkuOGMtLjEuNS0uOC43LTEuNS41LS43LS4yLTEuMS0uOC0xLTEuMi4xLS41LjgtLjcgMS41LS41LjcuMiAxLjEuNyAxIDEuMnptMCAwTTQwLjUgMTAwLjJjMCAuNS0uNi45LTEuMy45LS43IDAtMS4zLS40LTEuMy0uOXMuNi0uOSAxLjMtLjljLjcgMCAxLjMuNCAxLjMuOXptMCAwTTQ1LjEgOTkuNGMuMS41LS40IDEtMS4xIDEuMS0uNy4xLTEuMy0uMi0xLjQtLjctLjEtLjUuNC0xIDEuMS0xLjEuNy0uMSAxLjMuMiAxLjQuN3ptMCAwIi8+PC9nPjwvc3ZnPgo=)
 279 }
 280
 281 .Icon--html5 {
 282     background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjUwIDEwMSA0MTIgNDEyIj48cGF0aCBmaWxsPSIjRTQ0RDI2IiBkPSJNMTA3LjY0NCA0NzAuODc3bC0zMy4wMTEtMzcwLjI1N2gzNjIuNzM0bC0zMy4wNDYgMzcwLjE5OS0xNDguNTQzIDQxLjE4MXoiLz48cGF0aCBmaWxsPSIjRjE2NTI5IiBkPSJNMjU2IDQ4MC41MjNsMTIwLjAzLTMzLjI3NyAyOC4yNC0zMTYuMzUyaC0xNDguMjd6Ii8+PHBhdGggZmlsbD0iI0VCRUJFQiIgZD0iTTI1NiAyNjguMjE3aC02MC4wOWwtNC4xNS00Ni41MDFoNjQuMjR2LTQ1LjQxMWgtMTEzLjg2OGwxLjA4NyAxMi4xODMgMTEuMTYxIDEyNS4xMzloMTAxLjYyem0wIDExNy45MzZsLS4xOTkuMDUzLTUwLjU3NC0xMy42NTYtMy4yMzMtMzYuMjE3aC00NS41ODVsNi4zNjIgNzEuMzAxIDkzLjAyIDI1LjgyMy4yMDktLjA1OHoiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMjU1Ljg0MyAyNjguMjE3djQ1LjQxaDU1LjkxOGwtNS4yNzEgNTguODk0LTUwLjY0NyAxMy42N3Y0Ny4yNDRsOTMuMDk0LTI1LjgwMS42ODMtNy42NzIgMTAuNjcxLTExOS41NTEgMS4xMDgtMTIuMTk0aC0xMi4yMzd6bTAtOTEuOTEydjQ1LjQxMWgxMDkuNjg4bC45MTEtMTAuMjA3IDIuMDY5LTIzLjAyMSAxLjA4Ni0xMi4xODN6Ii8+PC9zdmc+Cg==)
 283 }
 284
 285 .Icon--stackoverflow {
 286     background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjMgMi44IDU4LjIgNTgiPjxwYXRoIGQ9Ik05LjMwNSAzNi44NDhsNC40MDEuMDQzLS4xNTMgMTkuNTk4aDI5LjI5MXYtMTkuNTI4aDQuNjM4djI0LjI4N2gtMzguMjAxbC4wMjQtMjQuNDAxem03LjE3NyAxMS41ODZoMjIuOTQ1djQuODgyaC0yMi45NDV6IiBmaWxsPSIjOTE5MTkxIi8+PHBhdGggZmlsbD0iI2E3OGI2OCIgZD0iTTE3LjAyIDM5LjY0OGwyMi45NiAyLjIxNi0uNDgxIDQuOTgxLTIyLjk2LTIuMjE2eiIvPjxwYXRoIGZpbGw9IiNjMTk2NTMiIGQ9Ik0xOS4xMjEgMjkuNzEzbDIyLjIgNi4yNjYtMS4zNTkgNC44MTYtMjIuMi02LjI2NnoiLz48cGF0aCBmaWxsPSIjZDQ4YzI4IiBkPSJNMjQuNTAxIDE4LjQ4NGwxOS43NDUgMTEuOTI2LTIuNTg3IDQuMjgzLTE5Ljc0NS0xMS45MjZ6Ii8+PHBhdGggZmlsbD0iI2ZlODkwOCIgZD0iTTM1LjczMyA3Ljg0OWwxMy40MzUgMTguNzUxLTQuMDY4IDIuOTE0LTEzLjQzNS0xOC43NTF6Ii8+PHBhdGggZmlsbD0iI2ZmN2ExNSIgZD0iTTUxLjM0IDIuNzUxbDMuODAyIDIyLjc1Mi00LjkzNi44MjUtMy44MDItMjIuNzUyeiIvPjwvc3ZnPgo=)
 287 }
 288
 289 .site-header {
 290     padding-top: 50px
 291 }
 292
 293 .site-logo {
 294     color: #fff;
 295     float: left;
 296     font-size: 25px;
 297     font-weight: 700;
 298     line-height: 32px;
 299     text-decoration: none;
 300     text-shadow: 2px 2px 0 #000;
 301     text-transform: uppercase
 302 }
 303
 304 .site-nav {
 305     float: right;
 306     list-style-type: none;
 307     margin: 7px 0 0;
 308     padding: 0
 309 }
 310
 311 .site-nav a {
 312     color: #ffa000;
 313     display: block;
 314     text-decoration: none;
 315     text-transform: uppercase
 316 }
 317
 318 .site-nav a:active, .site-nav a:focus, .site-nav a:hover {
 319     color: #fff
 320 }
 321
 322 .site-promo {
 323     padding: 4em 0 6em;
 324     color: white;
 325 }
 326
 327 .site-promo .description {
 328     color: #ddd;
 329     font-size: 1.2em;
 330     margin: 1em 2em 0
 331 }
 332
 333 .last-update {
 334     color: #999;
 335     display: block;
 336     font-size: .75em;
 337     margin-top: 10px
 338 }
 339
 340 .site-section {
 341     background-color: #f9f9f9;
 342     color: #333;
 343     overflow: hidden;
 344     padding: 2em 0 6em
 345 }
 346
 347 .site-section-video {
 348     background-color: transparent;
 349     color: #fff;
 350     text-align: center;
 351     padding: 2em 0 3em
 352 }
 353
 354 .site-section-video .content {
 355     max-width: 720px;
 356     margin: auto;
 357     padding: 10px
 358 }
 359
 360 .site-section-video h2 {
 361     margin: 1em 0
 362 }
 363
 364 .in-the-wild {
 365     font-size: 1.25em;
 366     margin: 0 auto;
 367     max-width: 720px
 368 }
 369
 370 .site-footer {
 371     font-size: .875em;
 372     padding: 2em
 373 }
 374
 375 .site-footer a {
 376     color: #ffa000
 377 }
 378
 379 @media only screen and (max-width: 800px) {
 380     .site-logo, .site-nav {
 381         float: none
 382     }
 383
 384     .site-nav li {
 385         margin: 0 .5em
 386     }
 387
 388     .site-header {
 389         padding-top: 40px
 390     }
 391
 392     .site-promo {
 393         padding: 3em 0;
 394         color: white;
 395     }
 396
 397     .site-section {
 398         padding: 0 1em 4em
 399     }
 400 }
 401
 402 @media only screen and (max-width: 600px) {
 403     html {
 404         font-size: 14px
 405     }
 406
 407     .last-update, .site-footer {
 408         font-size: 1em
 409     }
 410 }
 411
 412 @media only screen and (max-width: 460px) {
 413     .grid-cell {
 414         width: 100%
 415     }
 416 }
 417
 418 @media only screen and (max-width: 420px) {
 419     h1 {
 420         font-size: 2.5em
 421     }
 422
 423     html {
 424         font-size: 13px
 425     }
 426 }
 427
 428 @media print {
 429     * {
 430         background-color: transparent !important;
 431         box-shadow: none !important;
 432         color: #000 !important;
 433         text-shadow: none !important
 434     }
 435
 436     a, a:visited {
 437         text-decoration: underline
 438     }
 439
 440     img {
 441         page-break-inside: avoid;
 442         max-width: 100% !important
 443     }
 444
 445     h1 {
 446         padding: 1em 0 0
 447     }
 448
 449     .site-promo {
 450         margin: 1em;
 451         padding: 0;
 452         color: white;
 453     }
 454
 455     .site-section {
 456         padding: 0;
 457         margin: 2em 1em
 458     }
 459
 460     .site-section-video {
 461         display: none
 462     }
 463
 464     h2, h3, p {
 465         orphans: 3;
 466         widows: 3
 467     }
 468
 469     h2, h3 {
 470         page-break-after: avoid
 471     }
 472 }
 473 </style>
 474
 475 <script>
 476     // --- OPTIONS FOR THE DASHBOARD --
 477
 478     // this section has to appear before loading dashboard.js
 479
 480     // Select a theme.
 481     // uncomment on of the two themes:
 482
 483     // var netdataTheme = 'default'; // this is white
 484     var netdataTheme = 'slate'; // this is dark
 485
 486     var netdataNoBootstrap = true;
 487
 488     // Set the default netdata server.
 489     // on charts without a 'data-host', this one will be used.
 490     // the default is the server that dashboard.js is downloaded from.
 491
 492     // var netdataServer = 'http://my.server:19999/';
 493 </script>
 494
 495 <!--
 496     --- LOAD dashboard.js ---
 497
 498     to host this HTML file on your web server,
 499     you have to load dashboard.js from the netdata server.
 500
 501     So, pick one the two below
 502     If you pick the first, set the server name/IP.
 503
 504     The second assumes you host this file on /usr/share/netdata/web
 505     and that you have chown it to be owned by netdata:netdata
 506 -->
 507 <!-- <script type="text/javascript" src="http://my.server:19999/dashboard.js"></script> -->
 508 <script type="text/javascript" src="dashboard.js?v20161219-1"></script>
 509
 510 <script>
 511     // --- OPTIONS FOR THE CHARTS --
 512
 513     // destroy charts not shown (lowers memory on the browsers)
 514     // set this to 'true' to destroy, 'false' to hide the charts
 515     NETDATA.options.current.destroy_on_hide = false;
 516
 517     // set this to false, to always show all dimensions
 518     NETDATA.options.current.eliminate_zero_dimensions = true;
 519
 520     // set this to false, to lower the pressure on the browser
 521     NETDATA.options.current.concurrent_refreshes = true;
 522
 523     // if you need to support slow mobile phones, set this to false
 524     NETDATA.options.current.parallel_refresher = true;
 525
 526     // set this to false, to always update the charts, even if focus is lost
 527     NETDATA.options.current.stop_updates_when_focus_is_lost = true;
 528
 529     // since we have many servers and limited sockets,
 530     // abort ajax calls when we scroll
 531     NETDATA.options.current.abort_ajax_on_scroll = true;
 532
 533     // do not to give errors on netdata demo servers for 60 seconds
 534     NETDATA.options.current.retries_on_data_failures = 60;
 535 </script>
 536
 537 <style>
 538     .mygauge-combo {
 539         display: inline-block;
 540     }
 541
 542     .mygauge {
 543         position: relative;
 544         display: block;
 545         width: 171px;
 546         height: 105px;
 547     }
 548
 549     .mygauge-button {
 550         display: block;
 551     }
 552
 553     .mygauge-legend-button {
 554         font-size: 13px;
 555     }
 556
 557     .mygause-donation {
 558         font-size: 9px;
 559         color: #999;
 560     }
 561
 562     .mysparkline {
 563         position: relative;
 564         display: inline-block;
 565         width: 100%;
 566         height: 50px;
 567         text-align: left;
 568     }
 569
 570     .mysparkline-overchart-label {
 571         position: absolute;
 572         display: block;
 573         top: -15px;
 574         left: 10px;
 575         bottom: 0;
 576         right: 0;
 577         font-size: 14px;
 578         z-index: 1;
 579     }
 580
 581     .mysparkline-overchart-value {
 582         position: absolute;
 583         display: block;
 584         top: 0px;
 585         left: 10px;
 586         bottom: 0;
 587         right: 0;
 588         font-size: 40px;
 589         z-index: 2;
 590         text-shadow: #333 0px 0px 2px;
 591     }
 592
 593     .mysparkline-overchart-value-center {
 594         position: absolute;
 595         display: block;
 596         top: 5px;
 597         left: 0px;
 598         bottom: 0;
 599         right: 0;
 600         font-size: 35px;
 601         font-weight: bold;
 602         text-align: center;
 603         z-index: 2;
 604         text-shadow: #333 0px 0px 2px;
 605     }
 606
 607     .fb-share-button span {
 608         top: 0px;
 609     }
 610     .fb-like span {
 611         top: 0px;
 612     }
 613     .fb-follow span {
 614         top: 0px;
 615     }
 616
 617 </style>
 618 </head>
 619 <body>
 620 <div class=container>
 621     <div class="site-header clearfix" role=banner>
 622         <div class=site-logo>my-netdata.io</div>
 623         <ul class="site-nav inline-block-list">
 624             <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>
 625             <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>
 626         </ul>
 627     </div>
 628     <div class=site-promo><h1>Get control<br/>of your Linux servers</h1>
 629         <p class=description>
 630             Simple.
 631             Effective.
 632             Awesome.
 633             <br/>&nbsp;<br/>
 634             <strong>Unparalleled</strong> insights, in <strong>real-time</strong>,
 635             of <strong>everything</strong> happening on your Linux systems and applications,
 636             with stunning, <strong>interactive</strong> web dashboards
 637             and powerful <strong>performance</strong> and <strong>health</strong> alarms.
 638         <div class=cta-option>
 639             <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>
 640             <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>
 641         <div class=cta-option>
 642             <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>
 643         </div>
 644     </div>
 645
 646 </div>
 647 <div class=site-section>
 648     <div class=container><h2>Save time. Run Linux with confidence.</h2>
 649         <div class=grid>
 650             <div class=grid-cell><h3><span class=star>&#x2605;</span> Monitor everything</h3>
 651                 <p>Analyze thousands of metrics per server.
 652                     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,
 653                         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>,
 654                     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)
 655                     and detailed performance metrics for dozens of
 656                     <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>
 657                     (such as web servers, databases servers, email servers, DNS servers, etc)
 658                     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.
 659             </div>
 660             <div class=grid-cell><h3><span class=star>&#x2605;</span> With alarms</h3>
 661                 <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>
 662                     can be set on any metric monitored by netdata.
 663                     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>
 664                     are role-based and support dynamic thresholds, hysteresis and can be dispatched via multiple methods
 665                     (such as email, slack.com, pushover.net, pushbullet.com telegram.org, twilio.com).
 666             </div>
 667             <div class=grid-cell><h3><span class=star>&#x2605;</span> In real-time</h3>
 668                 <p>netdata collects thousands of metrics per server <strong>per second</strong>,
 669                     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>
 670                     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>
 671                     and no disk I/O at all.
 672                     View everything on <strong>stunning</strong> real-time interactive web dashboards, even when netdata is
 673                     running on low-end hardware.
 674             </div>
 675             <div class=grid-cell><h3><span class=star>&#x2605;</span> Out of the box</h3>
 676                 <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
 677                     <strong>zero configuration</strong>, it has <strong>zero dependencies</strong>, requires <strong>zero
 678                         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
 679                     failures, performance and availability issues.
 680             </div>
 681             <div class=grid-cell><h3><span class=star>&#x2605;</span> Embeddable</h3>
 682                 <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.
 683             </div>
 684             <div class=grid-cell><h3><span class=star>&#x2605;</span> Customizable</h3>
 685                 <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).
 686             </div>
 687             <div class=grid-cell><h3><span class=star>&#x2605;</span> Extensible</h3>
 688                 <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).
 689             </div>
 690             <div class=grid-cell><h3><span class=star>&#x2605;</span> Scalable</h3>
 691                 <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.
 692                     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
 693                 rate, to avoid congesting these servers with the amount of data collected.
 694             </div>
 695         </div>
 696     </div>
 697 </div>
 698 <div id="demosites" class="site-section site-section-video"><h2>netdata live demo sites</h2>
 699     <div class="content">
 700         <div class="container" style="text-align: center;">
 701
 702             <div class="mygauge-combo">
 703                 <div class="mygauge">
 704                     <div data-netdata="netdata.requests"
 705                          data-host="//london.my-netdata.io"
 706                          data-title="EU - London"
 707                          data-chart-library="gauge"
 708                          data-decimal-digits="0"
 709                          data-common-max="top-gauges"
 710                          data-width="100%"
 711                          data-after="-300"
 712                          data-points="300"
 713                          data-colors="#558855"
 714                     ></div>
 715                 </div>
 716                 <div class="mygauge-button">
 717                     <br/>&nbsp;<br/>
 718                     <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>
 719                     <div class="mygause-donation">
 720                         Donated by DigitalOcean.com
 721                     </div>
 722                 </div>
 723             </div>
 724             <div class="mygauge-combo">
 725                 <div class="mygauge">
 726                     <div data-netdata="netdata.requests"
 727                          data-host="//atlanta.my-netdata.io"
 728                          data-title="US - Atlanta"
 729                          data-chart-library="gauge"
 730                          data-decimal-digits="0"
 731                          data-common-max="top-gauges"
 732                          data-width="100%"
 733                          data-after="-300"
 734                          data-points="300"
 735                          data-colors="#AA5555"
 736                     ></div>
 737                 </div>
 738                 <div class="mygauge-button">
 739                     <br/>&nbsp;<br/>
 740                     <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>
 741                     <div class="mygause-donation">
 742                         Donated by CDN77.com
 743                     </div>
 744                 </div>
 745             </div>
 746             <div class="mygauge-combo">
 747                 <div class="mygauge">
 748                     <div data-netdata="netdata.requests"
 749                          data-host="//sanfrancisco.netdata.rocks"
 750                          data-title="US - California"
 751                          data-chart-library="gauge"
 752                          data-decimal-digits="0"
 753                          data-common-max="top-gauges"
 754                          data-width="100%"
 755                          data-after="-300"
 756                          data-points="300"
 757                          data-colors="#5555AA"
 758                     ></div>
 759                 </div>
 760                 <div class="mygauge-button">
 761                     <br/>&nbsp;<br/>
 762                     <a class="btn btn-alt mygauge-legend-button" href=//sanfrancisco.netdata.rocks/default.html data-ga-category="Outbound links" data-ga-action="Nav click" data-ga-label=DemoSanfrancisco><strong>Enter California!</strong></a>
 763                     <div class="mygause-donation">
 764                         Donated by DigitalOcean.com
 765                     </div>
 766                 </div>
 767             </div>
 768             <div class="mygauge-combo">
 769                 <div class="mygauge">
 770                     <div data-netdata="netdata.requests"
 771                          data-host="//toronto.netdata.rocks"
 772                          data-title="Canada"
 773                          data-chart-library="gauge"
 774                          data-decimal-digits="0"
 775                          data-common-max="top-gauges"
 776                          data-width="100%"
 777                          data-after="-300"
 778                          data-points="300"
 779                          data-colors="#885588"
 780                     ></div>
 781                 </div>
 782                 <div class="mygauge-button">
 783                     <br/>&nbsp;<br/>
 784                     <a class="btn btn-alt mygauge-legend-button" href=//toronto.netdata.rocks/default.html data-ga-category="Outbound links" data-ga-action="Nav click" data-ga-label=DemoToronto><strong>Enter Canada!</strong></a>
 785                     <div class="mygause-donation">
 786                         Donated by DigitalOcean.com
 787                     </div>
 788                 </div>
 789             </div>
 790             <br/>&nbsp;<br/>
 791             <div class="mygauge-combo">
 792                 <div class="mygauge">
 793                     <div data-netdata="netdata.requests"
 794                          data-host="//frankfurt.netdata.rocks"
 795                          data-title="EU - Germany"
 796                          data-chart-library="easypiechart"
 797                          data-decimal-digits="0"
 798                          data-common-max="top-gauges"
 799                          data-width="75%"
 800                          data-after="-300"
 801                          data-points="300"
 802                          data-colors="#AAAA55"
 803                     ></div>
 804                 </div>
 805                 <div class="mygauge-button">
 806                     <br/>&nbsp;<br/>
 807                     <a class="btn btn-alt mygauge-legend-button" href=//frankfurt.netdata.rocks/default.html data-ga-category="Outbound links" data-ga-action="Nav click" data-ga-label=DemoFrankfurt><strong>Enter Germany!</strong></a>
 808                     <div class="mygause-donation">
 809                         Donated by DigitalOcean.com
 810                     </div>
 811                 </div>
 812             </div>
 813             <div class="mygauge-combo">
 814                 <div class="mygauge">
 815                     <div data-netdata="netdata.requests"
 816                          data-host="//newyork.netdata.rocks"
 817                          data-title="US - New York"
 818                          data-chart-library="easypiechart"
 819                          data-decimal-digits="0"
 820                          data-common-max="top-gauges"
 821                          data-width="75%"
 822                          data-after="-300"
 823                          data-points="300"
 824                          data-colors="#BB5533"
 825                     ></div>
 826                 </div>
 827                 <div class="mygauge-button">
 828                     <br/>&nbsp;<br/>
 829                     <a class="btn btn-alt mygauge-legend-button" href=//newyork.netdata.rocks/default.html data-ga-category="Outbound links" data-ga-action="Nav click" data-ga-label=DemoNewYork><strong>Enter New York!</strong></a>
 830                     <div class="mygause-donation">
 831                         Donated by DigitalOcean.com
 832                     </div>
 833                 </div>
 834             </div>
 835             <div class="mygauge-combo">
 836                 <div class="mygauge">
 837                     <div data-netdata="netdata.requests"
 838                          data-host="//singapore.netdata.rocks"
 839                          data-title="Singapore"
 840                          data-chart-library="easypiechart"
 841                          data-decimal-digits="0"
 842                          data-common-max="top-gauges"
 843                          data-width="75%"
 844                          data-after="-300"
 845                          data-points="300"
 846                          data-colors="#5588BB"
 847                     ></div>
 848                 </div>
 849                 <div class="mygauge-button">
 850                     <br/>&nbsp;<br/>
 851                     <a class="btn btn-alt mygauge-legend-button" href=//singapore.netdata.rocks/default.html data-ga-category="Outbound links" data-ga-action="Nav click" data-ga-label=DemoSingapore><strong>Enter Singapore!</strong></a>
 852                     <div class="mygause-donation">
 853                         Donated by DigitalOcean.com
 854                     </div>
 855                 </div>
 856             </div>
 857             <div class="mygauge-combo">
 858                 <div class="mygauge">
 859                     <div data-netdata="netdata.requests"
 860                          data-host="//bangalore.netdata.rocks"
 861                          data-title="India"
 862                          data-chart-library="easypiechart"
 863                          data-decimal-digits="0"
 864                          data-common-max="top-gauges"
 865                          data-width="75%"
 866                          data-after="-300"
 867                          data-points="300"
 868                          data-colors="#BB55BB"
 869                     ></div>
 870                 </div>
 871                 <div class="mygauge-button">
 872                     <br/>&nbsp;<br/>
 873                     <a class="btn btn-alt mygauge-legend-button" href=//bangalore.netdata.rocks/default.html data-ga-category="Outbound links" data-ga-action="Nav click" data-ga-label=DemoBangalore><strong>Enter India!</strong></a>
 874                     <div class="mygause-donation">
 875                         Donated by DigitalOcean.com
 876                     </div>
 877                 </div>
 878             </div>
 879         </div>
 880         <div class="container" style="padding-top: 40px; text-align: center;">
 881             Charts are coming from 8 servers, in parallel.
 882             <br/>
 883             The servers are not aware of this multi-server dashboard.
 884             <br/>
 885             Each server is not aware of the other servers.
 886             <br/>
 887             But on this dashboard <b>they are one</b>! (hover on the chart below)
 888         </div>
 889
 890         <div class="container" style="padding-top: 40px; text-align: center;">
 891             <div class="mysparkline">
 892                 <div class="mysparkline-overchart-label">
 893                     <b>EU - London</b> connected clients
 894                 </div>
 895                 <div class="mysparkline-overchart-value" id="nginx_local.connections.netdata" >
 896                 </div>
 897                 <div data-netdata="nginx_local.connections"
 898                      data-dimensions="active"
 899                      data-host="//london.my-netdata.io"
 900                      data-decimal-digits="0"
 901                      data-common-max="web-connections"
 902                      data-chart-library="dygraph"
 903                      data-dygraph-theme="sparkline"
 904                      data-dygraph-type="area"
 905                      data-width="100%"
 906                      data-height="100%"
 907                      data-after="-300"
 908                      data-colors="#558855"
 909                      data-show-value-of-active-at="nginx_local.connections.netdata"
 910                 ></div>
 911             </div>
 912         </div>
 913     </div>
 914 </div>
 915
 916 <div class=site-section><h2>Who uses netdata?</h2>
 917     <div class="content">
 918         <div class="container" style="text-align: center;">
 919             <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 might be a lot higher.<br/></small>
 920             <div class="container" style="padding-top: 40px; text-align: center; width: 30%; min-width: 230px; display: inline-block;">
 921                 <div class="mysparkline">
 922                     <div class="mysparkline-overchart-label">
 923                         netdata <b>unique users</b>
 924                     </div>
 925                     <div class="mysparkline-overchart-value-center" id="netdata.registry_entries.persons.netdata" >
 926                     </div>
 927                     <div data-netdata="netdata.registry_entries"
 928                          data-dimensions="persons"
 929                          data-host="//london.my-netdata.io"
 930                          data-decimal-digits="0"
 931                          data-chart-library="dygraph"
 932                          data-dygraph-theme="sparkline"
 933                          data-dygraph-type="area"
 934                          data-width="100%"
 935                          data-height="100%"
 936                          data-after="-300"
 937                          data-colors="#558855"
 938                          data-show-value-of-persons-at="netdata.registry_entries.persons.netdata"
 939                     ></div>
 940                 </div>
 941             </div>
 942             <div class="container" style="padding-top: 40px; text-align: center; width: 30%; min-width: 230px; display: inline-block;">
 943                 <div class="mysparkline">
 944                     <div class="mysparkline-overchart-label">
 945                         netdata <b>monitored servers</b>
 946                     </div>
 947                     <div class="mysparkline-overchart-value-center" id="netdata.registry_entries.machines.netdata" >
 948                     </div>
 949                     <div data-netdata="netdata.registry_entries"
 950                          data-dimensions="machines"
 951                          data-host="//london.my-netdata.io"
 952                          data-decimal-digits="0"
 953                          data-chart-library="dygraph"
 954                          data-dygraph-theme="sparkline"
 955                          data-dygraph-type="area"
 956                          data-width="100%"
 957                          data-height="100%"
 958                          data-after="-300"
 959                          data-colors="#558855"
 960                          data-show-value-of-machines-at="netdata.registry_entries.machines.netdata"
 961                     ></div>
 962                 </div>
 963             </div>
 964             <div class="container" style="padding-top: 40px; text-align: center; width: 30%; min-width: 230px; display: inline-block;">
 965                 <div class="mysparkline">
 966                     <div class="mysparkline-overchart-label">
 967                         netdata <b>sessions served</b>
 968                     </div>
 969                     <div class="mysparkline-overchart-value-center" id="netdata.registry_sessions.sessions.netdata" >
 970                     </div>
 971                     <div data-netdata="netdata.registry_sessions"
 972                          data-dimensions="sessions"
 973                          data-host="//london.my-netdata.io"
 974                          data-decimal-digits="0"
 975                          data-chart-library="dygraph"
 976                          data-dygraph-theme="sparkline"
 977                          data-dygraph-type="area"
 978                          data-width="100%"
 979                          data-height="100%"
 980                          data-after="-300"
 981                          data-colors="#558855"
 982                          data-show-value-of-sessions-at="netdata.registry_sessions.sessions.netdata"
 983                     ></div>
 984                 </div>
 985             </div>
 986             <p>
 987
 988         <!--
 989             <embed src="//registry.my-netdata.io/api/v1/badge.svg?chart=netdata.registry_entries&dimensions=persons&label=user%20base&units=null&value_color=blue&precision=0&refresh=30&v42" type="image/svg+xml" height="20" />
 990             <embed src="//registry.my-netdata.io/api/v1/badge.svg?chart=netdata.registry_entries&dimensions=machines&label=servers%20monitored&units=null&value_color=orange&precision=0&refresh=30&v42" type="image/svg+xml" height="20" />
 991             <embed src="//registry.my-netdata.io/api/v1/badge.svg?chart=netdata.registry_sessions&label=sessions%20served&units=null&value_color=yellowgreen&precision=0&refresh=30&v42" type="image/svg+xml" height="20" />
 992             <br/><i>(figures come from <a href="https://github.com/firehol/netdata/wiki/mynetdata-menu-item" target="_blank">the public netdata registry</a> data, showing only installations that use this registry, counting since May 16th 2016)</i>
 993             <br/>
 994         -->
 995             </p>
 996             <p>
 997                 <small>
 998                 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:
 999                 </small>
1000             <br/>
1001             <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" />
1002             <embed style="padding-top: 10px; padding-botton: 25px;" src="//registry.my-netdata.io/api/v1/badge.svg?chart=netdata.registry_entries&dimensions=machines&group=incremental-sum&after=-86400&options=unaligned&label=servers%20added%20today&units=null&value_color=orange&precision=0&refresh=60&v42" type="image/svg+xml" height="20" />
1003             <embed style="padding-top: 10px; padding-botton: 25px;" src="//registry.my-netdata.io/api/v1/badge.svg?chart=netdata.registry_sessions&after=-86400&group=incremental-sum&options=unaligned&label=sessions%20served%20today&units=null&value_color=yellowgreen&precision=0&refresh=60&v42" type="image/svg+xml" height="20" />
1004             <br/>
1005             <small>These badges auto-refresh every minute.</small>
1006             </p>
1007         </div>
1008         <div class="container" style="text-align: center;">
1009                 <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>
1010             <div style="padding-top: 10px;">
1011                 <a href="https://octoverse.github.com/" target="_blank" data-ga-category="Outbound links" data-ga-action="Nav click" data-ga-label=OctoverseImage>
1012                 <img src="https://o.twimg.com/2/proxy.jpg?t=HBgzaHR0cDovL29jdG92ZXJzZS5naXRodWIuY29tL2ltYWdlcy9zb2NpYWwtaW1hZ2UucG5nFOASFOYJHBSEBhSUAwAAFgASAA&s=X1yj1YhGM3hclaa29go6EFa2FeJFdwGrzfs_u25L3hs" width="90%" style="border-radius: 4px; border: 1px solid #333;"/>
1013                 </a>
1014             </div>
1015         </div>
1016         <div class=cta-option>
1017             <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>
1018         </div>
1019     </div>
1020 </div>
1021 <div class=aside>
1022     <div class=container>
1023         <ul class=inline-block-list>
1024             <li>
1025                 <!-- Place this tag where you want the button to render. -->
1026                 <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>
1027             </li>
1028             <li>
1029                 <!-- Place this tag where you want the button to render. -->
1030                 <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>
1031             </li>
1032             <li>
1033                 <!-- Place this tag where you want the button to render. -->
1034                 <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>
1035             </li>
1036         </ul>
1037     </div>
1038 </div>
1039
1040 <!-- the footer -->
1041 <div class=site-footer role=contentinfo>
1042     <p>
1043     <div style="display: inline-block;">
1044         <div style="vertical-align:top;display:inline-block; height: 34px;">twitter:</div>
1045         <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>
1046         <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>
1047     </div>
1048     <div style="display: inline-block;">
1049         <div style="vertical-align:top;display:inline-block; height: 34px; padding-left: 10px;">facebook:</div>
1050         <div class="fb-like" data-href="http://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>
1051         <div class="fb-share-button" data-href="http://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=http%3A%2F%2Fmy-netdata.io%2F&amp;src=sdkpreparse" style="vertical-align:top;display:inline-block; height: 34px;">Share</a></div>
1052         <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>
1053     </div>
1054     </p>
1055     <p>
1056         <strong>netdata</strong><br/>
1057         &copy; Copyright 2016, <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/>
1058         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/>
1059     </p>
1060     <p>
1061         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>
1062     </p>
1063     <p style="padding-top: 20px;">
1064         netdata has received significant contributions from:<br/>&nbsp;<br/>
1065         <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/>
1066         <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/>
1067         <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/>
1068         <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/>
1069         <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/>
1070         <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/>
1071         <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/>
1072         &nbsp;<br/>
1073         and dozens more enthusiasts, engineers and professionals.<br/>&nbsp;<br/>
1074     </p>
1075     </p>
1076         Thank you! You are awesome!
1077     <p>
1078 </div>
1079 </body>
1080
1081 <script>
1082     if(window.location.hostname != 'my-netdata.io' || window.location.protocol != 'http:') {
1083         var canonical = document.createElement('link');
1084         canonical.rel = 'canonical';
1085         canonical.href = 'http://my-netdata.io/';
1086         document.head.appendChild(canonical);
1087     }
1088 </script>
1089
1090 <script>!function (t, e) {
1091     "use strict";
1092     function a(t, n) {
1093         return t.hasAttribute(n) === !0 ? t : t.parentNode !== r.body ? a(t.parentNode, n) : e
1094     }
1095
1096     function n(n) {
1097         var o, i, r, c, g, u = a(n.target, "data-ga-action"), l = !1;
1098         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) {
1099             var n;
1100             ga("send", "event", i, o, r, g, {
1101                 hitCallback: function () {
1102                     l === !1 && (n !== e && clearTimeout(n), t.location = a)
1103                 }
1104             }), n = setTimeout(function () {
1105                 l === !1 && (t.location.href = a)
1106             }, 1e3)
1107         }(c)))
1108     }
1109
1110     function o() {
1111         !function (t, e, a, n, o, i) {
1112             t.GoogleAnalyticsObject = n, t[n] || (t[n] = function () {
1113                 (t[n].q = t[n].q || []).push(arguments)
1114             }), 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)
1115         }(t, r, "script", "ga"), ga("create", "UA-64295674-3", "auto"), ga("send", "pageview"), t.document.addEventListener("click", n)
1116     }
1117
1118     function i() {
1119         !function (t, e, a) {
1120             var n, o = t.getElementsByTagName(e)[0];
1121             t.getElementById(a) || (n = t.createElement(e), n.id = a, n.src = "//platform.twitter.com/widgets.js", o.parentNode.insertBefore(n, o))
1122         }(r, "script", "twitter-wjs")
1123     }
1124
1125     var r = t.document;
1126     o(), t.onload = i
1127 }(window)</script>
1128
1129 <!-- facebook sdk -->
1130 <div id="fb-root"></div>
1131 <script>
1132     window.fbAsyncInit = function() {
1133         FB.init({
1134             appId      : '1200089276712916',
1135             xfbml      : true,
1136             version    : 'v2.8'
1137         });
1138     };
1139
1140     (function(d, s, id){
1141         var js, fjs = d.getElementsByTagName(s)[0];
1142         if (d.getElementById(id)) {return;}
1143         js = d.createElement(s); js.id = id;
1144         js.src = "//connect.facebook.net/en_US/sdk.js";
1145         fjs.parentNode.insertBefore(js, fjs);
1146     }(document, 'script', 'facebook-jssdk'));
1147 </script>
1148
1149 <script async src="https://buttons.github.io/buttons.js"></script>