FSR/webseite
28
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

details shortcode

Browse source
This commit is contained in:
Jannik Menzel 2025-05-16 13:39:24 +02:00
parent d816a951dc
commit cc2fa1cea5
9 changed files with 414 additions and 249 deletions
Download patch file Download diff file Expand all files Collapse all files

4
layouts/shortcodes/cards.html Normal file
View file

@ -0,0 +1,4 @@
<div class="cards">
<h2>{{ .Get "title" }}</h2>
{{ .Inner | markdownify }}
</div>

25
layouts/shortcodes/details.html Normal file
View file

@ -0,0 +1,25 @@
<div class="details" onclick="toggleDetails(this)">
<div class="details-header">
<h2 class="details-text">
{{ with .Get "number" }}<span class="details-number">{{ . }}</span> {{ end }}
{{ .Get "title" }}
</h2>
<div class="details-icon">
<svg class="icon-plus" viewBox="0 0 24 24" fill="none"
xmlns="http://www.w3.org/2000/svg">
<circle cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5"/>
<path d="M15 12H9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
<path d="M15 12H9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
transform="rotate(90 12 12)"/>
</svg>
<svg class="icon-minus" style="display: none;" viewBox="0 0 24 24" fill="none"
xmlns="http://www.w3.org/2000/svg">
<circle cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5"/>
<path d="M15 12H9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
</svg>
</div>
</div>
<div class="details-content">
{{ .Inner | markdownify }}
</div>
</div>