home page improvements
Costa Tsaousis (ktsaou) committed
May 22, 2017 at 02:23 UTC
99cc7d88948931bad3e45866215fdc372a457272
1 file changed
+89
-40
web/demosites.html
+89
-40
@@ -107,6 +107,16 @@ p {
107
margin: 0 0 2em
108
}
109
110
+.title {
111
+ opacity: 0;
112
+ transition: opacity 500ms;
113
+}
114
+
115
+.titlefadein {
116
+ opacity: 1;
117
+ transition: opacity 500ms;
118
+}
119
+
120
.grid {
121
margin: 0 -15px;
122
letter-spacing: -.31em;
@@ -634,14 +644,14 @@ p {
644
<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>
645
</ul>
646
</div>
637
- <div class=site-promo><h1>Get control<br/>of your Linux servers</h1>
647
+ <div class=site-promo><h1><span class="title">Get control<br/>of your Linux servers</span></h1>
648
<p class=description>
649
Simple.
650
Effective.
641
- Awesome.
651
+ Awesome!
652
<br/> <br/>
653
<strong>Unparalleled</strong> insights, in <strong>real-time</strong>,
644
- of <strong>everything</strong> happening on your Linux systems and applications,
654
+ of <strong>everything</strong> happening on your systems and applications,
655
with stunning, <strong>interactive</strong> web dashboards
656
and powerful <strong>performance</strong> and <strong>health</strong> alarms.
657
<div class=cta-option>
@@ -651,27 +661,30 @@ p {
661
<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>
662
</div>
663
</div>
654
-
664
</div>
665
<div class=site-section>
657
- <div class=container><h2>Save time. Run Linux with confidence.</h2>
666
+ <div class=container><h2>Save time. Run your systems with confidence.</h2>
667
<div class=grid>
668
<div class=grid-cell><h3><span class=star>★</span> Monitor everything</h3>
660
- <p>Analyze thousands of metrics per server.
669
+ <p>
670
+ Analyze thousands of metrics per server.
671
+ <br/>
672
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,
673
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>,
663
- 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)
664
- and detailed performance metrics for dozens of
665
- <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>
666
- (such as web servers, databases servers, email servers, DNS servers, etc)
667
- 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.
674
+ 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, ZFS, etc).
675
+ <br/>
676
+ Detailed performance metrics for dozens of
677
+ <b><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>applications</a></b>
678
+ (such as web servers, databases servers, email servers, DNS servers, etc).
679
+ <br/>
680
+ Visualize metrics collected from <b><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 devices</a></b>,
681
+ and APM metrics via the embedded <b><a href="https://github.com/firehol/netdata/wiki/statsd" target="_blank" data-ga-category="Outbound links" data-ga-action="Nav click" data-ga-label=statsd>statsd server</a></b>.
682
</div>
669
- <div class=grid-cell><h3><span class=star>★</span> With alarms</h3>
670
- <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>
671
- can be set on any metric monitored by netdata.
672
- 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>
673
- are role-based and support dynamic thresholds, hysteresis and can be dispatched via multiple methods
674
- (such as email, slack.com, pushover.net, pushbullet.com, telegram.org, twilio.com).
683
+ <div class=grid-cell><h3><span class=star>★</span> Out of the box</h3>
684
+ <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
685
+ <strong>zero configuration</strong>, it has <strong>zero dependencies</strong>, requires <strong>zero
686
+ 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
687
+ failures, performance and availability issues.
688
</div>
689
<div class=grid-cell><h3><span class=star>★</span> In real-time</h3>
690
<p>netdata collects thousands of metrics per server <strong>per second</strong>,
@@ -681,14 +694,15 @@ p {
694
View everything on <strong>stunning</strong> real-time interactive web dashboards, even when netdata is
695
running on low-end hardware.
696
</div>
684
- <div class=grid-cell><h3><span class=star>★</span> Out of the box</h3>
685
- <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
686
- <strong>zero configuration</strong>, it has <strong>zero dependencies</strong>, requires <strong>zero
687
- 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
688
- failures, performance and availability issues.
697
+ <div class=grid-cell><h3><span class=star>★</span> With alarms</h3>
698
+ <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>
699
+ can be set on any metric monitored by netdata.
700
+ 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>
701
+ are role-based and support dynamic thresholds, hysteresis and can be dispatched via multiple methods
702
+ (such as email, slack.com, pushover.net, pushbullet.com, telegram.org, twilio.com).
703
</div>
704
<div class=grid-cell><h3><span class=star>★</span> Embeddable</h3>
691
- <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.
705
+ <p>netdata has minimal dependencies and can run <b><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 weak on IoT devices</a></b>. Also, its charts can be embedded on any web site.
706
</div>
707
<div class=grid-cell><h3><span class=star>★</span> Customizable</h3>
708
<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).
@@ -697,9 +711,15 @@ p {
711
<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).
712
</div>
713
<div class=grid-cell><h3><span class=star>★</span> Scalable</h3>
700
- <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.
701
- 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
702
- rate, to avoid congesting these servers with the amount of data collected.
714
+ <p>
715
+ netdata scales out, your web browser is the central netdata
716
+ <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>
717
+ together. But netdata can also
718
+ <a href="https://github.com/firehol/netdata/wiki/Replication-Overview" target="_blank" data-ga-category="Outbound links" data-ga-action="Nav click" data-ga-label=Streaming>replicate its database</a>
719
+ to other netdata, and
720
+ <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>
721
+ to <strong>graphite</strong>, <strong>opentsdb</strong>, <strong>influxdb</strong> or <strong>prometheus</strong> at a lower
722
+ rate, to avoid congesting these servers with the amount of data collected.
723
</div>
724
</div>
725
</div>
@@ -1024,7 +1044,7 @@ p {
1044
</div>
1045
1046
<div style="padding-top: 40px; color: #999;">
1027
- <small>I would love to show demos of IoT devices running netdata.<br/>
1047
+ <small>We would love to show demos of IoT devices running netdata.<br/>
1048
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>
1049
</div>
1050
</div>
@@ -1137,20 +1157,12 @@ p {
1157
</div>
1158
<div class=aside>
1159
<div class=container>
1140
- <ul class=inline-block-list>
1141
- <li>
1160
<!-- Place this tag where you want the button to render. -->
1143
- <a class="github-button" href="https://github.com/firehol/netdata/subscription" data-style="mega" data-show-count="true" aria-label="Watch firehol/netdata on GitHub">Watch</a>
1144
- </li>
1145
- <li>
1161
+ <a class="github-button" href="https://github.com/firehol/netdata/subscription" data-style="mega" data-show-count="true" aria-label="Watch firehol/netdata on GitHub"><img src="https://img.shields.io/github/watchers/firehol/netdata.svg?style=flat&label=Github%20Watchers"></a>
1162
<!-- Place this tag where you want the button to render. -->
1147
- <a class="github-button" href="https://github.com/firehol/netdata" data-style="mega" data-show-count="true" aria-label="Star firehol/netdata on GitHub">Star</a>
1148
- </li>
1149
- <li>
1163
+ <a class="github-button" href="https://github.com/firehol/netdata" data-style="mega" data-show-count="true" aria-label="Star firehol/netdata on GitHub"><img src="https://img.shields.io/github/stars/firehol/netdata.svg?style=flat&label=Github%20Stars"></a>
1164
<!-- Place this tag where you want the button to render. -->
1151
- <a class="github-button" href="https://github.com/firehol/netdata/fork" data-style="mega" data-show-count="true" aria-label="Fork firehol/netdata on GitHub">Fork</a>
1152
- </li>
1153
- </ul>
1165
+ <a class="github-button" href="https://github.com/firehol/netdata/fork" data-style="mega" data-show-count="true" aria-label="Fork firehol/netdata on GitHub"><img src="https://img.shields.io/github/forks/firehol/netdata.svg?style=flat&label=Github%20Repo%20Forks"></a>
1166
</div>
1167
</div>
1168
@@ -1264,5 +1276,42 @@ p {
1276
}(document, 'script', 'facebook-jssdk'));
1277
</script>
1278
1267
-<!-- Place this tag in your head or just before your close body tag. -->
1268
-<script async defer src="https://buttons.github.io/buttons.js"></script>
1279
+<script>
1280
+ var allTitles = [
1281
+ 'Get control<br/>of your Linux servers'
1282
+ , 'Get control<br/>of your FreeBSD servers'
1283
+ , 'Monitor<br/>your containers'
1284
+ , 'Monitor<br/>your virtual machines'
1285
+ , 'Monitor<br/>your web servers'
1286
+ , 'Monitor<br/>your databases'
1287
+ , 'Monitor<br/>your applications'
1288
+ , 'Monitor<br/>your SNMP devices'
1289
+ , 'Monitor<br/>your IoT devices'
1290
+ , 'Monitor<br/>your MacOS systems'
1291
+ ];
1292
+ var lastTitle = -1;
1293
+
1294
+ function updateTitle(){
1295
+ lastTitle++;
1296
+ if(lastTitle >= allTitles.length)
1297
+ lastTitle = 0;
1298
+
1299
+ var os = document.getElementsByClassName('title');
1300
+ var len = os.length;
1301
+ while (len--) {
1302
+ var el = os[len];
1303
+ el.innerHTML = allTitles[lastTitle];
1304
+ el.classList.add('titlefadein');
1305
+ }
1306
+
1307
+ setTimeout(function() {
1308
+ var os = document.getElementsByClassName('title');
1309
+ var len = os.length;
1310
+ while (len--)
1311
+ os[len].classList.remove('titlefadein');
1312
+
1313
+ }, 5750);
1314
+ setTimeout(updateTitle, 6000);
1315
+ }
1316
+ updateTitle();
1317
+</script>