demosites.html 59 KB

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