Sine Die

First Sub-Subsection page 01

Thu, 08 May 2025 17:34:20 GMT

Example 1 of a simple page

First Subsection page 01

Thu, 08 May 2025 17:34:20 GMT

Example 1 of a simple page

Color Palette

Sun, 16 Jul 2023 08:07:24 GMT

This theme uses CSS cascading variables.

The color palette uses a three-color combination and allows to set the primary color hue angle and the left and right secondary colors hue angle (respectively adding and subtracting from the primary hue angle).

The hue angle is based on the hsl color space but the color palette is generated using oklch, this make it easier to select a color hue from the HSL Color Wheel while still taking advantage of the benefits that OKLCH provides.

[Truncated]

First Sub-Subsection page 02

Thu, 08 May 2025 17:39:03 GMT

Example 2 of a simple page

First Subsection page 02

Thu, 08 May 2025 17:39:03 GMT

Example 2 of a simple page

Theme Colors

Thu, 20 Jul 2023 11:10:15 GMT

Description

By default the theme uses the triadic color scheme (secondary colors angle set to 120deg) with the primary color hue angle set to 250deg.

:root {
 /* Using default values */
 --color-primary-hue: 250deg;
 --colors-secondary-hue-angle: 120deg;
}

Theme Colors (override)

Thu, 20 Jul 2023 08:07:24 GMT

Description

In this example we override the primary color hue angle to 200deg and the secondary colors angle to 330deg to have a Split-Complementary color scheme with left and right inverted.

:root {
 --color-primary-hue: 200deg;
 --colors-secondary-hue-angle: 210deg;
}

You can see the changes right here on this page.

First Sub-Subsection page 03

Sun, 25 May 2025 09:44:34 GMT

Example 3 of a simple page

First Subsection page 03

Sun, 25 May 2025 09:44:34 GMT

This page is not in the main menu

HTML elements

Thu, 20 Jul 2023 08:07:24 GMT

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

This is a paragraph with random content. Duis ut tempor mollit nisi exercitation et incididunt occaecat tempor aute ex cupidatat exercitation. Eiusmod incididunt ut enim sint pariatur. Tempor minim adipisicing quis Lorem sint sunt anim velit esse pariatur laborum.

This is another paragraph and this paragraph have a link to a footnote 1.

A blockquote paragraph inside a figure element.

[Truncated]

Web Feeds

Wed, 14 Jan 2026 08:16:25 GMT

Description

The Sine Die theme allows you to generate RSS and Atom web feeds for your Hugo website.

Configuration

Some changes are needed to the configuration of your Hugo website.

Add application/atom+xml to mediaTypes
Add atom to outputFormats (also change baseName for rss for consistency)
Add atom and rss to outputs for each page kind on which you want to enable web feed generation

If you are using a configuration directory, you can copy mediaTypes.yaml, outputFormats.yaml, and outputs.yaml from userguide/config/_default.

[Truncated]

Color Wheel

Fri, 30 May 2025 06:55:18 GMT

A circular diagram used to show the relationships between colors.

Color Theory

Tue, 27 May 2025 15:46:33 GMT

The study of how colors interact with each other and how they can influence people’s emotions and perceptions.

Example 1

Tue, 27 May 2025 15:46:33 GMT

Example 1 subsection

This is used to create examples for the use of glossary terms.

Color Harmonies

Tue, 27 May 2025 14:18:00 GMT

Definition

The term “color harmonies” refers to the creation of balanced and aesthetically pleasing color combinations based on the principles and concepts outlined in color theory.

Color combinations

Analogous

Complementary

Split-Complementary

Triadic

The triadic color harmony uses three colors equally spaced on the color wheel, forming a triangle, to create vibrant, balanced, and visually appealing color palette.

Second Subsection page 02

Sun, 25 May 2025 08:30:17 GMT

Example 2 of a simple page

Second Subsection page 01

Sun, 25 May 2025 08:30:10 GMT

Example 1 of a simple page

Simple page 02

Sun, 25 May 2025 08:07:24 GMT

The sidebar is collapsed.

Simple page 03

Sun, 25 May 2025 08:07:24 GMT

Example 3 of a simple page

Menubar

Sat, 17 May 2025 09:10:25 GMT

You can define entries for the primary navigation menu in the front matter block.

You can add the following in the content file that you want to define as a menu top entry:

# Example to add an entry named `documentation`
menus:
 main:
 identifier: documentation

And the following in the content files that you want to define as a sub-menu entry:

# Example to add `documentation` sub-menu entry
menus:
 main:
 parent: documentation

Sections and subpages

To define menu entries for an entire section, you can use cascade.

[Truncated]

Transpiler

Thu, 08 May 2025 16:10:15 GMT

A software that convert from one source code language to another.

Simple page 01

Tue, 01 Apr 2025 17:28:15 GMT

You can use mermaid in your Markdown content.

For example:

## Mermaid

A mermaid diagram example.

```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!
```

Will be rendered as:

Mermaid

A mermaid diagram example.

 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!

Simple page 04

Tue, 11 Mar 2025 03:57:42 GMT

The sidebar is empty and hidden.

Simple page 05

Tue, 11 Mar 2025 03:57:42 GMT

Example 5 of a simple page

Simple page 06

Tue, 11 Mar 2025 03:57:42 GMT

Example 6 of a simple page

Simple page 07

Tue, 11 Mar 2025 03:57:42 GMT

Example 7 of a simple page

Simple page 08

Tue, 11 Mar 2025 03:57:42 GMT

Example 8 of a simple page

Simple page 09

Tue, 11 Mar 2025 03:57:42 GMT

Example 9 of a simple page

Simple page 10

Tue, 11 Mar 2025 03:57:42 GMT

Example 10 of a simple page

Simple page 11

Tue, 11 Mar 2025 03:57:42 GMT

Example 11 of a simple page

Sine Die

First Sub-Subsection page 01

First Subsection page 01

Color Palette

First Sub-Subsection page 02

First Subsection page 02

Theme Colors

Description

Theme Colors (override)

Description

First Sub-Subsection page 03

First Subsection page 03

HTML elements

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Web Feeds

Description

Configuration

Color Wheel

Color Theory

Example 1

Example 1 subsection

Color Harmonies

Definition

Color combinations

Analogous

Complementary

Split-Complementary

Triadic

Second Subsection page 02

Second Subsection page 01

Simple page 02

Simple page 03

Menubar

Menu entries

Sections and subpages

Transpiler

Simple page 01

Mermaid

Simple page 04

Simple page 05

Simple page 06

Simple page 07

Simple page 08

Simple page 09

Simple page 10

Simple page 11