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"]
|
||||
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
|
||||
---
|
||||
|
||||
{{< 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
|
||||
|
||||
|
|
|
@ -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
|
||||
|
||||
|
|
|
@ -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" >}})
|
||||
|
||||
|
|
Loading…
Reference in New Issue