web/demosites.html

   1 <!doctype html>
   2 <html lang=en-us>
   3 <head>
   4 <meta charset=utf-8>
   5 <title>NetData - Real-time performance monitoring, done right!</title>
   6 <meta name=author content="Costa Tsaousis">
   7 <meta name=description
   8       content="Stunning real-time dashboards, blazingly fast and extremely interactive. Zero configuration, zero dependencies, zero maintenance.">
   9 <meta name=viewport content="width=device-width,initial-scale=1">
  10 <meta name="google-site-verification" content="3Xmk2kyCvai8p9HEnYHoQ9RBW20-b1NvPAgu07Fkkds" />
  11 <meta name="msvalidate.01" content="896DCA31C9A664CE359FCF1A645DD476" />
  12 <link rel=apple-touch-icon href=apple-touch-icon.png>
  13
  14 <style>/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
  15 html {
  16     line-height: 1.15;
  17     -ms-text-size-adjust: 100%;
  18     -webkit-text-size-adjust: 100%;
  19     color: #fff;
  20     font: 17px/1.4 'Open Sans', sans-serif;
  21     text-align: center
  22 }
  23
  24 body {
  25     margin: 0;
  26     background-color: #2f3135;
  27     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==)
  28 }
  29
  30 a {
  31     background-color: transparent;
  32     -webkit-text-decoration-skip: objects;
  33     color: #069;
  34     text-decoration: none
  35 }
  36
  37 a:active, a:hover {
  38     outline-width: 0
  39 }
  40
  41 strong {
  42     font-weight: bolder
  43 }
  44
  45 h1 {
  46     font-size: 3em;
  47     line-height: 1.2em;
  48     margin: 0 .5em .75em
  49 }
  50
  51 img {
  52     border-style: none;
  53     vertical-align: middle
  54 }
  55
  56 [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
  57     border-style: none;
  58     padding: 0
  59 }
  60
  61 [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
  62     outline: 1px dotted ButtonText
  63 }
  64
  65 a:active, a:focus, a:hover {
  66     text-decoration: underline
  67 }
  68
  69 ::-moz-selection {
  70     background-color: #b3d4fc;
  71     text-shadow: none
  72 }
  73
  74 ::selection {
  75     background-color: #b3d4fc;
  76     text-shadow: none
  77 }
  78
  79 h2 {
  80     font-size: 2em;
  81     margin: 1.5em 0
  82 }
  83
  84 h3 {
  85     color: #555;
  86     font-size: 1.25em;
  87     margin: 0 0 .5em
  88 }
  89
  90 p {
  91     margin: 0 0 2em
  92 }
  93
  94 .grid {
  95     margin: 0 -15px;
  96     letter-spacing: -.31em;
  97     word-spacing: -.43em;
  98     text-rendering: optimizespeed
  99 }
 100
 101 .grid-cell {
 102     display: inline-block;
 103     letter-spacing: normal;
 104     text-align: left;
 105     text-rendering: auto;
 106     vertical-align: top;
 107     width: 50%;
 108     word-spacing: normal
 109 }
 110
 111 .grid-cell > * {
 112     padding: 0 15px
 113 }
 114
 115 .inline-block-list {
 116     list-style-type: none;
 117     margin: 0;
 118     padding: 0
 119 }
 120
 121 .inline-block-list li {
 122     display: inline-block;
 123     margin: 0 0 0 1.5em;
 124     padding: 0;
 125     vertical-align: top
 126 }
 127
 128 .inline-block-list li:first-child {
 129     margin-left: 0
 130 }
 131
 132 .flex-embed {
 133     background-color: #000;
 134     box-shadow: 0 0 10px #000;
 135     height: 0;
 136     overflow: hidden;
 137     padding-bottom: 56.25%;
 138     position: relative
 139 }
 140
 141 .flex-embed a, .flex-embed img {
 142     bottom: 0;
 143     height: 100%;
 144     left: 0;
 145     position: absolute;
 146     top: 0;
 147     width: 100%
 148 }
 149
 150 .flex-embed .play-btn {
 151     background: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMDAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNMjU2LDkyLjQ4MWM0NC40MzMsMCw4Ni4xOCwxNy4wNjgsMTE3LjU1Myw0OC4wNjRDNDA0Ljc5NCwxNzEuNDExLDQyMiwyMTIuNDEzLDQyMiwyNTUuOTk5cy0xNy4yMDYsODQuNTg4LTQ4LjQ0OCwxMTUuNDU1Yy0zMS4zNzIsMzAuOTk0LTczLjEyLDQ4LjA2NC0xMTcuNTUyLDQ4LjA2NHMtODYuMTc5LTE3LjA3LTExNy41NTItNDguMDY0QzEwNy4yMDYsMzQwLjU4Nyw5MCwyOTkuNTg1LDkwLDI1NS45OTlzMTcuMjA2LTg0LjU4OCw0OC40NDgtMTE1LjQ1M0MxNjkuODIxLDEwOS41NSwyMTEuNTY4LDkyLjQ4MSwyNTYsOTIuNDgxIE0yNTYsNTIuNDgxIGMtMTEzLjc3MSwwLTIwNiw5MS4xMTctMjA2LDIwMy41MThjMCwxMTIuMzk4LDkyLjIyOSwyMDMuNTIsMjA2LDIwMy41MmMxMTMuNzcyLDAsMjA2LTkxLjEyMSwyMDYtMjAzLjUyQzQ2MiwxNDMuNTk5LDM2OS43NzIsNTIuNDgxLDI1Niw1Mi40ODFMMjU2LDUyLjQ4MXogTTIwNi41NDQsMzU3LjE2MVYxNTkuODMzbDE2MC45MTksOTguNjY2TDIwNi41NDQsMzU3LjE2MXoiPjwvcGF0aD48L3N2Zz4K);
 152     height: 150px;
 153     left: 50%;
 154     margin-left: -75px;
 155     margin-top: -75px;
 156     position: absolute;
 157     top: 50%;
 158     -webkit-transition: 1s;
 159     transition: 1s;
 160     width: 150px
 161 }
 162
 163 .flex-embed:hover .play-btn {
 164     opacity: .5
 165 }
 166
 167 .clearfix:after, .clearfix:before {
 168     content: ' ';
 169     display: table
 170 }
 171
 172 .clearfix:after {
 173     clear: both
 174 }
 175
 176 .clearfix {
 177     *zoom: 1
 178 }
 179
 180 .container {
 181     margin: 0 auto;
 182     max-width: 760px;
 183     padding: 0 10px
 184 }
 185
 186 .aside {
 187     background-color: #eee;
 188     border: solid #e3e3e3;
 189     border-width: 1px 0;
 190     font-size: 1.125em;
 191     padding: 1em 0
 192 }
 193
 194 .btn, .cta-option {
 195     display: inline-block;
 196     position: relative
 197 }
 198
 199 .cta-option {
 200     margin: 2.5em .5em 0;
 201     vertical-align: top
 202 }
 203
 204 .btn {
 205     color: #fff;
 206     font-size: 1.5em;
 207     padding: .6em 1em;
 208     text-decoration: none;
 209     text-shadow: 0 -1px 0 rgba(0, 0, 0, .5);
 210     vertical-align: middle;
 211     border-radius: 4px;
 212     border: 1px solid #333
 213 }
 214
 215 .btn:active, .btn:focus, .btn:hover {
 216     text-decoration: none
 217 }
 218
 219 .btn-download {
 220     background-color: #d9750b;
 221     background-image: -webkit-linear-gradient(#f90 10%, #e76a00 100%);
 222     background-image: linear-gradient(#f90 10%, #e76a00 100%);
 223     box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset, 0 1px 3px rgba(0, 0, 0, .2);
 224     border: 1px solid #995309
 225 }
 226
 227 .btn-download:active, .btn-download:focus, .btn-download:hover {
 228     background-color: #e0811b;
 229     background-image: -webkit-linear-gradient(#f0a100 10%, #f70 100%);
 230     background-image: linear-gradient(#f0a100 10%, #f70 100%)
 231 }
 232
 233 .btn-download:active {
 234     background-color: #cf6a00;
 235     box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .2) inset
 236 }
 237
 238 .btn-alt {
 239     background-color: #444;
 240     border-color: #222;
 241     box-shadow: none;
 242     font-size: 1.25em;
 243     margin-top: .25em
 244 }
 245
 246 .btn-alt:active, .btn-alt:focus, .btn-alt:hover {
 247     background-color: #555
 248 }
 249
 250 .star {
 251     color: #e08524
 252 }
 253
 254 .Icon {
 255     display: inline-block;
 256     height: 16px;
 257     margin: -3px 1px 0 0;
 258     vertical-align: middle;
 259     width: 16px
 260 }
 261
 262 .Icon--github {
 263     background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjEgMTIxIj48ZyBmaWxsPSIjMTkxNzE3Ij48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTYwLjUgMS42Yy0zMy4zIDAtNjAuNCAyNy02MC40IDYwLjQgMCAyNi43IDE3LjMgNDkuMyA0MS4zIDU3LjMgMyAuNiA0LjEtMS4zIDQuMS0yLjkgMC0xLjQtLjEtNi4yLS4xLTExLjItMTYuNyAzLjYtMjAuMy03LjItMjAuMy03LjItMi43LTctNi43LTguOC02LjctOC44LTUuNS0zLjcuNC0zLjcuNC0zLjcgNi4xLjQgOS4zIDYuMiA5LjMgNi4yIDUuNCA5LjIgMTQuMSA2LjYgMTcuNiA1IC41LTMuOSAyLjEtNi42IDMuOC04LjEtMTMuNC0xLjQtMjcuNS02LjYtMjcuNS0yOS44IDAtNi42IDIuNC0xMiA2LjItMTYuMi0uNi0xLjUtMi43LTcuNy42LTE2IDAgMCA1LjEtMS42IDE2LjYgNi4yIDQuOC0xLjMgMTAtMiAxNS4xLTJzMTAuMy43IDE1LjEgMmMxMS41LTcuOCAxNi42LTYuMiAxNi42LTYuMiAzLjMgOC4zIDEuMiAxNC41LjYgMTYgMy45IDQuMiA2LjIgOS42IDYuMiAxNi4yIDAgMjMuMi0xNC4xIDI4LjMtMjcuNSAyOS44IDIuMiAxLjkgNC4xIDUuNSA0LjEgMTEuMiAwIDguMS0uMSAxNC42LS4xIDE2LjYgMCAxLjYgMS4xIDMuNSA0LjEgMi45IDI0LTggNDEuMy0zMC42IDQxLjMtNTcuMyAwLTMzLjQtMjctNjAuNC02MC40LTYwLjR6Ii8+PHBhdGggZD0iTTIzIDg4LjNjLS4xLjMtLjYuNC0xIC4ycy0uNy0uNi0uNS0uOWMuMS0uMy42LS40IDEtLjJzLjYuNi41Ljl6bS0uOC0uNU0yNS40IDkxYy0uMy4zLS45LjEtMS4yLS4zLS40LS40LS41LTEtLjItMS4zLjMtLjMuOC0uMSAxLjIuMy41LjUuNSAxLjEuMiAxLjN6bS0uNS0uNk0yNy44IDk0LjVjLS40LjMtMSAwLTEuMy0uNS0uNC0uNS0uNC0xLjIgMC0xLjQuNC0uMyAxIDAgMS4zLjUuNC41LjQgMS4xIDAgMS40em0wIDBNMzEuMSA5Ny45Yy0uMy40LTEgLjMtMS42LS4yLS41LS41LS43LTEuMi0uMy0xLjUuMy0uNCAxLS4zIDEuNi4yLjUuNC42IDEuMS4zIDEuNXptMCAwTTM1LjYgOTkuOGMtLjEuNS0uOC43LTEuNS41LS43LS4yLTEuMS0uOC0xLTEuMi4xLS41LjgtLjcgMS41LS41LjcuMiAxLjEuNyAxIDEuMnptMCAwTTQwLjUgMTAwLjJjMCAuNS0uNi45LTEuMy45LS43IDAtMS4zLS40LTEuMy0uOXMuNi0uOSAxLjMtLjljLjcgMCAxLjMuNCAxLjMuOXptMCAwTTQ1LjEgOTkuNGMuMS41LS40IDEtMS4xIDEuMS0uNy4xLTEuMy0uMi0xLjQtLjctLjEtLjUuNC0xIDEuMS0xLjEuNy0uMSAxLjMuMiAxLjQuN3ptMCAwIi8+PC9nPjwvc3ZnPgo=)
 264 }
 265
 266 .Icon--html5 {
 267     background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjUwIDEwMSA0MTIgNDEyIj48cGF0aCBmaWxsPSIjRTQ0RDI2IiBkPSJNMTA3LjY0NCA0NzAuODc3bC0zMy4wMTEtMzcwLjI1N2gzNjIuNzM0bC0zMy4wNDYgMzcwLjE5OS0xNDguNTQzIDQxLjE4MXoiLz48cGF0aCBmaWxsPSIjRjE2NTI5IiBkPSJNMjU2IDQ4MC41MjNsMTIwLjAzLTMzLjI3NyAyOC4yNC0zMTYuMzUyaC0xNDguMjd6Ii8+PHBhdGggZmlsbD0iI0VCRUJFQiIgZD0iTTI1NiAyNjguMjE3aC02MC4wOWwtNC4xNS00Ni41MDFoNjQuMjR2LTQ1LjQxMWgtMTEzLjg2OGwxLjA4NyAxMi4xODMgMTEuMTYxIDEyNS4xMzloMTAxLjYyem0wIDExNy45MzZsLS4xOTkuMDUzLTUwLjU3NC0xMy42NTYtMy4yMzMtMzYuMjE3aC00NS41ODVsNi4zNjIgNzEuMzAxIDkzLjAyIDI1LjgyMy4yMDktLjA1OHoiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMjU1Ljg0MyAyNjguMjE3djQ1LjQxaDU1LjkxOGwtNS4yNzEgNTguODk0LTUwLjY0NyAxMy42N3Y0Ny4yNDRsOTMuMDk0LTI1LjgwMS42ODMtNy42NzIgMTAuNjcxLTExOS41NTEgMS4xMDgtMTIuMTk0aC0xMi4yMzd6bTAtOTEuOTEydjQ1LjQxMWgxMDkuNjg4bC45MTEtMTAuMjA3IDIuMDY5LTIzLjAyMSAxLjA4Ni0xMi4xODN6Ii8+PC9zdmc+Cg==)
 268 }
 269
 270 .Icon--stackoverflow {
 271     background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjMgMi44IDU4LjIgNTgiPjxwYXRoIGQ9Ik05LjMwNSAzNi44NDhsNC40MDEuMDQzLS4xNTMgMTkuNTk4aDI5LjI5MXYtMTkuNTI4aDQuNjM4djI0LjI4N2gtMzguMjAxbC4wMjQtMjQuNDAxem03LjE3NyAxMS41ODZoMjIuOTQ1djQuODgyaC0yMi45NDV6IiBmaWxsPSIjOTE5MTkxIi8+PHBhdGggZmlsbD0iI2E3OGI2OCIgZD0iTTE3LjAyIDM5LjY0OGwyMi45NiAyLjIxNi0uNDgxIDQuOTgxLTIyLjk2LTIuMjE2eiIvPjxwYXRoIGZpbGw9IiNjMTk2NTMiIGQ9Ik0xOS4xMjEgMjkuNzEzbDIyLjIgNi4yNjYtMS4zNTkgNC44MTYtMjIuMi02LjI2NnoiLz48cGF0aCBmaWxsPSIjZDQ4YzI4IiBkPSJNMjQuNTAxIDE4LjQ4NGwxOS43NDUgMTEuOTI2LTIuNTg3IDQuMjgzLTE5Ljc0NS0xMS45MjZ6Ii8+PHBhdGggZmlsbD0iI2ZlODkwOCIgZD0iTTM1LjczMyA3Ljg0OWwxMy40MzUgMTguNzUxLTQuMDY4IDIuOTE0LTEzLjQzNS0xOC43NTF6Ii8+PHBhdGggZmlsbD0iI2ZmN2ExNSIgZD0iTTUxLjM0IDIuNzUxbDMuODAyIDIyLjc1Mi00LjkzNi44MjUtMy44MDItMjIuNzUyeiIvPjwvc3ZnPgo=)
 272 }
 273
 274 .site-header {
 275     padding-top: 50px
 276 }
 277
 278 .site-logo {
 279     color: #fff;
 280     float: left;
 281     font-size: 25px;
 282     font-weight: 700;
 283     line-height: 32px;
 284     text-decoration: none;
 285     text-shadow: 2px 2px 0 #000;
 286     text-transform: uppercase
 287 }
 288
 289 .site-nav {
 290     float: right;
 291     list-style-type: none;
 292     margin: 7px 0 0;
 293     padding: 0
 294 }
 295
 296 .site-nav a {
 297     color: #ffa000;
 298     display: block;
 299     text-decoration: none;
 300     text-transform: uppercase
 301 }
 302
 303 .site-nav a:active, .site-nav a:focus, .site-nav a:hover {
 304     color: #fff
 305 }
 306
 307 .site-promo {
 308     padding: 4em 0 6em;
 309     color: white;
 310 }
 311
 312 .site-promo .description {
 313     color: #ddd;
 314     font-size: 1.2em;
 315     margin: 1em 2em 0
 316 }
 317
 318 .last-update {
 319     color: #999;
 320     display: block;
 321     font-size: .75em;
 322     margin-top: 10px
 323 }
 324
 325 .site-section {
 326     background-color: #f9f9f9;
 327     color: #333;
 328     overflow: hidden;
 329     padding: 2em 0 6em
 330 }
 331
 332 .site-section-video {
 333     background-color: transparent;
 334     color: #fff;
 335     text-align: center;
 336     padding: 2em 0 3em
 337 }
 338
 339 .site-section-video .content {
 340     max-width: 720px;
 341     margin: auto;
 342     padding: 10px
 343 }
 344
 345 .site-section-video h2 {
 346     margin: 1em 0
 347 }
 348
 349 .in-the-wild {
 350     font-size: 1.25em;
 351     margin: 0 auto;
 352     max-width: 720px
 353 }
 354
 355 .site-footer {
 356     font-size: .875em;
 357     padding: 2em
 358 }
 359
 360 .site-footer a {
 361     color: #ffa000
 362 }
 363
 364 @media only screen and (max-width: 800px) {
 365     .site-logo, .site-nav {
 366         float: none
 367     }
 368
 369     .site-nav li {
 370         margin: 0 .5em
 371     }
 372
 373     .site-header {
 374         padding-top: 40px
 375     }
 376
 377     .site-promo {
 378         padding: 3em 0;
 379         color: white;
 380     }
 381
 382     .site-section {
 383         padding: 0 1em 4em
 384     }
 385 }
 386
 387 @media only screen and (max-width: 600px) {
 388     html {
 389         font-size: 14px
 390     }
 391
 392     .last-update, .site-footer {
 393         font-size: 1em
 394     }
 395 }
 396
 397 @media only screen and (max-width: 460px) {
 398     .grid-cell {
 399         width: 100%
 400     }
 401 }
 402
 403 @media only screen and (max-width: 420px) {
 404     h1 {
 405         font-size: 2.5em
 406     }
 407
 408     html {
 409         font-size: 13px
 410     }
 411 }
 412
 413 @media print {
 414     * {
 415         background-color: transparent !important;
 416         box-shadow: none !important;
 417         color: #000 !important;
 418         text-shadow: none !important
 419     }
 420
 421     a, a:visited {
 422         text-decoration: underline
 423     }
 424
 425     img {
 426         page-break-inside: avoid;
 427         max-width: 100% !important
 428     }
 429
 430     h1 {
 431         padding: 1em 0 0
 432     }
 433
 434     .site-promo {
 435         margin: 1em;
 436         padding: 0;
 437         color: white;
 438     }
 439
 440     .site-section {
 441         padding: 0;
 442         margin: 2em 1em
 443     }
 444
 445     .site-section-video {
 446         display: none
 447     }
 448
 449     h2, h3, p {
 450         orphans: 3;
 451         widows: 3
 452     }
 453
 454     h2, h3 {
 455         page-break-after: avoid
 456     }
 457 }
 458 </style>
 459
 460 <script>
 461     // --- OPTIONS FOR THE DASHBOARD --
 462
 463     // this section has to appear before loading dashboard.js
 464
 465     // Select a theme.
 466     // uncomment on of the two themes:
 467
 468     // var netdataTheme = 'default'; // this is white
 469     var netdataTheme = 'slate'; // this is dark
 470
 471     var netdataNoBootstrap = true;
 472
 473     // Set the default netdata server.
 474     // on charts without a 'data-host', this one will be used.
 475     // the default is the server that dashboard.js is downloaded from.
 476
 477     // var netdataServer = 'http://my.server:19999/';
 478 </script>
 479
 480 <!--
 481     --- LOAD dashboard.js ---
 482
 483     to host this HTML file on your web server,
 484     you have to load dashboard.js from the netdata server.
 485
 486     So, pick one the two below
 487     If you pick the first, set the server name/IP.
 488
 489     The second assumes you host this file on /usr/share/netdata/web
 490     and that you have chown it to be owned by netdata:netdata
 491 -->
 492 <!-- <script type="text/javascript" src="http://my.server:19999/dashboard.js"></script> -->
 493 <script type="text/javascript" src="dashboard.js?v20161112-1"></script>
 494
 495 <script>
 496     // --- OPTIONS FOR THE CHARTS --
 497
 498     // destroy charts not shown (lowers memory on the browsers)
 499     // set this to 'true' to destroy, 'false' to hide the charts
 500     NETDATA.options.current.destroy_on_hide = false;
 501
 502     // set this to false, to always show all dimensions
 503     NETDATA.options.current.eliminate_zero_dimensions = true;
 504
 505     // set this to false, to lower the pressure on the browser
 506     NETDATA.options.current.concurrent_refreshes = true;
 507
 508     // if you need to support slow mobile phones, set this to false
 509     NETDATA.options.current.parallel_refresher = true;
 510
 511     // set this to false, to always update the charts, even if focus is lost
 512     NETDATA.options.current.stop_updates_when_focus_is_lost = true;
 513
 514     // since we have many servers and limited sockets,
 515     // abort ajax calls when we scroll
 516     NETDATA.options.current.abort_ajax_on_scroll = true;
 517 </script>
 518
 519 <style>
 520     .mygauge-combo {
 521         display: inline-block;
 522     }
 523
 524     .mygauge {
 525         position: relative;
 526         display: block;
 527         width: 171px;
 528         height: 105px;
 529     }
 530
 531     .mygauge-button {
 532         display: block;
 533     }
 534
 535     .mygauge-legend-button {
 536         font-size: 13px;
 537     }
 538
 539     .mygause-donation {
 540         font-size: 9px;
 541         color: #999;
 542     }
 543
 544     .mysparkline {
 545         position: relative;
 546         display: inline-block;
 547         width: 100%;
 548         height: 50px;
 549         text-align: left;
 550     }
 551
 552     .mysparkline-overchart-label {
 553         position: absolute;
 554         display: block;
 555         top: -15px;
 556         left: 10px;
 557         bottom: 0;
 558         right: 0;
 559         font-size: 14px;
 560         z-index: 1;
 561     }
 562
 563     .mysparkline-overchart-value {
 564         position: absolute;
 565         display: block;
 566         top: 0px;
 567         left: 10px;
 568         bottom: 0;
 569         right: 0;
 570         font-size: 40px;
 571         z-index: 2;
 572         text-shadow: #333 0px 0px 2px;
 573     }
 574
 575     .mysparkline-overchart-value-center {
 576         position: absolute;
 577         display: block;
 578         top: 5px;
 579         left: 0px;
 580         bottom: 0;
 581         right: 0;
 582         font-size: 35px;
 583         font-weight: bold;
 584         text-align: center;
 585         z-index: 2;
 586         text-shadow: #333 0px 0px 2px;
 587     }
 588
 589
 590 </style>
 591 </head>
 592 <body>
 593 <div class=container>
 594     <div class="site-header clearfix" role=banner>
 595         <div class=site-logo>my-netdata.io</div>
 596         <ul class="site-nav inline-block-list">
 597             <li><a href=https://github.com/firehol/netdata data-ga-category="Outbound links"
 598                    data-ga-action="Nav click" data-ga-label="Source code" target="_blank">Source code</a>
 599             <li><a href=https://github.com/firehol/netdata/wiki
 600                    data-ga-category="Outbound links" data-ga-action="Nav click" data-ga-label=Docs target="_blank">Docs</a>
 601         </ul>
 602     </div>
 603     <div class=site-promo><h1>Get control<br/>of your Linux servers</h1>
 604         <p class=description>
 605             Simple.
 606             Effective.
 607             Awesome.<br/>&nbsp;<br/>
 608             <strong>Unparalleled</strong> insights, in <strong>real-time</strong>,
 609             of <strong>everything</strong> happening on your Linux systems and applications,
 610             with stunning, <strong>interactive</strong> web dashboards
 611             and powerful <strong>performance</strong> and <strong>health</strong> alarms.
 612         <div class=cta-option>
 613             <a class="btn btn-download" href=https://github.com/firehol/netdata/wiki/Installation
 614                data-ga-category="Outbound links" data-ga-action="Nav click" data-ga-label=Install><strong>Install netdata now</strong></a>
 615             <a class=last-update href=https://github.com/firehol/netdata/releases
 616                data-ga-category="Outbound links" data-ga-action="Nav click" data-ga-label=Releases>See netdata releases</a></div>
 617         <div class=cta-option>
 618             <a class="btn btn-alt" href="#demosites">netdata live demo</a>
 619         </div>
 620     </div>
 621
 622 </div>
 623 <div class=site-section>
 624     <div class=container><h2>Save time. Run Linux with confidence.</h2>
 625         <div class=grid>
 626             <div class=grid-cell><h3><span class=star>&#x2605;</span> Monitor everything</h3>
 627                 <p>Analyze thousands of metrics per server.
 628                     Everything about the system (CPU, RAM, disks, network, firewall, QoS, NFS, etc) and detailed performance metrics for dozens of Linux applications
 629                     (such as web servers, databases servers, email servers, DNS servers, etc)
 630                     and <strong>SNMP</strong> devices.
 631             </div>
 632             <div class=grid-cell><h3><span class=star>&#x2605;</span> With alarms</h3>
 633                 <p>Alarms can be set on any metric monitored by netdata.
 634                     Alarm notifications are role-based and support dynamic thresholds, hysteresis and can be dispatched
 635                     via multiple methods (such as email, slack.com, pushover.net, pushbullet.com telegram.org, twilio.com).
 636             </div>
 637             <div class=grid-cell><h3><span class=star>&#x2605;</span> In real-time</h3>
 638                 <p>netdata collects thousands of metrics per server <strong>per second</strong>, with just 1% CPU
 639                     utilization of a single core, a few MB or RAM and no disk I/O at all.
 640                     View everything on <strong>stunning</strong> real-time interactive web dashboards, even when netdata is
 641                     running on low-end hardware.
 642             </div>
 643             <div class=grid-cell><h3><span class=star>&#x2605;</span> Out of the box</h3>
 644                 <p>netdata supports auto-detection for everything. It collects more than 5000 metrics automatically, with
 645                     <strong>zero configuration</strong>, it has <strong>zero dependencies</strong>, requires <strong>zero
 646                         maintenance</strong> and comes with more than 100 alarms pre-configured to detect common
 647                     failures, performance and availability issues.
 648             </div>
 649             <div class=grid-cell><h3><span class=star>&#x2605;</span> Embeddable</h3>
 650                 <p>netdata can run anywhere a Linux kernel runs (even IoT) and its charts can be embedded on any web site too.
 651             </div>
 652             <div class=grid-cell><h3><span class=star>&#x2605;</span> Customizable</h3>
 653                 <p>Custom dashboards can be built using simple HTML (no javascript necessary).
 654             </div>
 655             <div class=grid-cell><h3><span class=star>&#x2605;</span> Extensible</h3>
 656                 <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).
 657             </div>
 658             <div class=grid-cell><h3><span class=star>&#x2605;</span> Scalable</h3>
 659                 <p>netdata scales out, your web browser is the central netdata connecting all your servers together.
 660                     netdata can archive its metrics to <strong>graphite</strong> or <strong>opentsdb</strong> at a lower
 661                 rate, to avoid congesting these servers with the amount of data collected.
 662             </div>
 663         </div>
 664     </div>
 665 </div>
 666 <div id="demosites" class="site-section site-section-video"><h2>netdata live demo sites</h2>
 667     <div class="content">
 668         <div class="container" style="text-align: center;">
 669
 670             <div class="mygauge-combo">
 671                 <div class="mygauge">
 672                     <div data-netdata="netdata.requests"
 673                          data-host="//london.my-netdata.io"
 674                          data-title="EU - London"
 675                          data-chart-library="gauge"
 676                          data-decimal-digits="0"
 677                          data-common-max="top-gauges"
 678                          data-width="100%"
 679                          data-after="-300"
 680                          data-points="300"
 681                          data-colors="#558855"
 682                     ></div>
 683                 </div>
 684                 <div class="mygauge-button">
 685                     <br/>&nbsp;<br/>
 686                     <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>
 687                     <div class="mygause-donation">
 688                         Donated by DigitalOcean.com
 689                     </div>
 690                 </div>
 691             </div>
 692             <div class="mygauge-combo">
 693                 <div class="mygauge">
 694                     <div data-netdata="netdata.requests"
 695                          data-host="//atlanta.my-netdata.io"
 696                          data-title="US - Atlanta"
 697                          data-chart-library="gauge"
 698                          data-decimal-digits="0"
 699                          data-common-max="top-gauges"
 700                          data-width="100%"
 701                          data-after="-300"
 702                          data-points="300"
 703                          data-colors="#AA5555"
 704                     ></div>
 705                 </div>
 706                 <div class="mygauge-button">
 707                     <br/>&nbsp;<br/>
 708                     <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>
 709                     <div class="mygause-donation">
 710                         Donated by CDN77.com
 711                     </div>
 712                 </div>
 713             </div>
 714             <div class="mygauge-combo">
 715                 <div class="mygauge">
 716                     <div data-netdata="netdata.requests"
 717                          data-host="//sanfrancisco.netdata.rocks"
 718                          data-title="US - California"
 719                          data-chart-library="gauge"
 720                          data-decimal-digits="0"
 721                          data-common-max="top-gauges"
 722                          data-width="100%"
 723                          data-after="-300"
 724                          data-points="300"
 725                          data-colors="#5555AA"
 726                     ></div>
 727                 </div>
 728                 <div class="mygauge-button">
 729                     <br/>&nbsp;<br/>
 730                     <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>
 731                     <div class="mygause-donation">
 732                         Donated by DigitalOcean.com
 733                     </div>
 734                 </div>
 735             </div>
 736             <div class="mygauge-combo">
 737                 <div class="mygauge">
 738                     <div data-netdata="netdata.requests"
 739                          data-host="//toronto.netdata.rocks"
 740                          data-title="Canada"
 741                          data-chart-library="gauge"
 742                          data-decimal-digits="0"
 743                          data-common-max="top-gauges"
 744                          data-width="100%"
 745                          data-after="-300"
 746                          data-points="300"
 747                          data-colors="#885588"
 748                     ></div>
 749                 </div>
 750                 <div class="mygauge-button">
 751                     <br/>&nbsp;<br/>
 752                     <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>
 753                     <div class="mygause-donation">
 754                         Donated by DigitalOcean.com
 755                     </div>
 756                 </div>
 757             </div>
 758             <br/>&nbsp;<br/>
 759             <div class="mygauge-combo">
 760                 <div class="mygauge">
 761                     <div data-netdata="netdata.requests"
 762                          data-host="//frankfurt.netdata.rocks"
 763                          data-title="EU - Germany"
 764                          data-chart-library="easypiechart"
 765                          data-decimal-digits="0"
 766                          data-common-max="top-gauges"
 767                          data-width="75%"
 768                          data-after="-300"
 769                          data-points="300"
 770                          data-colors="#AAAA55"
 771                     ></div>
 772                 </div>
 773                 <div class="mygauge-button">
 774                     <br/>&nbsp;<br/>
 775                     <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>
 776                     <div class="mygause-donation">
 777                         Donated by DigitalOcean.com
 778                     </div>
 779                 </div>
 780             </div>
 781             <div class="mygauge-combo">
 782                 <div class="mygauge">
 783                     <div data-netdata="netdata.requests"
 784                          data-host="//newyork.netdata.rocks"
 785                          data-title="US - New York"
 786                          data-chart-library="easypiechart"
 787                          data-decimal-digits="0"
 788                          data-common-max="top-gauges"
 789                          data-width="75%"
 790                          data-after="-300"
 791                          data-points="300"
 792                          data-colors="#BB5533"
 793                     ></div>
 794                 </div>
 795                 <div class="mygauge-button">
 796                     <br/>&nbsp;<br/>
 797                     <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>
 798                     <div class="mygause-donation">
 799                         Donated by DigitalOcean.com
 800                     </div>
 801                 </div>
 802             </div>
 803             <div class="mygauge-combo">
 804                 <div class="mygauge">
 805                     <div data-netdata="netdata.requests"
 806                          data-host="//singapore.netdata.rocks"
 807                          data-title="Singapore"
 808                          data-chart-library="easypiechart"
 809                          data-decimal-digits="0"
 810                          data-common-max="top-gauges"
 811                          data-width="75%"
 812                          data-after="-300"
 813                          data-points="300"
 814                          data-colors="#5588BB"
 815                     ></div>
 816                 </div>
 817                 <div class="mygauge-button">
 818                     <br/>&nbsp;<br/>
 819                     <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>
 820                     <div class="mygause-donation">
 821                         Donated by DigitalOcean.com
 822                     </div>
 823                 </div>
 824             </div>
 825             <div class="mygauge-combo">
 826                 <div class="mygauge">
 827                     <div data-netdata="netdata.requests"
 828                          data-host="//bangalore.netdata.rocks"
 829                          data-title="India"
 830                          data-chart-library="easypiechart"
 831                          data-decimal-digits="0"
 832                          data-common-max="top-gauges"
 833                          data-width="75%"
 834                          data-after="-300"
 835                          data-points="300"
 836                          data-colors="#BB55BB"
 837                     ></div>
 838                 </div>
 839                 <div class="mygauge-button">
 840                     <br/>&nbsp;<br/>
 841                     <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>
 842                     <div class="mygause-donation">
 843                         Donated by DigitalOcean.com
 844                     </div>
 845                 </div>
 846             </div>
 847         </div>
 848         <div class="container" style="padding-top: 40px; text-align: center;">
 849             Charts are coming from 8 servers, in parallel.
 850             <br/>
 851             The servers are not aware of this multi-server dashboard.
 852             <br/>
 853             Each server is not aware of the other servers.
 854             <br/>
 855             But on this dashboard <b>they are one</b>! (hover on the chart below)
 856         </div>
 857
 858         <div class="container" style="padding-top: 40px; text-align: center;">
 859             <div class="mysparkline">
 860                 <div class="mysparkline-overchart-label">
 861                     <b>EU - London</b> connected clients
 862                 </div>
 863                 <div class="mysparkline-overchart-value" id="nginx_local.connections.netdata" >
 864                 </div>
 865                 <div data-netdata="nginx_local.connections"
 866                      data-dimensions="active"
 867                      data-host="//london.my-netdata.io"
 868                      data-decimal-digits="0"
 869                      data-common-max="web-connections"
 870                      data-chart-library="dygraph"
 871                      data-dygraph-theme="sparkline"
 872                      data-dygraph-type="area"
 873                      data-width="100%"
 874                      data-height="100%"
 875                      data-after="-300"
 876                      data-colors="#558855"
 877                      data-show-value-of-active-at="nginx_local.connections.netdata"
 878                 ></div>
 879             </div>
 880         </div>
 881     </div>
 882 </div>
 883
 884 <div class=site-section><h2>Who uses netdata?</h2>
 885     <div class="content">
 886         <div class="container" style="text-align: center;">
 887             <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>
 888             <div class="container" style="padding-top: 40px; text-align: center; width: 30%; min-width: 230px; display: inline-block;">
 889                 <div class="mysparkline">
 890                     <div class="mysparkline-overchart-label">
 891                         netdata <b>unique users</b>
 892                     </div>
 893                     <div class="mysparkline-overchart-value-center" id="netdata.registry_entries.persons.netdata" >
 894                     </div>
 895                     <div data-netdata="netdata.registry_entries"
 896                          data-dimensions="persons"
 897                          data-host="//london.my-netdata.io"
 898                          data-decimal-digits="0"
 899                          data-chart-library="dygraph"
 900                          data-dygraph-theme="sparkline"
 901                          data-dygraph-type="area"
 902                          data-width="100%"
 903                          data-height="100%"
 904                          data-after="-300"
 905                          data-colors="#558855"
 906                          data-show-value-of-persons-at="netdata.registry_entries.persons.netdata"
 907                     ></div>
 908                 </div>
 909             </div>
 910             <div class="container" style="padding-top: 40px; text-align: center; width: 30%; min-width: 230px; display: inline-block;">
 911                 <div class="mysparkline">
 912                     <div class="mysparkline-overchart-label">
 913                         netdata <b>monitored servers</b>
 914                     </div>
 915                     <div class="mysparkline-overchart-value-center" id="netdata.registry_entries.machines.netdata" >
 916                     </div>
 917                     <div data-netdata="netdata.registry_entries"
 918                          data-dimensions="machines"
 919                          data-host="//london.my-netdata.io"
 920                          data-decimal-digits="0"
 921                          data-chart-library="dygraph"
 922                          data-dygraph-theme="sparkline"
 923                          data-dygraph-type="area"
 924                          data-width="100%"
 925                          data-height="100%"
 926                          data-after="-300"
 927                          data-colors="#558855"
 928                          data-show-value-of-machines-at="netdata.registry_entries.machines.netdata"
 929                     ></div>
 930                 </div>
 931             </div>
 932             <div class="container" style="padding-top: 40px; text-align: center; width: 30%; min-width: 230px; display: inline-block;">
 933                 <div class="mysparkline">
 934                     <div class="mysparkline-overchart-label">
 935                         netdata <b>sessions served</b>
 936                     </div>
 937                     <div class="mysparkline-overchart-value-center" id="netdata.registry_sessions.sessions.netdata" >
 938                     </div>
 939                     <div data-netdata="netdata.registry_sessions"
 940                          data-dimensions="sessions"
 941                          data-host="//london.my-netdata.io"
 942                          data-decimal-digits="0"
 943                          data-chart-library="dygraph"
 944                          data-dygraph-theme="sparkline"
 945                          data-dygraph-type="area"
 946                          data-width="100%"
 947                          data-height="100%"
 948                          data-after="-300"
 949                          data-colors="#558855"
 950                          data-show-value-of-sessions-at="netdata.registry_sessions.sessions.netdata"
 951                     ></div>
 952                 </div>
 953             </div>
 954             <p>
 955
 956         <!--
 957             <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" />
 958             <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" />
 959             <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" />
 960             <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>
 961             <br/>
 962         -->
 963             </p>
 964             <p>
 965                 <small>
 966                 netdata can generate auto-refreshing <strong><a href="https://github.com/firehol/netdata/wiki/Generating-Badges" target="_blank">badges</a></strong>, like these:
 967                 </small>
 968             <br/>
 969             <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" />
 970             <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" />
 971             <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" />
 972             <br/>
 973             <small>These badges auto-refresh every minute.</small>
 974             </p>
 975         </div>
 976         <div class="container" style="text-align: center;">
 977                 <strong>netdata</strong> is featured at the <a href="https://octoverse.github.com/" target="_blank">GitHub's state of the Octoverse 2016</a>
 978             <div style="padding-top: 10px;">
 979                 <a href="https://octoverse.github.com/" target="_blank">
 980                 <img src="https://o.twimg.com/2/proxy.jpg?t=HBgzaHR0cDovL29jdG92ZXJzZS5naXRodWIuY29tL2ltYWdlcy9zb2NpYWwtaW1hZ2UucG5nFOASFOYJHBSEBhSUAwAAFgASAA&s=X1yj1YhGM3hclaa29go6EFa2FeJFdwGrzfs_u25L3hs" width="90%" style="border-radius: 4px; border: 1px solid #333;"/>
 981                 </a>
 982             </div>
 983         </div>
 984         <div class=cta-option>
 985             <a class="btn btn-download" href=https://github.com/firehol/netdata/wiki/Installation
 986                data-ga-category="Outbound links" data-ga-action="Nav click" data-ga-label=Install><strong>Install netdata now</strong></a>
 987         </div>
 988     </div>
 989 </div>
 990 <div class=aside>
 991     <div class=container>
 992         <ul class=inline-block-list>
 993             <li>
 994                 <!-- Place this tag where you want the button to render. -->
 995                 <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>
 996             </li>
 997             <li>
 998                 <!-- Place this tag where you want the button to render. -->
 999                 <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>
