diff options
| author | Adam Whitlock <adam@adamwhitlock.com> | 2022-01-04 21:28:01 -0600 |
|---|---|---|
| committer | Adam Whitlock <adam@adamwhitlock.com> | 2022-01-04 21:48:33 -0600 |
| commit | 1f85dce9de0f94cb0deb0f4664ee75036ce11944 (patch) | |
| tree | bda8997e968eee209178e0c02fef3a9323f854ea | |
| parent | 688365be7bc6b1e3ffac837956aafa33fd5a20de (diff) | |
Fixed header image import, added shortcodes
Any file matching "header.*" will now be used as a header.
Added shortcodes to site for centering images and text.
Updated README.md to reflect shortcodes.
| -rw-r--r-- | README.md | 15 | ||||
| -rw-r--r-- | layouts/_default/single.html | 2 | ||||
| -rw-r--r-- | layouts/index.html | 2 | ||||
| -rw-r--r-- | layouts/shortcodes/center-image.html | 10 | ||||
| -rw-r--r-- | layouts/shortcodes/center.html | 3 |
5 files changed, 30 insertions, 2 deletions
@@ -280,6 +280,21 @@ You can reference any content in the page bundle, such as additional images, in  ``` +##### Shortcodes + +###### Centered Text + +Example: + +{{% center %}}Text to be centered{{% /center %}} + + +###### Centered Image + +{{% center-image +src="x400_board.png" +alt="This is sample image" %}} + ## Site Local Assets and Online Dependencies diff --git a/layouts/_default/single.html b/layouts/_default/single.html index 9abdc75..4ac5d36 100644 --- a/layouts/_default/single.html +++ b/layouts/_default/single.html @@ -4,7 +4,7 @@ <div class="columns"> <div class="column"> <figure class="image "> - {{ with .Resources.GetMatch "header.jpg" }} + {{ with .Resources.GetMatch "header.*" }} <img src="data:{{ .MediaType }};base64,{{ .Content | base64Encode }}"> {{ end }} </figure> diff --git a/layouts/index.html b/layouts/index.html index 4e796ec..5f5b88d 100644 --- a/layouts/index.html +++ b/layouts/index.html @@ -22,7 +22,7 @@ <div class="columns"> <div class="column"> <figure class="image "> - {{ with .Resources.GetMatch "header.jpg" }} + {{ with .Resources.GetMatch "header.*" }} <img src="data:{{ .MediaType }};base64,{{ .Content | base64Encode }}"> {{ end }} </figure> diff --git a/layouts/shortcodes/center-image.html b/layouts/shortcodes/center-image.html new file mode 100644 index 0000000..e60217b --- /dev/null +++ b/layouts/shortcodes/center-image.html @@ -0,0 +1,10 @@ +{{ $src := .Get "src" }} +{{ $alt := .Get "alt" }} + +<div class="columns is-centered"> + <img + src="{{ $src }}" + alt="{{ $alt }}" + decoding="async" + /> +</div>
\ No newline at end of file diff --git a/layouts/shortcodes/center.html b/layouts/shortcodes/center.html new file mode 100644 index 0000000..93a13f1 --- /dev/null +++ b/layouts/shortcodes/center.html @@ -0,0 +1,3 @@ +<div class="columns is-centered"> + {{.Inner}} +</div>
\ No newline at end of file |