feat: update for doks v1.0.0-alpha.1

content/blog/shortcodes/index.md

@@ -0,0 +1,179 @@
+---
+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" >}}