new welcome modal on the demo sites
Costa Tsaousis (ktsaou) committed
Dec 11, 2016 at 22:06 UTC
b58c3beaf2a6bad91322e10e9543e79835c41c3d
1 file changed
+57
-20
web/index.html
+57
-20
@@ -637,7 +637,7 @@
637
gotoServerInit();
638
};
639
640
- var this_is_demo = null;
640
+ var this_is_demo = null; // FIXME
641
function isdemo() {
642
if(this_is_demo !== null) return this_is_demo;
643
this_is_demo = false;
@@ -2742,28 +2742,65 @@
2742
<div class="modal-content">
2743
<div class="modal-header">
2744
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
2745
- <h4 class="modal-title" id="welcomeModalLabel">Welcome!</h4>
2745
+ <h4 class="modal-title" id="welcomeModalLabel">Welcome</h4>
2746
</div>
2747
<div class="modal-body">
2748
- <div class="p">
2749
- <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.
2750
- </div>
2751
- <div class="p">
2752
- <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.
2753
- </div>
2754
- <div class="p">
2755
- 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.
2756
- </div>
2757
- <div class="p">
2758
- <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>%),
2759
- 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).
2760
- </div>
2761
- <div class="p">
2762
- 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>!).
2763
- </div>
2764
- <div class="p">
2765
- For more information please refer to the <b><a href="https://github.com/firehol/netdata/wiki" target="_blank">netdata wiki</a></b>.
2748
+ <div class="p">
2749
+ You found <b><a href="https://github.com/firehol/netdata/wiki" target="_blank">netdata</a></b> !
2750
+ </div>
2751
+ <div class="p">
2752
+ <b><a href="https://github.com/firehol/netdata/wiki" target="_blank">netdata</a></b>
2753
+ is the best way to monitor your servers and applications, to get <strong>real-time insights</strong>
2754
+ of what is really happening and what affects performance.
2755
+ </div>
2756
+ <div class="p">
2757
+ This page is a live demo of it.
2758
+ </div>
2759
+ <hr/>
2760
+ <div class="p">
2761
+ <h4>it is ok to always run <strong>netdata</strong></h4>
2762
+ We have carefully optimised
2763
+ <b><a href="https://github.com/firehol/netdata/wiki" target="_blank">netdata</a></b>
2764
+ to achieve a real-time performance monitoring solution that does not interfere, in any way,
2765
+ to the core function of your servers or devices:
2766
+ <br/> <br/>
2767
+ <ul>
2768
+ <li>most installations will use just 1% cpu utilization of a single core and a few MB of RAM.</li>
2769
+ <li>it runs with the <code>SCHED_IDLE</code> process scheduler
2770
+ (check <code>man 2 sched_setscheduler</code>), for <i>very</i> low priority, lower than <code>nice 19</code>.</li>
2771
+ <li>it adjusts its Out-Of-Memory score (OOM) to the maximum, so that it will be the first process
2772
+ to be killed if your system starves for memory.</li>
2773
+ </ul>
2774
+ </div>
2775
+ <hr/>
2776
+ <div class="p">
2777
+ <h4>more metrics is good</h4>
2778
+ We designed <b><a href="https://github.com/firehol/netdata/wiki" target="_blank">netdata</a></b>
2779
+ to monitor <strong>massive amounts of metrics, per server, per second</strong>.
2780
+ When installed on your systems it might come up with 1k or 2k metrics, but we have tested it with 100k
2781
+ metrics, all collected per second, and still the cpu utilisation remained negligible.
2782
+ <div style="width: 100%; text-align: center; padding-top: 10px; padding-bottom: 10px; font-size: 16px;">
2783
+ if there is a metric for something, we want it visualised<br/>
2784
+ and we want this visualisation to be <strong>real-time</strong>, <strong>efficient</strong> and <strong>awesome</strong>
2785
</div>
2786
+ We have also tried to give a meaning to each metric - to be educational.
2787
+ We have grouped, categorized and classified metrics into meaningful charts, providing the leads for
2788
+ better understanding the underlying technologies and mechanisms.
2789
+ </div>
2790
+ <hr/>
2791
+ <div class="p">
2792
+ <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>
2793
+ <b><a href="https://github.com/firehol/netdata/wiki" target="_blank">netdata</a></b> is free,
2794
+ open-source software. If you like it, you should
2795
+ <a href="https://github.com/firehol/netdata/wiki/a-github-star-is-important" target="_blank">give netdata a star at GitHub</a>.
2796
+ </div>
2797
+ <hr/>
2798
+ <div class="p">
2799
+ Enjoy real-time performance monitoring!
2800
+ </div>
2801
+ <div class="p">
2802
+ Costa Tsaousis
2803
+ </div>
2804
</div>
2805
<div class="modal-footer">
2806
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>