Update background, add mail icon

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

View file

@ -22,14 +22,21 @@
body { body {
margin: 0; margin: 0;
padding: 0;
font-family: Source Sans Pro, Open Sans, sans-serif;
color: white;
display: flex;
flex-direction: column;
}
main {
padding: 1rem; padding: 1rem;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
font-family: Source Sans Pro, Open Sans, sans-serif; width: 100%;
background: radial-gradient(circle, rgba(255, 0, 230, 1) 0%, rgba(255, 0, 67, 1) 100%); height: auto;
color: white; min-height: 100vh;
height: 100vh; background: radial-gradient(farthest-corner at -5% -5%, rgb(255, 0, 200) 0%, rgb(230, 0, 67) 100%);
width: 100vw;
} }
.logo { .logo {
@ -74,7 +81,7 @@
@media (min-width: 800px) { @media (min-width: 800px) {
footer { footer {
margin-top: 0; margin-top: 1rem;
} }
} }
@ -88,9 +95,18 @@
a:hover { a:hover {
text-decoration: underline; text-decoration: underline;
} }
.feather {
display: inline-block;
vertical-align: sub;
margin-right: 0.5rem;
width: 1rem;
height: 1rem;
}
</style> </style>
</head> </head>
<body> <body>
<main>
<div class="logo"> <div class="logo">
Momo eG Momo eG
</div> </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.). 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>
<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> </p>
<footer> <footer>
<p> <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> </p>
</footer> </footer>
</main>
</body> </body>
</html> </html>