mummert/pinboard-bundle
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refine muuri pinboard layout, spacing and remove randomization

Browse Source
This commit is contained in:
Jürgen Mummert
2026-03-04 18:38:19 +01:00
parent c863ab98f0
commit ab5e9b30b5
4 changed files with 99 additions and 131 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
contao/templates/frontend/pinnwand.html.twig
View File

@@ -12,20 +12,22 @@
data-seed="{{ entry.id }}"
aria-label="{{ entry.headline }}"
>
{% if entry.imageFigure %}
<figure class="pin-note__image-wrap">
{% with {figure: entry.imageFigure} %}{{ block('figure_component') }}{% endwith %}
</figure>
{% endif %}
<div class="pin-note__inner" data-pin-note-inner>
{% if entry.imageFigure %}
<figure class="pin-note__image-wrap">
{% with {figure: entry.imageFigure} %}{{ block('figure_component') }}{% endwith %}
</figure>
{% endif %}
<h3 class="pin-note__headline">{{ entry.headline }}</h3>
<div class="pin-note__text">{{ entry.text|e|nl2br }}</div>
<h3 class="pin-note__headline">{{ entry.headline }}</h3>
<div class="pin-note__text">{{ entry.text|e|nl2br }}</div>
{% if entry.link %}
<p class="pin-note__link-wrap">
<a href="{{ entry.link }}" class="pin-note__link" target="_blank" rel="noopener">Mehr erfahren</a>
</p>
{% endif %}
{% if entry.link %}
<p class="pin-note__link-wrap">
<a href="{{ entry.link }}" class="pin-note__link" target="_blank" rel="noopener">Mehr erfahren</a>
</p>
{% endif %}
</div>
</article>
{% else %}
<p class="pinboard__empty">Keine veröffentlichten Pinnwandeinträge vorhanden.</p>
@@ -33,4 +35,5 @@
</div>
</section>
<script src="https://cdn.jsdelivr.net/npm/muuri@0.9.5/dist/muuri.min.js" defer></script>
<script src="{{ asset('bundles/contaopinboard/assets/pinboard.js') }}" defer></script>