mirror of https://github.com/jpanther/congo.git
Merge 1c3768f56b
into f31082dec8
commit
8cca0c94fd
|
@ -9,6 +9,10 @@ This article offers a sample of basic Markdown formatting that can be used in Co
|
||||||
|
|
||||||
<!--more-->
|
<!--more-->
|
||||||
|
|
||||||
|
## Image
|
||||||
|
|
||||||
|
![sample image](thumb-surendran-mp-IhWYiwSxm8g-unsplash.jpg)
|
||||||
|
|
||||||
## Headings
|
## Headings
|
||||||
|
|
||||||
The following HTML `<h1>`—`<h6>` elements represent six levels of section headings. `<h1>` is the highest section level while `<h6>` is the lowest.
|
The following HTML `<h1>`—`<h6>` elements represent six levels of section headings. `<h1>` is the highest section level while `<h6>` is the lowest.
|
||||||
|
|
|
@ -23,6 +23,11 @@
|
||||||
{{ end }}
|
{{ end }}
|
||||||
{{ with $resource }}
|
{{ with $resource }}
|
||||||
<figure>
|
<figure>
|
||||||
|
{{ if ne .MediaType.SubType "svg" }}
|
||||||
|
{{ $lqip := .Resize "20x webp" }}
|
||||||
|
<div class="mx-auto my-0 rounded-md"
|
||||||
|
style="background: url(data:image/webp;base64,{{ $lqip.Content | base64Encode }}); background-size: cover">
|
||||||
|
{{ end }}
|
||||||
<img
|
<img
|
||||||
class="mx-auto my-0 rounded-md"
|
class="mx-auto my-0 rounded-md"
|
||||||
{{ if eq .MediaType.SubType "svg" }}
|
{{ if eq .MediaType.SubType "svg" }}
|
||||||
|
@ -46,6 +51,9 @@
|
||||||
loading="lazy"
|
loading="lazy"
|
||||||
{{ end }}
|
{{ end }}
|
||||||
/>
|
/>
|
||||||
|
{{ if ne .MediaType.SubType "svg" }}
|
||||||
|
</div>
|
||||||
|
{{ end }}
|
||||||
{{ with $caption }}<figcaption class="text-center">{{ . | markdownify }}</figcaption>{{ end }}
|
{{ with $caption }}<figcaption class="text-center">{{ . | markdownify }}</figcaption>{{ end }}
|
||||||
</figure>
|
</figure>
|
||||||
{{ else }}
|
{{ else }}
|
||||||
|
|
Loading…
Reference in New Issue