new welcome modal on the demo sites

1 files changed, 57 insertions, 20 deletions

diff --git a/web/index.html b/web/index.html
index 28e16772df..9cf7eb291d 100644
--- a/web/index.html
+++ b/web/index.html
@@ -637,7 +637,7 @@
         gotoServerInit();
     };
 
-    var this_is_demo = null;
+    var this_is_demo = null; // FIXME
     function isdemo() {
         if(this_is_demo !== null) return this_is_demo;
         this_is_demo = false;
@@ -2742,28 +2742,65 @@
             <div class="modal-content">
                 <div class="modal-header">
                     <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
-                    <h4 class="modal-title" id="welcomeModalLabel">Welcome!</h4>
+                    <h4 class="modal-title" id="welcomeModalLabel">Welcome</h4>
                 </div>
                 <div class="modal-body">
-                        <div class="p">
-                        <b><a href="https://github.com/firehol/netdata/wiki" target="_blank">netdata</a></b> is the fastest way to visualize metrics. It is a resource efficient, highly optimized system for collecting and visualizing any type of real-time time series data, from CPU usage, disk activity, SQL queries, API calls, web site visitors, etc.
-                        </div>
-                        <div class="p">
-                        <b><a href="https://github.com/firehol/netdata/wiki" target="_blank">netdata</a></b> tries to visualize the truth of <b>now</b>, in its <b>greatest detail</b>, so that you can get insights of what is happening now and what just happened, on your systems and applications.
-                        </div>
-                        <div class="p">
-                        To make a chart in <b><a href="https://github.com/firehol/netdata/wiki" target="_blank">netdata</a></b>, you just need a <b>number</b>. Just a number you can read somehow. <b><a href="https://github.com/firehol/netdata/wiki" target="_blank">netdata</a></b> will turn this number to a real time, interactive, web chart. For collecting these numbers, it supports <a href="https://github.com/firehol/netdata/wiki/External-Plugins" target="_blank">external plugins</a>, even <a href="https://github.com/firehol/netdata/wiki/General-Info---charts.d" target="_blank">shell</a> or <a href="https://github.com/firehol/netdata/wiki/General-Info---charts.d" target="_blank">node.js</a> plugins. Any computer program, in any language, that can print a few lines of text on its standard output, can be a netdata data collector.
-                        </div>
-                        <div class="p">
-                        <b><a href="https://github.com/firehol/netdata/wiki" target="_blank">netdata</a></b> can embed charts everywhere, like this one <div data-netdata="system.cpu" data-dimensions="system" data-after="-120" data-width="25%" data-height="15px" data-chart-library="dygraph" data-dygraph-theme="sparkline" data-show-value-of-system-at="system.cpu.system.modal.1"></div> (my CPU system usage which is <span id="system.cpu.system.modal.1" style="display: inline-block; width: 40px; text-align: right;"></span>%),
-                        or this one <div data-netdata="ipv4.tcppackets" data-dimensions="received" data-after="-120" data-width="25%" data-height="15px" data-chart-library="dygraph" data-dygraph-theme="sparkline" data-show-value-of-received-at="ipv4.tcppackets.received.modal.1"></div> (my IPv4 received TCP packets, which are <span id="ipv4.tcppackets.received.modal.1" style="display: inline-block; width: 60px; text-align: right;"></span>/second).
-                        </div>
-                        <div class="p">
-                        You can have <b><a href="https://github.com/firehol/netdata/wiki" target="_blank">netdata</a></b> charts on your site too. Just give it a <code>div</code> and a real time chart, zoomable and draggable will appear (try it even on these tiny ones - <b>drag</b> them to pan horizontally, <b>shift + drag</b> to zoom in, on <b>chrome shift + mouse wheel</b> to zoom in/out, <b>double click</b> on them to reset them - don't be afraid of <b><a href="https://github.com/firehol/netdata/wiki" target="_blank">netdata</a></b> performance - <a href="https://github.com/firehol/netdata/wiki/Performance" target="_blank">a raspberry pi 2 can sustain 300 charts updates per second</a>!).
-                        </div>
-                        <div class="p">
-                        For more information please refer to the <b><a href="https://github.com/firehol/netdata/wiki" target="_blank">netdata wiki</a></b>.
+                    <div class="p">
+                        You found <b><a href="https://github.com/firehol/netdata/wiki" target="_blank">netdata</a></b> !
+                    </div>
+                    <div class="p">
+                        <b><a href="https://github.com/firehol/netdata/wiki" target="_blank">netdata</a></b>
+                        is the best way to monitor your servers and applications, to get <strong>real-time insights</strong>
+                        of what is really happening and what affects performance.
+                    </div>
+                    <div class="p">
+                        This page is a live demo of it.
+                    </div>
+                    <hr/>
+                    <div class="p">
+                        <h4>it is ok to always run <strong>netdata</strong></h4>
+                        We have carefully optimised
+                        <b><a href="https://github.com/firehol/netdata/wiki" target="_blank">netdata</a></b>
+                        to achieve a real-time performance monitoring solution that does not interfere, in any way,
+                        to the core function of your servers or devices:
+                        <br/>&nbsp;<br/>
+                        <ul>
+                            <li>most installations will use just 1% cpu utilization of a single core and a few MB of RAM.</li>
+                            <li>it runs with the <code>SCHED_IDLE</code> process scheduler
+                                (check <code>man 2 sched_setscheduler</code>), for <i>very</i> low priority, lower than <code>nice 19</code>.</li>
+                            <li>it adjusts its Out-Of-Memory score (OOM) to the maximum, so that it will be the first process
+                                to be killed if your system starves for memory.</li>
+                        </ul>
+                    </div>
+                    <hr/>
+                    <div class="p">
+                        <h4>more metrics is good</h4>
+                        We designed <b><a href="https://github.com/firehol/netdata/wiki" target="_blank">netdata</a></b>
+                        to monitor <strong>massive amounts of metrics, per server, per second</strong>.
+                        When installed on your systems it might come up with 1k or 2k metrics, but we have tested it with 100k
+                        metrics, all collected per second, and still the cpu utilisation remained negligible.
+                        <div style="width: 100%; text-align: center; padding-top: 10px; padding-bottom: 10px; font-size: 16px;">
+                            if there is a metric for something, we want it visualised<br/>
+                            and we want this visualisation to be <strong>real-time</strong>, <strong>efficient</strong> and <strong>awesome</strong>
                         </div>
+                        We have also tried to give a meaning to each metric - to be educational.
+                        We have grouped, categorized and classified metrics into meaningful charts, providing the leads for
+                        better understanding the underlying technologies and mechanisms.
+                    </div>
+                    <hr/>
+                    <div class="p">
+                        <h4><b><a href="https://github.com/firehol/netdata/wiki/a-github-star-is-important" target="_blank">a GitHub star is important</a></b></h4>
+                        <b><a href="https://github.com/firehol/netdata/wiki" target="_blank">netdata</a></b> is free,
+                        open-source software. If you like it, you should
+                        <a href="https://github.com/firehol/netdata/wiki/a-github-star-is-important" target="_blank">give netdata a star at GitHub</a>.
+                    </div>
+                    <hr/>
+                    <div class="p">
+                        Enjoy real-time performance monitoring!
+                    </div>
+                    <div class="p">
+                        Costa Tsaousis
+                    </div>
                 </div>
                 <div class="modal-footer">
                     <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>