1000             </li>
1001             <li>
1002                 <!-- Place this tag where you want the button to render. -->
1003                 <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>
1004             </li>
1005         </ul>
1006     </div>
1007 </div>
1008
1009 <div class=site-footer role=contentinfo>
1010     <p>
1011         <a class=twitter-share-button href=https://twitter.com/share data-count=none data-lang=en data-via=linuxnetdata data-size=large
1012            data-text="Get control of your Linux servers." data-url=https://my-netdata.io/ >Tweet</a> &nbsp;
1013         <a class=twitter-follow-button href=https://twitter.com/linuxnetdata data-show-count=false data-lang=en data-size=large>Follow @linuxnetdata</a>
1014     </p>
1015     <p>
1016         <strong>netdata</strong><br/>
1017         &copy; Copyright 2016, <a href="https://github.com/ktsaou" target="_blank">Costa Tsaousis</a><br/>
1018         Released under <a href="https://github.com/firehol/netdata/blob/master/LICENSE.md" target="_blank">GPL v3+</a><br/>
1019     </p>
1020     <p>
1021         a project of <a href="http://firehol.org" target="_blank">firehol.org</a>
1022     </p>
1023     <p style="padding-top: 20px;">
1024         netdata has received significant contributions from:<br/>&nbsp;<br/>
1025         <a href="https://github.com/philwhineray" target="_blank">Phil Whineray</a> (release management),<br/>
1026         <a href="https://github.com/alonbl" target="_blank">Alon Bar-Lev</a> (autoconf and automake),<br/>
1027         <a href="https://github.com/titpetric" target="_blank">Tit Petric</a> (docker maintainer),<br/>
1028         <a href="https://github.com/paulfantom" target="_blank">Paweł Krupa</a> (python.d.plugin and modules),<br/>
1029         <a href="https://github.com/simonnagl" target="_blank">simonnagl</a> (disk plugin and more),<br/>
1030         <a href="https://github.com/fredericopissarra" target="_blank">Frederico Lamberti Pissarra</a> (performance improvements)<br/>
1031         &nbsp;<br/>
1032         and dozens more enthusiasts, engineers and professionals.<br/>&nbsp;<br/>
1033     </p>
1034     </p>
1035         Thank you! You are awesome!
1036     <p>
1037 </div>
1038 </body>
1039
1040 <script>
1041     if(window.location.hostname != 'my-netdata.io' || window.location.protocol != 'http:') {
1042         var canonical = document.createElement('link');
1043         canonical.rel = 'canonical';
1044         canonical.href = 'http://my-netdata.io/';
1045         document.head.appendChild(canonical);
1046     }
1047 </script>
1048
1049 <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>
1050
1051 <script async src="https://buttons.github.io/buttons.js"></script>