diff options
| author | zwbetz-gh <zwbetz@gmail.com> | 2021-12-08 06:36:34 +0300 |
|---|---|---|
| committer | zwbetz-gh <zwbetz@gmail.com> | 2021-12-08 06:36:34 +0300 |
| commit | cd81179a5abbe8915879b1a5c9eec58757aaad84 (patch) | |
| tree | 220c0a73a28115981a2a326872d39a5df84b8a31 | |
| parent | 83b6770fa0eef20b860a6c77e4b42d240c95755a (diff) | |
address #13
| -rw-r--r-- | exampleSite/.hugo_build.lock | 0 | ||||
| -rw-r--r-- | exampleSite/content/post/papercss-shortcodes/index.md | 20 | ||||
| -rw-r--r-- | layouts/shortcodes/collapsible.html | 16 |
3 files changed, 36 insertions, 0 deletions
diff --git a/exampleSite/.hugo_build.lock b/exampleSite/.hugo_build.lock new file mode 100644 index 0000000..e69de29 --- /dev/null +++ b/exampleSite/.hugo_build.lock diff --git a/exampleSite/content/post/papercss-shortcodes/index.md b/exampleSite/content/post/papercss-shortcodes/index.md index 632f856..28080bc 100644 --- a/exampleSite/content/post/papercss-shortcodes/index.md +++ b/exampleSite/content/post/papercss-shortcodes/index.md @@ -5,6 +5,26 @@ tags: [shortcodes] show_summary: false --- +## collapsible + +``` +{{</* collapsible "First" */>}} +Bacon ipsum dolor sit amet beef venison beef ribs kielbasa. +{{</* /collapsible */>}} + +{{</* collapsible "Second" */>}} +Bacon ipsum dolor sit amet landjaeger sausage brisket. +{{</* /collapsible */>}} +``` + +{{< collapsible "First" >}} +Bacon ipsum dolor sit amet beef venison beef ribs kielbasa. +{{< /collapsible >}} + +{{< collapsible "Second" >}} +Bacon ipsum dolor sit amet landjaeger sausage brisket. +{{< /collapsible >}} + ## border ``` diff --git a/layouts/shortcodes/collapsible.html b/layouts/shortcodes/collapsible.html new file mode 100644 index 0000000..7028883 --- /dev/null +++ b/layouts/shortcodes/collapsible.html @@ -0,0 +1,16 @@ +{{ $summary := .Get 0 | markdownify }} +{{ $body := .Inner | markdownify }} + +{{ $seed := "yolo" }} +{{ $random := delimit (shuffle (split (md5 $seed) "" )) "" }} +{{ $id := printf "collapsible_%s" $random }} + +<div class="collapsible"> + <input id="{{ $id }}" type="checkbox" name="collapsible"> + <label for="{{ $id }}"> + {{ $summary }} + </label> + <div class="collapsible-body"> + {{ $body }} + </div> +</div> |