summaryrefslogtreecommitdiffstats
path: root/docs
diff options
context:
space:
mode:
Diffstat (limited to 'docs')
-rw-r--r--docs/generator/custom/css/netdata.css4
-rw-r--r--docs/getting-started.md5
-rw-r--r--docs/step-by-step/step-02.md6
3 files changed, 15 insertions, 0 deletions
diff --git a/docs/generator/custom/css/netdata.css b/docs/generator/custom/css/netdata.css
index 9bacac0677..2ca0dcc249 100644
--- a/docs/generator/custom/css/netdata.css
+++ b/docs/generator/custom/css/netdata.css
@@ -429,6 +429,10 @@ html [data-md-color-primary="blue-grey"] .md-nav--primary .md-nav__title--site {
font-size: 0.75rem;
}
+.md-typeset details > summary {
+ font-weight: 400;
+}
+
/* Support figures and figcaptions with some styling. */
.md-typeset figure img {
border-radius: 3px 3px 0 0;
diff --git a/docs/getting-started.md b/docs/getting-started.md
index 67e4fa6e96..c86416a929 100644
--- a/docs/getting-started.md
+++ b/docs/getting-started.md
@@ -1,6 +1,7 @@
<!--
---
title: "Getting started guide"
+date: 2020-03-11
custom_edit_url: https://github.com/netdata/netdata/edit/master/docs/getting-started.md
---
-->
@@ -26,6 +27,10 @@ Open up your web browser of choice and navigate to `http://YOUR-HOST:19999`. Wel
![Animated GIF of navigating to the
dashboard](https://user-images.githubusercontent.com/1153921/63463901-fcb9c800-c412-11e9-8f67-8fe182e8b0d2.gif)
+<details markdown="1"><summary>Want to see the dashboard and its features in action? Check out our video.</summary>
+<iframe width="720" height="405" src="https://www.youtube.com/embed/Ob6-Wkb6ZBA" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+</details>
+
**What's next?**:
- Read more about the [standard Netdata dashboard](../web/gui/).
diff --git a/docs/step-by-step/step-02.md b/docs/step-by-step/step-02.md
index fafe1f5e30..fa9c69afeb 100644
--- a/docs/step-by-step/step-02.md
+++ b/docs/step-by-step/step-02.md
@@ -1,6 +1,7 @@
<!--
---
title: "Step 2. Get to know Netdata's dashboard"
+date: 2020-03-11
custom_edit_url: https://github.com/netdata/netdata/edit/master/docs/step-by-step/step-02.md
---
-->
@@ -27,6 +28,11 @@ In this step of the Netdata guide, you'll learn how to:
Let's get started!
+<details markdown="1"><summary>Like shortcuts? Watch our six-minute quickstart video for Netdata's dashboard.</summary>
+<iframe width="720" height="405" src="https://www.youtube.com/embed/Ob6-Wkb6ZBA" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+<p>Once you've finished, <a href="#whats-next">skip ahead</a> or scroll down for the text-based dashboard quickstart.</p>
+</details>
+
## Visit and explore the dashboard
Netdata's dashboard is where you interact with your system's metrics. Time to open it up and start exploring. Open up