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