Skip to content

Sonja's test: 404.html new layout with 6 images #210

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
sonjafischbauer wants to merge 6 commits into
base: main
Choose a base branch
from
Open

Sonja's test: 404.html new layout with 6 images #210

Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
ac11388
Update 404.html - test 1 image
sonjafischbauer Aug 13, 2025
7962642
Update 404.html - center image, change image
sonjafischbauer Aug 13, 2025
4f9bca2
Update 404.html - center image
sonjafischbauer Aug 13, 2025
8223833
Update 404.html
sonjafischbauer Aug 13, 2025
3f76834
Update 404.html - layout 6 images
sonjafischbauer Aug 13, 2025
a278106
Update 404.html
sonjafischbauer Aug 13, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
132 changes: 31 additions & 101 deletions layouts/404.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,141 +3,71 @@
{{ end }}

{{ define "head" }}
<style>img { width:100%; height: auto; }</style>
<style>
img {
width: 100%;
height: auto;
display: block;
}
figure {
margin: 0;
}
</style>
{{ end }}

{{ define "main"}}
{{ define "main" }}
<main>
<div class="container">
<div class="row l__content">
<h1 class="col col-12">Hier gibt’s leider nichts zu sehen.</h1>
<div class="col col-12 col-md-6">
<p>Wie wäre es stattdessen mit ein paar Bildern und Gifs von uns und unseren Events?</p>
<div class="col col-12">
<p>Nothing to see here, sorry.</p>
</div>
</div>

<div class="row mb-l">
<!-- First column -->
<div class="col col-12 col-md-6">
<figure class="license">
<img src="/files/jobs/transparenzgesetz.jpg" alt="">
<figcaption>Foto: </figcaption>
<img src="/files/images/jahresbericht1.png" alt="">
</figure>
<div class="row mt-xs">
<div class="col col-md-6">
<div class="col col-6">
<figure class="license">
<img src="/files/jobs/datenschule_ws.jpg" alt="">
<figcaption>Foto: </figcaption>
<img src="/files/images/studie2.jpg" alt="">
</figure>
</div>
<div class="col col-md-6">
<div class="col col-6">
<figure class="license">
<img src="/files/jobs/ulm_shruggie.jpg" alt="">
<figcaption>Foto: </figcaption>
</figure>
</div>
</div>
<div class="row mt-xs">
<div class="col col-6 col-md-6">
<figure class="license">
<img src="/files/jobs/tursic_weihnachtsfeier.jpg" alt="">
<figcaption>Foto: </figcaption>
</figure>
</div>
<div class="col col-6 col-md-6">
</div>

<!-- Second column -->
<div class="col col-12 col-md-6">
<div class="row">
<div class="col col-12">
<figure class="license">
<img src="/files/jobs/ulm.jpg" alt="">
<figcaption>Foto: </figcaption>
<img src="/files/images/policy5.jpg" alt="">
</figure>
</div>
</div>
<div class="row mt-xs">
<div class="col col-6 col-md-6">
<div class="col col-6">
<figure class="license">
<img src="/files/jobs/republica_2018.jpg" alt="">
<figcaption>Foto: </figcaption>
<img src="/files/images/sonstiges6.jpg" alt="">
</figure>
</div>
<div class="col col-6 col-md-6">
<div class="col col-6">
<figure class="license">
<img src="/files/jobs/fds_widerspruch.jpg" alt="">
<figcaption>Foto: </figcaption>
<img src="/files/images/handbuch2.jpg" alt="">

</figure>
</div>
</div>
</div>
<div class="col col-md-6">
<div class="row">
<div class="col col-md-6">
<figure class="license">
<img src="/files/jobs/adriana.jpg" alt="">
<figcaption>Foto: </figcaption>
</figure>
</div>
<div class="col col-md-6">
<figure class="license">
<img src="/files/jobs/bits_baeume.jpg" alt="">
<figcaption>Foto: </figcaption>
</figure>
</div>
</div>
<div class="row mt-xs">
<div class="col col-12 col-md-6">
<div class="row">
<div class="col col-6 col-md-12">
<figure class="license">
<img src="/files/jobs/republica_2018.jpg" alt="">
<figcaption>Foto: </figcaption>
</figure>
</div>
<div class="col col-6 col-md-12 mt-xs">
<figure class="license">
<img src="/files/jobs/ediatathon.jpg" alt="">
<figcaption>Foto: </figcaption>
</figure>
</div>
<div class="col col-6 col-md-12 mt-xs">
<figure class="license">
<img src="/files/jobs/demokratielabore_sticker.jpg" alt="">
<figcaption>Foto: </figcaption>
</figure>
</div>
</div>
</div>
<div class="col col-12 col-md-6">
<div class="row">
<div class="col col-6 col-md-12">
<figure class="license">
<img src="/files/jobs/alpaka_lea.jpg" alt="">
<figcaption>Foto: </figcaption>
</figure>
</div>
<div class="col col-6 col-md-12 mt-xs">
<figure class="license">
<img src="/files/jobs/weihnachtsmarkt.jpg" alt="">
<figcaption>Foto: </figcaption>
</figure>
</div>
<div class="col col-6 col-md-12 mt-xs">
<figure class="license">
<img src="/files/jobs/bretter.jpg" alt="">
<figcaption>Foto: </figcaption>
</figure>
</div>
<div class="col col-6 col-md-12 mt-xs">
<figure class="license">
<img src="/files/jobs/datensummit.jpg" alt="">
<figcaption>Foto: </figcaption>
</figure>
</div>
<div class="col col-6 col-md-12 mt-xs">
<figure class="license">
<img src="https://placekitten.com/262/190" alt="">
<figcaption>Foto: </figcaption>
</figure>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
Expand Down