Update background, add mail icon

main
Benjamin Bädorf 2023-06-01 11:23:22 +02:00
parent 87e072c427
commit 9ac91e7643
No known key found for this signature in database
GPG Key ID: 4406E80E13CD656C
1 changed files with 50 additions and 19 deletions

View File

@ -22,14 +22,21 @@
body {
margin: 0;
padding: 0;
font-family: Source Sans Pro, Open Sans, sans-serif;
color: white;
display: flex;
flex-direction: column;
}
main {
padding: 1rem;
display: flex;
flex-direction: column;
font-family: Source Sans Pro, Open Sans, sans-serif;
background: radial-gradient(circle, rgba(255, 0, 230, 1) 0%, rgba(255, 0, 67, 1) 100%);
color: white;
height: 100vh;
width: 100vw;
width: 100%;
height: auto;
min-height: 100vh;
background: radial-gradient(farthest-corner at -5% -5%, rgb(255, 0, 200) 0%, rgb(230, 0, 67) 100%);
}
.logo {
@ -74,7 +81,7 @@
@media (min-width: 800px) {
footer {
margin-top: 0;
margin-top: 1rem;
}
}
@ -88,9 +95,18 @@
a:hover {
text-decoration: underline;
}
.feather {
display: inline-block;
vertical-align: sub;
margin-right: 0.5rem;
width: 1rem;
height: 1rem;
}
</style>
</head>
<body>
<main>
<div class="logo">
Momo eG
</div>
@ -99,12 +115,27 @@
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.).
</p>
<p>
We are here to help you plan, design, develop, end operate solutions in the information technology space.
We are here to help you plan, design, develop, and operate solutions in the information technology space.
</p>
<footer>
<p>
<a href="mailto:everyone@list.momo.koeln">everyone@list.momo.koeln</a>
<a href="mailto:everyone@list.momo.koeln">
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
class="feather feather-mail"
>
<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>
</svg>everyone@list.momo.koeln
</a>
</p>
</footer>
</main>
</body>
</html>