momo/momo.coop
3
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Update background, add mail icon

Browse source
This commit is contained in:
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
Show stats Download patch file Download diff file Expand all files Collapse all files

47
index.html
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>