180 lines
2.9 KiB
Markdown
180 lines
2.9 KiB
Markdown
|
---
|
||
|
title: "Shortcodes"
|
||
|
description: "This cheat sheet provides a quick overview of all available Doks shortcodes."
|
||
|
summary: "This cheat sheet provides a quick overview of all available Doks shortcodes."
|
||
|
date: 2023-03-31T12:07:31+02:00
|
||
|
lastmod: 2023-03-31T12:07:31+02:00
|
||
|
draft: false
|
||
|
weight: 50
|
||
|
images: []
|
||
|
categories: []
|
||
|
tags: []
|
||
|
contributors: ["Henk Verlinde"]
|
||
|
pinned: false
|
||
|
homepage: false
|
||
|
---
|
||
|
|
||
|
## Alert
|
||
|
|
||
|
### Default
|
||
|
|
||
|
```md
|
||
|
{{</* alert */>}}
|
||
|
**Note**: Advisories for malware are currently in beta and subject to change.
|
||
|
{{</* /alert */>}}
|
||
|
```
|
||
|
|
||
|
{{< alert >}}
|
||
|
**Note**: Advisories for malware are currently in beta and subject to change.
|
||
|
{{< /alert >}}
|
||
|
|
||
|
### Context
|
||
|
|
||
|
```md
|
||
|
{{</* alert context="primary" */>}}
|
||
|
**Note**: Advisories for malware are currently in beta and subject to change.
|
||
|
{{</* /alert */>}}
|
||
|
```
|
||
|
|
||
|
{{< alert context="primary">}}
|
||
|
**Note**: Advisories for malware are currently in beta and subject to change.
|
||
|
{{< /alert >}}
|
||
|
|
||
|
### Icon
|
||
|
|
||
|
```md
|
||
|
{{</* alert icon="👉" */>}}
|
||
|
Advisories for malware are currently in beta and subject to change.
|
||
|
{{</* /alert */>}}
|
||
|
```
|
||
|
|
||
|
{{< alert icon="👉" >}}
|
||
|
Advisories for malware are currently in beta and subject to change.
|
||
|
{{< /alert >}}
|
||
|
|
||
|
## Details
|
||
|
|
||
|
```md
|
||
|
{{</* details "How will we conduct IEP and 504 meetings?" */>}}
|
||
|
All meetings will be held *remotely*.
|
||
|
{{</* /details */>}}
|
||
|
```
|
||
|
|
||
|
{{< details "How will we conduct IEP and 504 meetings?" >}}
|
||
|
All meetings will be held *remotely*.
|
||
|
{{< /details >}}
|
||
|
|
||
|
## Tabs
|
||
|
|
||
|
Run the following command in your terminal to start our handy install wizard, `create-hyas`.
|
||
|
|
||
|
````md
|
||
|
{{</* tabs "create-new-site" */>}}
|
||
|
{{</* tab "npm" */>}}
|
||
|
|
||
|
```bash
|
||
|
npm create hyas@latest
|
||
|
```
|
||
|
|
||
|
{{</* /tab */>}}
|
||
|
{{</* tab "pnpm" */>}}
|
||
|
|
||
|
```bash
|
||
|
pnpm create hyas@latest
|
||
|
```
|
||
|
|
||
|
{{</* /tab */>}}
|
||
|
{{</* tab "Yarn" */>}}
|
||
|
|
||
|
```bash
|
||
|
yarn create hyas
|
||
|
```
|
||
|
|
||
|
{{</* /tab */>}}
|
||
|
{{</* /tabs */>}}
|
||
|
````
|
||
|
|
||
|
{{< tabs "create-new-site" >}}
|
||
|
{{< tab "npm" >}}
|
||
|
|
||
|
```bash
|
||
|
npm create hyas@latest
|
||
|
```
|
||
|
|
||
|
{{< /tab >}}
|
||
|
{{< tab "pnpm" >}}
|
||
|
|
||
|
```bash
|
||
|
pnpm create hyas@latest
|
||
|
```
|
||
|
|
||
|
{{< /tab >}}
|
||
|
{{< tab "Yarn" >}}
|
||
|
|
||
|
```bash
|
||
|
yarn create hyas
|
||
|
```
|
||
|
|
||
|
{{< /tab >}}
|
||
|
{{< /tabs >}}
|
||
|
|
||
|
`cd` into your new project directory to begin using Hyas. Install your dependencies before continuing.
|
||
|
|
||
|
````md
|
||
|
{{</* tabs "install-dependencies" */>}}
|
||
|
{{</* tab "npm" */>}}
|
||
|
|
||
|
```bash
|
||
|
npm install
|
||
|
```
|
||
|
|
||
|
{{</* /tab */>}}
|
||
|
{{</* tab "pnpm" */>}}
|
||
|
|
||
|
```bash
|
||
|
pnpm install
|
||
|
```
|
||
|
|
||
|
{{</* /tab */>}}
|
||
|
{{</* tab "Yarn" */>}}
|
||
|
|
||
|
```bash
|
||
|
yarn install
|
||
|
```
|
||
|
|
||
|
{{</* /tab */>}}
|
||
|
{{</* /tabs */>}}
|
||
|
````
|
||
|
|
||
|
{{< tabs "install-dependencies" >}}
|
||
|
{{< tab "npm" >}}
|
||
|
|
||
|
```bash
|
||
|
npm install
|
||
|
```
|
||
|
|
||
|
{{< /tab >}}
|
||
|
{{< tab "pnpm" >}}
|
||
|
|
||
|
```bash
|
||
|
pnpm install
|
||
|
```
|
||
|
|
||
|
{{< /tab >}}
|
||
|
{{< tab "Yarn" >}}
|
||
|
|
||
|
```bash
|
||
|
yarn install
|
||
|
```
|
||
|
|
||
|
{{< /tab >}}
|
||
|
{{< /tabs >}}
|
||
|
|
||
|
## Video
|
||
|
|
||
|
```md
|
||
|
{{</* video ratio="16x9" attributes="controls autoplay muted" webm-src="videos/flower.webm" mp4-src="videos/flower.mp4" */>}}
|
||
|
```
|
||
|
|
||
|
{{< video ratio="16x9" attributes="controls autoplay muted" webm-src="videos/flower.webm" mp4-src="videos/flower.mp4" >}}
|