feat: update for doks 1.0.0-beta.1
This commit is contained in:
Henk Verlinde
@ -1,7 +1,7 @@
|
||||
---
|
||||
title : "Modern Documentation Theme"
|
||||
description: "Jumpstart your next documentation project with Doks. Build a customized, production-ready documentation website in no time."
|
||||
lead: "Jumpstart your next documentation project with Doks. Build a customized, production-ready documentation website in no time."
|
||||
description: "Jumpstart your next documentation project with Doks. Build a custom, production-ready documentation website in no time."
|
||||
lead: "Jumpstart your next documentation project with Doks. Build a custom, production-ready documentation website in no time."
|
||||
date: 2020-10-06T08:47:36+00:00
|
||||
lastmod: 2020-10-06T08:47:36+00:00
|
||||
draft: false
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
title: "Doks 1.0"
|
||||
slug: "doks-1"
|
||||
description: ""
|
||||
summary: "Doks 1.0 is here! Doks is a Hyas theme for building customizable, production-ready documentation websites."
|
||||
summary: "Doks 1.0 is here! Doks is a Hyas theme for building custom, production-ready documentation websites."
|
||||
date: 2023-05-17T09:15:34+02:00
|
||||
lastmod: 2023-05-17T09:15:34+02:00
|
||||
draft: false
|
||||
|
||||
15
content/blog/post-with-image/index.md
Normal file
15
content/blog/post-with-image/index.md
Normal file
@ -0,0 +1,15 @@
|
||||
---
|
||||
title: "Post With Image"
|
||||
description: ""
|
||||
summary: ""
|
||||
date: 2023-05-25T09:57:19+02:00
|
||||
lastmod: 2023-05-25T09:57:19+02:00
|
||||
draft: false
|
||||
weight: 50
|
||||
images: ["kris-mikael-krister-aGihPIbrtVE-unsplash.jpg"]
|
||||
categories: []
|
||||
tags: []
|
||||
contributors: []
|
||||
pinned: false
|
||||
homepage: false
|
||||
---
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 1.3 MiB |
@ -104,7 +104,7 @@ Refer to the [basic syntax](https://www.markdownguide.org/basic-syntax) referenc
|
||||
## Image
|
||||
|
||||
```md
|
||||
|
||||
|
||||
```
|
||||
|
||||
|
||||
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 1.3 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 79 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.6 MiB |
BIN
content/docs/cheat-sheets/shortcodes/flower.mp4
Normal file
BIN
content/docs/cheat-sheets/shortcodes/flower.mp4
Normal file
Binary file not shown.
BIN
content/docs/cheat-sheets/shortcodes/flower.webm
Normal file
BIN
content/docs/cheat-sheets/shortcodes/flower.webm
Normal file
Binary file not shown.
@ -34,12 +34,16 @@ The [SVG](https://developer.mozilla.org/en-US/docs/Web/SVG) gets embedded into t
|
||||
Add e.g. a logo from the `assets` directory:
|
||||
|
||||
```md
|
||||
{{</* svg icon="svgs/logos/logo-netlify-small-monochrome-lightmode.svg" width="192px" height="79px" class="icon-custom netlify-logo" */>}}
|
||||
{{</* svg icon="svgs/logos/logo-netlify-small-fullcolor-lightmode.svg" width="192px" height="79px" class="icon-custom icon-lightmode" */>}}
|
||||
|
||||
{{</* svg icon="svgs/logos/logo-netlify-small-fullcolor-darkmode.svg" width="192px" height="79px" class="icon-custom icon-darkmode" */>}}
|
||||
```
|
||||
|
||||
{{< svg icon="svgs/logos/logo-netlify-small-monochrome-lightmode.svg" width="192px" height="79px" class="icon-custom netlify-logo" >}}
|
||||
{{< svg icon="svgs/logos/logo-netlify-small-fullcolor-lightmode.svg" width="192px" height="79px" class="icon-custom icon-lightmode" >}}
|
||||
|
||||
### Page resources
|
||||
{{< svg icon="svgs/logos/logo-netlify-small-fullcolor-darkmode.svg" width="192px" height="79px" class="icon-custom icon-darkmode" >}}
|
||||
|
||||
### Page resource
|
||||
|
||||
{{< callout icon="info-circle" >}}
|
||||
Refer to [page resources](https://gohugo.io/content-management/page-resources/) and [page bundles](https://gohugo.io/content-management/page-bundles/) for more information.
|
||||
@ -49,10 +53,10 @@ Add e.g a monogram
|
||||
:
|
||||
|
||||
```md
|
||||
{{</* svg icon="logo-netlify-monogram-monochrome-lightmode.svg" width="64px" height="57px" class="icon-custom netlify-monogram" */>}}
|
||||
{{</* svg icon="logo-netlify-monogram-monochrome-lightmode.svg" width="64px" height="57px" class="icon-custom icon-monochrome" */>}}
|
||||
```
|
||||
|
||||
{{< svg icon="logo-netlify-monogram-monochrome-lightmode.svg" width="64px" height="57px" class="icon-custom netlify-monogram" >}}
|
||||
{{< svg icon="logo-netlify-monogram-monochrome-lightmode.svg" width="64px" height="57px" class="icon-custom icon-monochrome" >}}
|
||||
|
||||
### Tabler icons
|
||||
|
||||
@ -63,18 +67,18 @@ Copy the icon name from [Tabler Icons](https://tabler-icons.io/) by clicking on
|
||||
Add a Tabler icon:
|
||||
|
||||
```md
|
||||
{{</* svg "rubber-stamp" */>}}
|
||||
{{</* svg "hand-rock" */>}}
|
||||
```
|
||||
|
||||
{{< svg "rubber-stamp" >}}
|
||||
{{< svg "hand-rock" >}}
|
||||
|
||||
Specify [SVG attributes](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute), for example:
|
||||
|
||||
```md
|
||||
{{</* svg icon="rubber-stamp" stroke-width="1" height="3rem" width="3rem" class="icon-custom" */>}}
|
||||
{{</* svg icon="hand-rock" stroke-width="1" stroke="#ee52b7" height="3rem" width="3rem" class="icon-custom" */>}}
|
||||
```
|
||||
|
||||
{{< svg icon="rubber-stamp" stroke-width="1" height="3rem" width="3rem" class="icon-custom" >}}
|
||||
{{< svg icon="hand-rock" stroke-width="1" stroke="#ee52b7" height="3rem" width="3rem" class="icon-custom" >}}
|
||||
|
||||
## Callouts
|
||||
|
||||
@ -159,13 +163,13 @@ You can change the commands in the scripts section of `./package.json`.
|
||||
## Details
|
||||
|
||||
```md
|
||||
{{</* details "How will we conduct IEP and 504 meetings?" */>}}
|
||||
All meetings will be held *remotely*.
|
||||
{{</* details "Details" */>}}
|
||||
Something small enough to escape casual notice.
|
||||
{{</* /details */>}}
|
||||
```
|
||||
|
||||
{{< details "How will we conduct IEP and 504 meetings?" >}}
|
||||
All meetings will be held *remotely*.
|
||||
{{< details "Details" >}}
|
||||
Something small enough to escape casual notice.
|
||||
{{< /details >}}
|
||||
|
||||
### Start in open state
|
||||
@ -264,10 +268,30 @@ yarn install
|
||||
{{< /tab >}}
|
||||
{{< /tabs >}}
|
||||
|
||||
## Image
|
||||
|
||||
### Assets directory
|
||||
|
||||
Add an image from the assets directory:
|
||||
|
||||
```md
|
||||
{{</* lazyimg img="images/bozhin-karaivanov-3HnVKfQZGTQ-unsplash.jpg" alt="Red raspberry" */>}}
|
||||
```
|
||||
|
||||
{{< lazyimg img="images/bozhin-karaivanov-3HnVKfQZGTQ-unsplash.jpg" alt="Red raspberry" >}}
|
||||
|
||||
### Page resource
|
||||
|
||||
```md
|
||||
{{</* lazyimg img="bozhin-karaivanov-zs6GW81O538-unsplash.jpg" alt="Red apples on a tree" */>}}
|
||||
```
|
||||
|
||||
{{< lazyimg img="bozhin-karaivanov-zs6GW81O538-unsplash.jpg" alt="Red apples on a tree" >}}
|
||||
|
||||
## Video
|
||||
|
||||
```md
|
||||
{{</* video ratio="16x9" attributes="controls autoplay muted" webm-src="videos/flower.webm" mp4-src="videos/flower.mp4" */>}}
|
||||
{{</* video src="flower" autoplay="true" muted="true" */>}}
|
||||
```
|
||||
|
||||
{{< video ratio="16x9" attributes="controls autoplay muted" webm-src="videos/flower.webm" mp4-src="videos/flower.mp4" >}}
|
||||
{{< video src="flower" autoplay="true" muted="true" >}}
|
||||
|
||||
@ -16,7 +16,7 @@ toc: true
|
||||
|
||||
## What is Doks?
|
||||
|
||||
Doks is a [Hyas](https://gethyas.com/) theme for building customizable, production-ready documentation websites.
|
||||
Doks is a [Hyas](https://gethyas.com/) theme for building custom, production-ready documentation websites.
|
||||
|
||||
## Key Features
|
||||
|
||||
|
||||
Reference in New Issue
Block a user