79 lines
1.8 KiB
HTML
79 lines
1.8 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<title>Arbeitskampf</title>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<style>
|
||
body {
|
||
margin: 0px;
|
||
overflow: hidden;
|
||
font-family: sans-serif;
|
||
}
|
||
|
||
.container {
|
||
height: 100vh;
|
||
width: 100vw;
|
||
}
|
||
|
||
.container img {
|
||
width: 100%;
|
||
height: 100%;
|
||
object-fit: cover;
|
||
}
|
||
|
||
@media (min-aspect-ratio: 3/4) {
|
||
.container img {
|
||
object-fit: contain;
|
||
}
|
||
}
|
||
|
||
.attribution {
|
||
position: absolute;
|
||
padding: 1em;
|
||
bottom: 0px;
|
||
left: 0px;
|
||
background: #0000007f;
|
||
border-top-right-radius: 16px;
|
||
max-width: calc(67vw - 2em);
|
||
}
|
||
|
||
.disclaimer {
|
||
position: absolute;
|
||
padding: 1em;
|
||
bottom: 0px;
|
||
right: 0px;
|
||
background: #0000007f;
|
||
border-top-left-radius: 16px;
|
||
max-width: calc(33vw - 2em);
|
||
}
|
||
|
||
.attribution a {
|
||
text-decoration: none;
|
||
color: white;
|
||
}
|
||
|
||
.disclaimer details {
|
||
font-size: .75rem;
|
||
margin: 0px;
|
||
color: white;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div class="container">
|
||
<a href="https://www.gdl.de/"><img src="weselsky.webp" alt="Claus Weselsky"></a>
|
||
</div>
|
||
<div class="attribution">
|
||
<a href="https://commons.wikimedia.org/wiki/File:Claus_Weselsky_2015-01_B.jpg">Bild von MagentaGreen/Martha Doerfler</a>
|
||
</div>
|
||
<div class="disclaimer">
|
||
<details>
|
||
<summary>Disclaimer</summary>
|
||
<p>Diese Seite steht in keinem Verhältnis zu Claus Weselsky oder der GDL.</p>
|
||
<p><a href="https://git.sbruder.de/www/arbeitskampf.work">Quelltext</a></p>
|
||
</details>
|
||
</div>
|
||
</body>
|
||
</html>
|