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,23 +95,47 @@
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>
<div class="logo"> <main>
Momo eG <div class="logo">
</div> Momo eG
<h1>&lt;&gt; <span class="realness">IT ain't easy</span> &lt;/&gt;</h1> </div>
<p> <h1>&lt;&gt; <span class="realness">IT ain't easy</span> &lt;/&gt;</h1>
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.
</p>
<footer>
<p> <p>
<a href="mailto:everyone@list.momo.koeln">everyone@list.momo.koeln</a> 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>
</footer> <p>
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">
<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> </body>
</html> </html>