diff options
Diffstat (limited to 'layouts/shortcodes')
-rw-r--r-- | layouts/shortcodes/mermaid.html | 2 | ||||
-rw-r--r-- | layouts/shortcodes/tabs.html | 24 |
2 files changed, 20 insertions, 6 deletions
diff --git a/layouts/shortcodes/mermaid.html b/layouts/shortcodes/mermaid.html index d156f07..0d4ff86 100644 --- a/layouts/shortcodes/mermaid.html +++ b/layouts/shortcodes/mermaid.html @@ -1,6 +1,6 @@ {{ if not (.Page.Scratch.Get "mermaid") }} <!-- Include mermaid only first time --> -<script src="{{ "mermaid.min.js" | absURL }}"></script> +<script src="{{ "mermaid.min.js" | relURL }}"></script> {{ .Page.Scratch.Set "mermaid" true }} {{ end }} diff --git a/layouts/shortcodes/tabs.html b/layouts/shortcodes/tabs.html index 65c1f02..b6390df 100644 --- a/layouts/shortcodes/tabs.html +++ b/layouts/shortcodes/tabs.html @@ -2,18 +2,32 @@ {{ $id := .Get 0 }} {{ $group := printf "tabs-%s" $id }} +<!-- <div class="book-tabs"> <div class="book-tabs-head"> - {{ range $index, $tab := .Scratch.Get $group}} + {{ range $index, $tab := .Scratch.Get $group }} <label for="{{ printf "%s-%d" $group $index }}"> - <span>{{ $tab.Name }}</span> + {{ $tab.Name }} </label> {{ end }} </div> - {{ range $index, $tab := .Scratch.Get $group}} + {{ range $index, $tab := .Scratch.Get $group }} <input type="radio" name="{{ $group }}" style="display: none;" id="{{ printf "%s-%d" $group $index }}" {{ if not $index }}checked="checked"{{ end }} /> - <div class="book-tabs-content markdown-inner"> - <span>{{ .Content | markdownify }}</span> + <div class="book-tabs-content book-tabs-{{ $index }} markdown-inner"> + {{ .Content | markdownify }} </div> {{ end }} </div> +--> + +<div class="book-tabs"> +{{ range $index, $tab := .Scratch.Get $group }} + <input type="radio" name="{{ $group }}" style="display: none;" id="{{ printf "%s-%d" $group $index }}" {{ if not $index }}checked="checked"{{ end }} /> + <label for="{{ printf "%s-%d" $group $index }}"> + {{ $tab.Name }} + </label> + <div class="book-tabs-content markdown-inner"> + {{ .Content | markdownify }} + </div> +{{ end }} +</div> |