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

10
snippets/images.html
View File

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