summaryrefslogtreecommitdiffstats
path: root/web/demosites.html
diff options
context:
space:
mode:
authorFederico Ceratto <federico.ceratto@gmail.com>2016-11-23 15:49:10 +0000
committerFederico Ceratto <federico.ceratto@gmail.com>2016-11-23 15:49:10 +0000
commit87649cf32bd0e14d5a903fb85b01e9f41a253540 (patch)
treebbefda6dac074aeb87529592e8e5064f69cbe024 /web/demosites.html
parentImported Upstream version 1.3.0+dfsg (diff)
downloadnetdata-87649cf32bd0e14d5a903fb85b01e9f41a253540.tar.xz
netdata-87649cf32bd0e14d5a903fb85b01e9f41a253540.zip
New upstream version 1.4.0+dfsgupstream/1.4.0+dfsg
Diffstat (limited to '')
-rw-r--r--web/demosites.html186
1 files changed, 92 insertions, 94 deletions
diff --git a/web/demosites.html b/web/demosites.html
index d57bb4e71..b59c2a177 100644
--- a/web/demosites.html
+++ b/web/demosites.html
@@ -18,8 +18,9 @@
<meta property="og:site_name" content="netdata"/>
<meta property="og:title" content="netdata - real-time performance monitoring, done right!"/>
<meta property="og:description" content="Stunning real-time dashboards, blazingly fast and extremely interactive. Zero configuration, zero dependencies, zero maintenance." />
+</head>
- <script>
+<script>
// --- OPTIONS FOR THE DASHBOARD --
// this section has to appear before loading dashboard.js
@@ -51,7 +52,7 @@
and that you have chown it to be owned by netdata:netdata
-->
<!-- <script type="text/javascript" src="http://my.server:19999/dashboard.js"></script> -->
- <script type="text/javascript" src="dashboard.js?v42"></script>
+ <script type="text/javascript" src="dashboard.js?v20161004-1"></script>
<script>
// --- OPTIONS FOR THE CHARTS --
@@ -71,103 +72,100 @@
// set this to false, to always update the charts, even if focus is lost
NETDATA.options.current.stop_updates_when_focus_is_lost = true;
- </script>
+</script>
+<style>
+ body {
+ font-size: 1vw;
+ }
+
+ .mysparkline {
+ position: relative;
+ display: inline-block;
+ min-height: 50px;
+ width: 100%;
+ height: 8vmax;
+ text-align: left;
+ }
+
+ .mysparkline-overchart-label {
+ position: absolute;
+ display: block;
+ top: 0;
+ left: 10px;
+ bottom: 0;
+ right: 0;
+ font-size: 1vmax;
+ z-index: 1;
+ }
- <style>
-
-body {
- font-size: 1vw;
-}
-
-.mysparkline {
- position: relative;
- display: inline-block;
- min-height: 50px;
- width: 100%;
- height: 8vmax;
- text-align: left;
-}
-
-.mysparkline-overchart-label {
- position: absolute;
- display: block;
- top: 0;
- left: 10px;
- bottom: 0;
- right: 0;
- font-size: 1vmax;
- z-index: 1;
-}
-
-.mysparkline-overchart-value {
- position: absolute;
- display: block;
- top: 1.1vmax;
- left: 10px;
- bottom: 0;
- right: 0;
- font-size: 5vmax;
- z-index: 2;
- text-shadow: #333 0px 0px 2px;
-}
-
-.myfullchart {
- position: relative;
- display: inline-block;
- width: 100%;
- height: 14vmax;
- min-height: 150px;
- text-align: left;
-}
-
-.mygauge-combo {
- display: inline-block;
-}
-
-.mygauge {
- position: relative;
- display: block;
- width: 18vw;
- height: 11vw;
-}
-
-.mygauge-button {
- display: block;
-}
-
-.mytitle {
- padding-top: 6vw;
- padding-bottom: 1vw;
- text-align: center;
- font-size: 2.4vw;
-}
-
-.mysubtitle {
- padding-top: 2vw;
- padding-bottom: 1vw;
- text-align: center;
- font-size: 1.8vw;
-}
-
-.mycontent {
- text-align: center;
- font-size: 1.5vw;
-}
-
-@media only screen and (min-width : 992px) {
- .container {
- width: 90%;
+ .mysparkline-overchart-value {
+ position: absolute;
+ display: block;
+ top: 1.1vmax;
+ left: 10px;
+ bottom: 0;
+ right: 0;
+ font-size: 5vmax;
+ z-index: 2;
+ text-shadow: #333 0px 0px 2px;
}
-}
-@media only screen and (max-width : 992px) {
- .container {
+
+ .myfullchart {
+ position: relative;
+ display: inline-block;
width: 100%;
+ height: 14vmax;
+ min-height: 150px;
+ text-align: left;
}
-}
- </style>
-</head>
-<body style="text-align: center;">
+ .mygauge-combo {
+ display: inline-block;
+ }
+
+ .mygauge {
+ position: relative;
+ display: block;
+ width: 18vw;
+ height: 11vw;
+ }
+
+ .mygauge-button {
+ display: block;
+ }
+
+ .mytitle {
+ padding-top: 6vw;
+ padding-bottom: 1vw;
+ text-align: center;
+ font-size: 2.4vw;
+ }
+
+ .mysubtitle {
+ padding-top: 2vw;
+ padding-bottom: 1vw;
+ text-align: center;
+ font-size: 1.8vw;
+ }
+
+ .mycontent {
+ text-align: center;
+ font-size: 1.5vw;
+ }
+
+ @media only screen and (min-width : 992px) {
+ .container {
+ width: 80%;
+ }
+ }
+ @media only screen and (max-width : 992px) {
+ .container {
+ width: 100%;
+ }
+ }
+</style>
+
+<body style="text-align: center; background-color: #272b30;">
<div class="container">