web/demosites.html

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