ux: update dark mode+
This commit is contained in:
Henk Verlinde
@ -1,10 +1,15 @@
|
||||
---
|
||||
title: "The Doks Blog"
|
||||
headline: "Blog"
|
||||
description: "Get all the latest news from Doks."
|
||||
summary: "Get all the latest news from Doks."
|
||||
date: 2020-10-06T08:49:55+00:00
|
||||
lastmod: 2020-10-06T08:49:55+00:00
|
||||
title: "Blog"
|
||||
description: ""
|
||||
summary: ""
|
||||
date: 2023-05-17T08:59:31+02:00
|
||||
lastmod: 2023-05-17T08:59:31+02:00
|
||||
draft: false
|
||||
weight: 50
|
||||
images: []
|
||||
categories: []
|
||||
tags: []
|
||||
contributors: []
|
||||
pinned: false
|
||||
homepage: false
|
||||
---
|
||||
|
||||
@ -1,182 +0,0 @@
|
||||
---
|
||||
title: "Diagrams and Math Typesetting"
|
||||
description: "This cheat sheet provides a quick overview of diagrams and math typesetting."
|
||||
summary: "This cheat sheet provides a quick overview of diagrams and math typesetting."
|
||||
date: 2023-03-31T13:45:33+02:00
|
||||
lastmod: 2023-03-31T13:45:33+02:00
|
||||
draft: true
|
||||
weight: 50
|
||||
images: []
|
||||
categories: []
|
||||
tags: []
|
||||
contributors: ["Henk Verlinde"]
|
||||
pinned: false
|
||||
homepage: false
|
||||
katex: true
|
||||
---
|
||||
|
||||
## GoAT
|
||||
|
||||
### Example 1
|
||||
|
||||
````md
|
||||
```goat
|
||||
. . . .--- 1 .-- 1 / 1
|
||||
/ \ | | .---+ .-+ +
|
||||
/ \ .---+---. .--+--. | '--- 2 | '-- 2 / \ 2
|
||||
+ + | | | | ---+ ---+ +
|
||||
/ \ / \ .-+-. .-+-. .+. .+. | .--- 3 | .-- 3 \ / 3
|
||||
/ \ / \ | | | | | | | | '---+ '-+ +
|
||||
1 2 3 4 1 2 3 4 1 2 3 4 '--- 4 '-- 4 \ 4
|
||||
|
||||
```
|
||||
````
|
||||
|
||||
```goat
|
||||
. . . .--- 1 .-- 1 / 1
|
||||
/ \ | | .---+ .-+ +
|
||||
/ \ .---+---. .--+--. | '--- 2 | '-- 2 / \ 2
|
||||
+ + | | | | ---+ ---+ +
|
||||
/ \ / \ .-+-. .-+-. .+. .+. | .--- 3 | .-- 3 \ / 3
|
||||
/ \ / \ | | | | | | | | '---+ '-+ +
|
||||
1 2 3 4 1 2 3 4 1 2 3 4 '--- 4 '-- 4 \ 4
|
||||
|
||||
```
|
||||
|
||||
### Example 2
|
||||
|
||||
````md
|
||||
```goat
|
||||
.---. .-. .-. .-. .-.
|
||||
| A +----->| 1 +<---->| 2 |<----+ 4 +------------------. | 8 |
|
||||
'---' '-' '+' '-' | '-'
|
||||
| ^ | ^
|
||||
v | v |
|
||||
.-. .-+-. .-. .-+-. .-. .+. .---.
|
||||
| 3 +---->| B |<----->| 5 +---->| C +---->| 6 +---->| 7 |<---->| D |
|
||||
'-' '---' '-' '---' '-' '-' '---'
|
||||
```
|
||||
````
|
||||
|
||||
```goat
|
||||
.---. .-. .-. .-. .-.
|
||||
| A +----->| 1 +<---->| 2 |<----+ 4 +------------------. | 8 |
|
||||
'---' '-' '+' '-' | '-'
|
||||
| ^ | ^
|
||||
v | v |
|
||||
.-. .-+-. .-. .-+-. .-. .+. .---.
|
||||
| 3 +---->| B |<----->| 5 +---->| C +---->| 6 +---->| 7 |<---->| D |
|
||||
'-' '---' '-' '---' '-' '-' '---'
|
||||
```
|
||||
|
||||
## Mermaid
|
||||
|
||||
### Example 1
|
||||
|
||||
````md
|
||||
```mermaid
|
||||
graph TD
|
||||
A[Hard] -->|Text| B(Round)
|
||||
B --> C{Decision}
|
||||
C -->|One| D[Result 1]
|
||||
C -->|Two| E[Result 2]
|
||||
```
|
||||
````
|
||||
|
||||
Renders into:
|
||||
|
||||
```mermaid
|
||||
graph TD
|
||||
A[Hard] -->|Text| B(Round)
|
||||
B --> C{Decision}
|
||||
C -->|One| D[Result 1]
|
||||
C -->|Two| E[Result 2]
|
||||
```
|
||||
|
||||
### Example 2
|
||||
|
||||
````md
|
||||
```mermaid
|
||||
sequenceDiagram
|
||||
participant Alice
|
||||
participant Bob
|
||||
Alice->>John: Hello John, how are you?
|
||||
loop Healthcheck
|
||||
John->>John: Fight against hypochondria
|
||||
end
|
||||
Note right of John: Rational thoughts <br/>prevail!
|
||||
John-->>Alice: Great!
|
||||
John->>Bob: How about you?
|
||||
Bob-->>John: Jolly good!
|
||||
```
|
||||
````
|
||||
|
||||
Renders into:
|
||||
|
||||
```mermaid
|
||||
sequenceDiagram
|
||||
participant Alice
|
||||
participant Bob
|
||||
Alice->>John: Hello John, how are you?
|
||||
loop Healthcheck
|
||||
John->>John: Fight against hypochondria
|
||||
end
|
||||
Note right of John: Rational thoughts <br/>prevail!
|
||||
John-->>Alice: Great!
|
||||
John->>Bob: How about you?
|
||||
Bob-->>John: Jolly good!
|
||||
```
|
||||
|
||||
## KaTeX
|
||||
|
||||
The default display mode delimiters are `$$` or `\\[` and `\\]`.
|
||||
|
||||
### Example 1
|
||||
|
||||
```md
|
||||
$$\sum_{x=1}^5 y^z$$
|
||||
```
|
||||
|
||||
Renders into:
|
||||
|
||||
$$\sum_{x=1}^5 y^z$$
|
||||
|
||||
### Example 2
|
||||
|
||||
```md
|
||||
$$
|
||||
\begin{equation*}
|
||||
n \sim 10^{18} \mathrm{cm^{-3}} \left(\frac{100\mathrm{km}}{R}\right)^2 \left(\frac{10\mathrm{MeV}}{\langle E \rangle}\right).
|
||||
\end{equation*}
|
||||
$$
|
||||
```
|
||||
|
||||
Renders into:
|
||||
|
||||
$$
|
||||
\begin{equation*}
|
||||
n \sim 10^{18} \mathrm{cm^{-3}} \left(\frac{100\mathrm{km}}{R}\right)^2 \left(\frac{10\mathrm{MeV}}{\langle E \rangle}\right).
|
||||
\end{equation*}
|
||||
$$
|
||||
|
||||
### Example 3
|
||||
|
||||
```md
|
||||
\\[\int_a^b f(x)\\]
|
||||
```
|
||||
|
||||
Renders into:
|
||||
|
||||
\\[\int_a^b f(x)\\]
|
||||
|
||||
### Example 4
|
||||
|
||||
Inline mode delimiters are `\\(` and `\\)`.
|
||||
|
||||
```md
|
||||
Mass–energy relation: \\(E = mc^2\\)
|
||||
```
|
||||
|
||||
Renders into:
|
||||
|
||||
Mass–energy relation: \\(E = mc^2\\)
|
||||
18
content/blog/doks-1/index.md
Normal file
18
content/blog/doks-1/index.md
Normal file
@ -0,0 +1,18 @@
|
||||
---
|
||||
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."
|
||||
date: 2023-05-17T09:15:34+02:00
|
||||
lastmod: 2023-05-17T09:15:34+02:00
|
||||
draft: false
|
||||
weight: 50
|
||||
images: []
|
||||
categories: []
|
||||
tags: []
|
||||
contributors: ["Henk Verlinde"]
|
||||
pinned: false
|
||||
homepage: false
|
||||
---
|
||||
|
||||
[..]
|
||||
@ -1,109 +0,0 @@
|
||||
---
|
||||
title: "Markdown Basic Syntax"
|
||||
description: "This Markdown cheat sheet provides a quick overview of all basic Markdown syntax elements."
|
||||
summary: "This Markdown cheat sheet provides a quick overview of all basic Markdown syntax elements."
|
||||
date: 2023-03-31T12:06:49+02:00
|
||||
lastmod: 2023-03-31T12:06:49+02:00
|
||||
draft: false
|
||||
weight: 50
|
||||
images: ["markdown-guide.jpg"]
|
||||
categories: []
|
||||
tags: []
|
||||
contributors: ["Henk Verlinde"]
|
||||
pinned: false
|
||||
homepage: false
|
||||
---
|
||||
|
||||
If you need more information about any of these elements, refer to the reference guide for [basic syntax](https://www.markdownguide.org/basic-syntax).
|
||||
|
||||
## Heading
|
||||
|
||||
```md
|
||||
# H1
|
||||
## H2
|
||||
### H3
|
||||
```
|
||||
|
||||
# H1
|
||||
## H2
|
||||
### H3
|
||||
|
||||
## Bold
|
||||
|
||||
```md
|
||||
**bold text**
|
||||
```
|
||||
|
||||
**bold text**
|
||||
|
||||
## Italic
|
||||
|
||||
```md
|
||||
*italicized text*
|
||||
```
|
||||
|
||||
*italicized text*
|
||||
|
||||
## Blockquote
|
||||
|
||||
```md
|
||||
> blockquote
|
||||
```
|
||||
|
||||
> blockquote
|
||||
|
||||
## Ordered List
|
||||
|
||||
```md
|
||||
1. First item
|
||||
2. Second item
|
||||
3. Third item
|
||||
```
|
||||
|
||||
1. First item
|
||||
2. Second item
|
||||
3. Third item
|
||||
|
||||
## Unordered List
|
||||
|
||||
```md
|
||||
- First item
|
||||
- Second item
|
||||
- Third item
|
||||
```
|
||||
|
||||
- First item
|
||||
- Second item
|
||||
- Third item
|
||||
|
||||
## Code
|
||||
|
||||
```bash
|
||||
`code`
|
||||
```
|
||||
|
||||
`code`
|
||||
|
||||
## Horizontal Rule
|
||||
|
||||
```md
|
||||
---
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## Link
|
||||
|
||||
```md
|
||||
[Markdown Guide](https://www.markdownguide.org)
|
||||
```
|
||||
|
||||
[Markdown Guide](https://www.markdownguide.org)
|
||||
|
||||
## Image
|
||||
|
||||
```md
|
||||
|
||||
```
|
||||
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 79 KiB |
@ -1,148 +0,0 @@
|
||||
---
|
||||
title: "Markdown Extended Syntax"
|
||||
description: "This Markdown cheat sheet provides a quick overview of all extended Markdown syntax elements."
|
||||
summary: "This Markdown cheat sheet provides a quick overview of all extended Markdown syntax elements."
|
||||
date: 2023-03-31T12:07:15+02:00
|
||||
lastmod: 2023-03-31T12:07:15+02:00
|
||||
draft: false
|
||||
weight: 50
|
||||
images: []
|
||||
categories: []
|
||||
tags: []
|
||||
contributors: ["Henk Verlinde"]
|
||||
pinned: false
|
||||
homepage: false
|
||||
---
|
||||
|
||||
If you need more information about any of these elements, refer to the reference guide for [extended syntax](https://www.markdownguide.org/extended-syntax).
|
||||
|
||||
## Table
|
||||
|
||||
```md
|
||||
| Syntax | Description |
|
||||
| ----------- | ----------- |
|
||||
| Header | Title |
|
||||
| Paragraph | Text |
|
||||
{.table .table-striped}
|
||||
```
|
||||
|
||||
| Syntax | Description |
|
||||
| ----------- | ----------- |
|
||||
| Header | Title |
|
||||
| Paragraph | Text |
|
||||
{.table .table-striped}
|
||||
|
||||
## Fenced Code Block
|
||||
|
||||
````md
|
||||
```json
|
||||
{
|
||||
"firstName": "John",
|
||||
"lastName": "Smith",
|
||||
"age": 25
|
||||
}
|
||||
```
|
||||
````
|
||||
|
||||
```json
|
||||
{
|
||||
"firstName": "John",
|
||||
"lastName": "Smith",
|
||||
"age": 25
|
||||
}
|
||||
```
|
||||
|
||||
## Footnote
|
||||
|
||||
```md
|
||||
Here's a sentence with a footnote. [^1]
|
||||
|
||||
[^1]: This is the footnote.
|
||||
```
|
||||
|
||||
Here's a sentence with a footnote. [^1]
|
||||
|
||||
[^1]: This is the footnote.
|
||||
|
||||
## Heading ID
|
||||
|
||||
```md
|
||||
### My Great Heading{#custom-id}
|
||||
```
|
||||
|
||||
### My Great Heading{#custom-id}
|
||||
|
||||
```html
|
||||
<h3 id="custom-id">My Great Heading</h3>
|
||||
```
|
||||
|
||||
## Definition List
|
||||
|
||||
```md
|
||||
term
|
||||
: definition
|
||||
```
|
||||
|
||||
term
|
||||
: definition
|
||||
|
||||
## Strikethrough
|
||||
|
||||
```md
|
||||
~~The world is flat.~~
|
||||
```
|
||||
|
||||
~~The world is flat.~~
|
||||
|
||||
## Task List
|
||||
|
||||
```md
|
||||
- [x] Write the press release
|
||||
- [ ] Update the website
|
||||
- [ ] Contact the media
|
||||
{.list-unstyled}
|
||||
```
|
||||
|
||||
- [x] Write the press release
|
||||
- [ ] Update the website
|
||||
- [ ] Contact the media
|
||||
{.list-unstyled}
|
||||
|
||||
## Emoji
|
||||
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-md" data-lang="md"><span class="line"><span class="cl">That is so funny! :joy:
|
||||
</span></span></code></pre></div>
|
||||
|
||||
That is so funny! :joy:
|
||||
|
||||
(See also [Copying and Pasting Emoji](https://www.markdownguide.org/extended-syntax/#copying-and-pasting-emoji))
|
||||
|
||||
## Highlight
|
||||
|
||||
```md
|
||||
I need to highlight these <mark>very important words</mark>.
|
||||
```
|
||||
|
||||
I need to highlight these <mark>very important words</mark>.
|
||||
|
||||
(See also [Hugo Markdown Support](https://www.markdownguide.org/tools/hugo/#hugo-markdown-support))
|
||||
|
||||
## Subscript
|
||||
|
||||
```md
|
||||
H<sub>2</sub>O
|
||||
```
|
||||
|
||||
H<sub>2</sub>O
|
||||
|
||||
(See also [Hugo Markdown Support](https://www.markdownguide.org/tools/hugo/#hugo-markdown-support))
|
||||
|
||||
## Superscript
|
||||
|
||||
```md
|
||||
X<sup>2</sup>
|
||||
```
|
||||
|
||||
X<sup>2</sup>
|
||||
|
||||
(See also [Hugo Markdown Support](https://www.markdownguide.org/tools/hugo/#hugo-markdown-support))
|
||||
@ -1,17 +0,0 @@
|
||||
---
|
||||
title: "Say hello to Doks 👋"
|
||||
description: "Introducing Doks, a Hugo theme helping you build modern documentation websites that are secure, fast, and SEO-ready — by default."
|
||||
summary: "Introducing Doks, a Hugo theme helping you build modern documentation websites that are secure, fast, and SEO-ready — by default."
|
||||
date: 2020-11-04T09:19:42+01:00
|
||||
lastmod: 2020-11-04T09:19:42+01:00
|
||||
draft: false
|
||||
weight: 50
|
||||
images: []
|
||||
categories: []
|
||||
tags: []
|
||||
contributors: ["Henk Verlinde"]
|
||||
pinned: false
|
||||
homepage: false
|
||||
---
|
||||
|
||||
Introducing Doks, a Hugo theme helping you build modern documentation websites that are secure, fast, and SEO-ready — by default.
|
||||
@ -1,179 +0,0 @@
|
||||
---
|
||||
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" >}}
|
||||
Reference in New Issue
Block a user