forked from pub-solar/pub.solar
122 lines
3.2 KiB
HTML
122 lines
3.2 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title>Miom</title>
|
|
<meta name="theme-color" content="#000000" id="theme-color" />
|
|
|
|
<meta name="description" content="miom">
|
|
<meta name="Keywords" content="">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com">
|
|
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap" rel="stylesheet">
|
|
<style>
|
|
* {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
body {
|
|
font-family: 'Bebas Neue', cursive;
|
|
font-size: 16px;
|
|
text-transform: uppercase;
|
|
background: black;
|
|
color: white;
|
|
font-weight: bold;
|
|
margin: 0;
|
|
width: 100vw;
|
|
overflow-x: hidden;
|
|
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: stretch;
|
|
}
|
|
|
|
@media screen and (min-width: 1200px) {
|
|
body {
|
|
flex-direction: row;
|
|
align-items: center;
|
|
}
|
|
}
|
|
|
|
.logo {
|
|
display: flex;
|
|
justify-content: center;
|
|
flex-shrink: 0;
|
|
flex-grow: 0;
|
|
width: 200px;
|
|
margin: 4rem;
|
|
}
|
|
|
|
@media screen and (min-width: 1200px) {
|
|
.logo {
|
|
flex-shrink: 1;
|
|
flex-basis: 30%;
|
|
}
|
|
}
|
|
|
|
img {
|
|
max-width: 100%;
|
|
}
|
|
|
|
main {
|
|
flex-grow: 1;
|
|
flex-shrink: 0;
|
|
flex-basis: 70%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin: 4rem;
|
|
max-width: 70vw;
|
|
}
|
|
|
|
h1, p {
|
|
margin: 0;
|
|
}
|
|
|
|
h1 {
|
|
margin-bottom: 2rem;
|
|
font-size: 7rem;
|
|
line-height: 7rem;
|
|
}
|
|
|
|
p {
|
|
font-size: 4rem;
|
|
line-height: 5rem;
|
|
}
|
|
|
|
a {
|
|
text-decoration: none;
|
|
color: #f62ec4;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="logo">
|
|
<img src="./miom-logo-svg.svg" />
|
|
</div>
|
|
<main>
|
|
<h1>When there is no chaos, there is no definition 4 discipline</h1>
|
|
<p><a href="#" title="Julian Gerullis" target="_blank">@iamjuju.studio</a> does design & objects</p>
|
|
<p><a href="#" title="Constantin Pannwitz" target="_blank">@pannwitz_</a> does design & creativism</p>
|
|
<p><a href="#" title="Benjamin Bädorf" target="_blank">@b12f</a> does software & stuff</p>
|
|
<p><a href="#" title="Dorsa Javaherin" target="_blank">@criticalcookingwithcapital_d</a> does design & freshness</p>
|
|
<p><a href="#" title="Jhonas Wernery" target="_blank">@teutat3s</a> does devops & death operators</p>
|
|
<p><a href="#" title="Alexander von Dombois" target="_blank">@alexandervondombois</a> does design & löffelschnitzer</p>
|
|
<p><a href="#" title="Finnja Random" target="_blank">@finjarandom</a> does pottery & harry potter</p>
|
|
</main>
|
|
<script>
|
|
var aka = document.getElementById('aka');
|
|
var akas = aka.children;
|
|
var current = 0;
|
|
setInterval(function() {
|
|
akas[current].setAttribute('class', 'hidden');
|
|
current++;
|
|
|
|
if (current >= akas.length) {
|
|
current = 0;
|
|
}
|
|
akas[current].setAttribute('class', '');
|
|
}, 2000);
|
|
|
|
console.log('Kissinger should die in prison for crimes against humanity.');
|
|
</script>
|
|
</body>
|
|
</html>
|