fix: clean up content

This commit is contained in:
Henk Verlinde 2021-06-15 13:37:57 +02:00
parent 51fdde560f
commit 35691252ad
4 changed files with 4 additions and 40 deletions

View File

@ -9,39 +9,3 @@ weight: 50
images: ["say-hello-to-doks.png"]
contributors: ["Henk Verlinde"]
---
## Video shortcode
### Usage
```md
{{</* video ratio="16x9" attributes="controls autoplay muted" webm-src="videos/flower.webm" mp4-src="videos/flower.mp4" */>}}
```
| Parameters | Values |
|----------|-------------|------|
| ratio | <1x1 \| 4x3 \| 16x9 \| 21x9> |
| attributes | [[Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video#attributes)] |
| webm-src | [path/to/file.webm] |
| mp4-src | [path/to/file.mp4] |
{.table-striped}
### Renders
```html
<div class="ratio ratio-16x9">
<video controls autoplay muted>
<source src="/videos/flower.webm" type="video/webm">
<source src="/videos/flower.mp4" type="video/mp4">
Sorry, your browser doesn't support embedded videos.
</video>
</div>
```
{{< video ratio="16x9" attributes="controls autoplay muted" webm-src="videos/flower.webm" mp4-src="/videos/flower.mp4" >}}
## Resources
- [\<video\>: The Video Embed element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video)
- [Ratios](https://getbootstrap.com/docs/5.0/helpers/ratio/)
- [Custom aspect ratios](https://getbootstrap.com/docs/5.0/helpers/ratio/#sass-map)

View File

@ -13,7 +13,7 @@ weight: 610
toc: true
---
{{< alert icon="💡" text="Learn more about <a href=\"https://docs.npmjs.com/about-semantic-versioning\">semantic versioning</a> and <a href=\"https://docs.npmjs.com/cli/v6/using-npm/semver#advanced-range-syntax\">advanced range syntax</a>." >}}
{{< alert icon="💡" text="Learn more about <a href=\"https://docs.npmjs.com/about-semantic-versioning\">semantic versioning</a> and <a href=\"https://docs.npmjs.com/cli/v6/using-npm/semver#advanced-range-syntax\">advanced range syntax</a>." />}}
## Check for outdated packages

View File

@ -13,7 +13,7 @@ weight: 130
toc: true
---
{{< alert icon="💡" text="You can change the commands in the scripts section of `./package.json`." >}}
{{< alert icon="💡" text="You can change the commands in the scripts section of `./package.json`." />}}
## create

View File

@ -19,13 +19,13 @@ There are two main ways to get started with Doks:
### Tutorial
{{< alert icon="👉" text="The Tutorial is intended for novice to intermediate users." >}}
{{< alert icon="👉" text="The Tutorial is intended for novice to intermediate users." />}}
Step-by-step instructions on how to start a new Doks project. [Tutorial →](https://getdoks.org/tutorial/introduction/)
### Quick Start
{{< alert icon="👉" text="The Quick Start is intended for intermediate to advanced users." >}}
{{< alert icon="👉" text="The Quick Start is intended for intermediate to advanced users." />}}
One page summary of how to start a new Doks project. [Quick Start →]({{< relref "quick-start" >}})