Add Patti's video to docs (#8385)
We're adding Patti's dashboard intro video to a few relevant spots in the documentation to get some more eyes on it.
Joel Hans committed
Mar 12, 2020 at 06:10 UTC
11fa175c98855d1d142ac256df8e6bad6600498c
5 files changed
+21
docs/generator/custom/css/netdata.css
+4
@@ -429,6 +429,10 @@ html [data-md-color-primary="blue-grey"] .md-nav--primary .md-nav__title--site {
429
font-size: 0.75rem;
430
}
431
432
+.md-typeset details > summary {
433
+ font-weight: 400;
434
+}
435
+
436
/* Support figures and figcaptions with some styling. */
437
.md-typeset figure img {
438
border-radius: 3px 3px 0 0;
docs/getting-started.md
+5
@@ -1,6 +1,7 @@
1
<!--
2
---
3
title: "Getting started guide"
4
+date: 2020-03-11
5
custom_edit_url: https://github.com/netdata/netdata/edit/master/docs/getting-started.md
6
---
7
-->
@@ -26,6 +27,10 @@ Open up your web browser of choice and navigate to `http://YOUR-HOST:19999`. Wel
27
29
30
+<details markdown="1"><summary>Want to see the dashboard and its features in action? Check out our video.</summary>
31
+<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>
32
+</details>
33
+
34
**What's next?**:
35
36
- Read more about the [standard Netdata dashboard](../web/gui/).
docs/step-by-step/step-02.md
+6
@@ -1,6 +1,7 @@
1
<!--
2
---
3
title: "Step 2. Get to know Netdata's dashboard"
4
+date: 2020-03-11
5
custom_edit_url: https://github.com/netdata/netdata/edit/master/docs/step-by-step/step-02.md
6
---
7
-->
@@ -27,6 +28,11 @@ In this step of the Netdata guide, you'll learn how to:
28
29
Let's get started!
30
31
+<details markdown="1"><summary>Like shortcuts? Watch our six-minute quickstart video for Netdata's dashboard.</summary>
32
+<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>
33
+<p>Once you've finished, <a href="#whats-next">skip ahead</a> or scroll down for the text-based dashboard quickstart.</p>
34
+</details>
35
+
36
## Visit and explore the dashboard
37
38
Netdata's dashboard is where you interact with your system's metrics. Time to open it up and start exploring. Open up
web/README.md
+1
@@ -1,6 +1,7 @@
1
<!--
2
---
3
title: "Web dashboards overview"
4
+date: 2020-03-11
5
custom_edit_url: https://github.com/netdata/netdata/edit/master/web/README.md
6
---
7
-->
web/gui/README.md
+5
@@ -1,6 +1,7 @@
1
<!--
2
---
3
title: "The standard web dashboard"
4
+date: 2020-03-11
5
custom_edit_url: https://github.com/netdata/netdata/edit/master/web/gui/README.md
6
---
7
-->
@@ -26,6 +27,10 @@ have to configure anything to access it, although you can adjust [your
27
settings](../server/#other-netdataconf-web-section-options) in the
28
`netdata.conf` file, or run Netdata behind an Nginx proxy, and so on.
29
30
+<details markdown="1"><summary>Want to see the dashboard and its features in action? Check out our video.</summary>
31
+<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>
32
+</details>
33
+
34
## Navigating the standard dashboard
35
36
Beyond charts, the standard dashboard can be broken down into three key areas: