Styles

This page lists styles overrides created in assets/scss/custom.scss.

Inline images

Remove padding and margins, set display: inline;.

How to use:

<img src="business.jpg" class="inline" />

The img shortcode

This one can be used in code fences.

{{< img src="" [alt=""] [class=""] [title=""] >}}

Videos

{{< video library="true" src="https://static.alexandre.deverteuil.net/video/filename.mp4" controls="yes" >}}

The edit shortcode

How to use:

{{% edit %}}
À réviser
{{% /edit %}}

Will render as:

<p class="edit">
À réviser
</p>

And looks like this:

À réviser

I can also use Goldmark custom attributes support.

Paragraphe à réviser
{.edit}
My blog editing process is described in more details in Blog writing process.

Superscripts and subscripts

Copy/paste the Unicode characters.

CategoryCharacters
Superscriptsx⁰, x¹, x², x³, x⁴, x⁵, x⁶, x⁷, x⁸, x⁹, x⁺, x⁻, x⁼, x⁽, x⁾, xⁿ
Subscriptsx₀, x₁, x₂, x₃, x₄, x₅, x₆, x₇, x₈, x₉, x₊, x₋, x₌, x₍, x₎, xₙ
Lettersxⁱ, xₐ, xₑ, xₒ, xₓ, xₔ, xₕ, xₖ, xₗ, xₘ, xₙ, xₚ, xₛ, xₜ, ,

Source: Superscripts and subscripts unicode block

Code blocks

```nohighlight
Preformatted text with no automatic syntax highlighting.
```

```bash
#!/bin/bash
```

Poem

I have a custom shortcode and scss for poems.

{{< poem >}}
a poem
{{< /poem >}}

a poem

Icons

Docs: https://wowchemy.com/docs/getting-started/page-builder/#icons

[{{< icon name="external-link-alt" pack="fas" >}} External link](/)

Renders as: External link

Callouts

Docs: https://wowchemy.com/docs/content/writing-markdown-latex/#callouts



<div class="alert alert-note">
  <div>
    
  </div>
</div>


<div class="alert alert-warning">
  <div>
    
  </div>
</div>

Override layouts/shortcodes/gallery.html and custom CSS in custom.scss.

Width automatically adjusted for portrait and landscape pictures.

  • Filename containing -f.: full width.
  • Filename containing -l.: large (2 columns, 2 rows).
Next