Update contents and email address

This commit is contained in:
b12f 2024-10-03 19:05:17 +02:00
parent 63800cc25f
commit cd6433e74a
Signed by: b12f
GPG key ID: 729956E1124F8F26

View file

@ -1,7 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<title>Momo eG</title> <title>Momo IT</title>
<style> <style>
* { * {
@ -9,14 +9,20 @@
} }
html { html {
font-size: 3vh; font-size: 24px;
font-weight: 800; font-weight: 400;
font-style: italic; line-height: 1.4;
} }
@media (min-width: 800px) { @media (min-width: 1000px) {
html { html {
font-size: 4vh; font-size: 36px;
}
}
@media (min-width: 1800px) {
html {
font-size: 48px;
} }
} }
@ -40,56 +46,41 @@
} }
.logo { .logo {
text-align: right; font-weight: 800;
font-style: italic;
} }
.realness { .realness {
display: block; display: block;
margin-left: 2rem; margin-left: 2rem;
} font-style: italic;
@media (min-width: 800px) {
.realness {
display: inline;
margin-left: 0rem;
}
} }
h1 { h1 {
font-size: 2rem; font-size: 2rem;
line-height: 1;
font-weight: 800; font-weight: 800;
font-style: normal; font-style: normal;
line-height: 1.25;
} }
@media (min-width: 800px) { @media (min-width: 1000px) {
h1 { h1 {
margin-bottom: 2rem; margin-bottom: 2rem;
} }
} }
@media (min-width: 800px) {
p {
max-width: 1200px;
margin-top: 0;
}
}
footer { footer {
margin-top: auto; margin-top: 1rem;
} font-weight: 600;
@media (min-width: 800px) {
footer {
margin-top: 1rem;
}
} }
a { a {
display: inline-block;
word-wrap: break-word; word-wrap: break-word;
line-break: normal; line-break: normal;
color: white; color: white;
text-decoration: none; text-decoration: none;
margin-left: 2rem;
} }
a:hover { a:hover {
@ -108,18 +99,17 @@
<body> <body>
<main> <main>
<div class="logo"> <div class="logo">
Momo eG Momo IT
</div> </div>
<h1>&lt;&gt; <span class="realness">IT ain't easy</span> &lt;/&gt;</h1> <h1>&lt;&gt; <span class="realness">We engineer and operate.</span> &lt;/&gt;</h1>
<p> <p>
We are a collective of professionals from around the field of IT. We are currently in the process of founding a German cooperative (e.G.). We have experience running large-scale, performant, linux-based infrastructures,
</p> and follow projects from planning to development into operations.
<p>
We are here to help you plan, design, develop, and operate solutions in the information technology space.
</p> </p>
<footer> <footer>
<p> <p>
<a href="mailto:everyone@list.momo.koeln"> Find us in Cologne, Germany.
<a href="mailto:mail@momo.koeln">
<svg <svg
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24" viewBox="0 0 24 24"
@ -132,7 +122,7 @@
> >
<path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path> <path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path>
<polyline points="22,6 12,13 2,6"></polyline> <polyline points="22,6 12,13 2,6"></polyline>
</svg>everyone@list.momo.koeln </svg>mail@momo.koeln
</a> </a>
</p> </p>
</footer> </footer>