fix: clean up content
This commit is contained in:
parent
51fdde560f
commit
35691252ad
|
@ -9,39 +9,3 @@ weight: 50
|
||||||
images: ["say-hello-to-doks.png"]
|
images: ["say-hello-to-doks.png"]
|
||||||
contributors: ["Henk Verlinde"]
|
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)
|
|
||||||
|
|
|
@ -13,7 +13,7 @@ weight: 610
|
||||||
toc: true
|
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
|
## Check for outdated packages
|
||||||
|
|
||||||
|
|
|
@ -13,7 +13,7 @@ weight: 130
|
||||||
toc: true
|
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
|
## create
|
||||||
|
|
||||||
|
|
|
@ -19,13 +19,13 @@ There are two main ways to get started with Doks:
|
||||||
|
|
||||||
### Tutorial
|
### 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/)
|
Step-by-step instructions on how to start a new Doks project. [Tutorial →](https://getdoks.org/tutorial/introduction/)
|
||||||
|
|
||||||
### Quick Start
|
### 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" >}})
|
One page summary of how to start a new Doks project. [Quick Start →]({{< relref "quick-start" >}})
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue