drpuur
/
mini-beieli-web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

test with multicolumn images

This commit is contained in:
Joerg Lehmann 2025-09-19 19:40:58 +02:00
parent cc7d1eafee
commit 547da06a6f
1 changed files with 30 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
snippets/images.html
View File

@ -1,27 +1,37 @@
{{define "body_content"}}
<div class="box">
<div class="image">
<img src="/static/images/mini-beieli-eine-waage.jpeg" alt="Detail eine Waage">
<div class="columns is-multiline">
<div class="column is-half">
<div class="box">
<div class="image">
<img src="/static/images/mini-beieli-eine-waage.jpeg" alt="Detail eine Waage">
</div>
<div class="mt-2">Ansicht auf eine Waage</div>
</div>
</div>
<div class="mt-2">Ansicht auf eine Waage</div>
</div>
<div class="box">
<div class="image">
<img src="/static/images/mini-beieli-eine-waage-nur-boexli.jpeg" alt="Waage (Boexli)">
<div class="column is-half">
<div class="box">
<div class="image">
<img src="/static/images/mini-beieli-eine-waage-nur-boexli.jpeg" alt="Waage (Boexli)">
</div>
<hr />
<div class="mt-2">Ansicht auf die Box mit der Elektronik/Uebertragungseinheit</div>
</div>
</div>
<hr />
<div class="mt-2">Ansicht auf die Box mit der Elektronik/Uebertragungseinheit</div>
</div>
<div class="box">
<div class="image">
<img src="/static/images/mini-beieli-bestueckte-leiterplatte.jpeg" alt="Bestueckte Leiterplatte">
<div class="column is-half">
<div class="box">
<div class="image">
<img src="/static/images/mini-beieli-bestueckte-leiterplatte.jpeg" alt="Bestueckte Leiterplatte">
</div>
<div class="mt-2">Best&uuml;ckte Leiterplatte (ohne Akku)</div>
</div>
</div>
<div class="mt-2">Best&uuml;ckte Leiterplatte (ohne Akku)</div>
</div>
<div class="box">
<div class="image">
<img src="/static/images/mini-beieli-auflage.png" alt="Auflage Aluminium">
<div class="column is-half">
<div class="box">
<div class="image">
<img src="/static/images/mini-beieli-auflage.png" alt="Auflage Aluminium">
</div>
<div class="mt-2">CAD Zeichnung Aluminium-Auflage (CNC gefr&auml;st, eloxiert)</div>
</div>
</div>
<div class="mt-2">CAD Zeichnung Aluminium-Auflage (CNC gefr&auml;st, eloxiert)</div>
</div>
{{end}}