hut/pub.solar
1
0
Fork 0
forked from pub-solar/pub.solar
Code Issues Pull requests Packages Projects Releases Wiki Activity

Better

Browse source
This commit is contained in:
Benjamin Bädorf 2021-05-31 22:07:11 +02:00
commit 20d4269f6a
No known key found for this signature in database
GPG key ID: 4406E80E13CD656C
4 changed files with 132 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
.gitignore vendored Normal file
View file

@ -0,0 +1 @@
tags

122
index.html Normal file
View file

@ -0,0 +1,122 @@
<!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>

1
miom-logo-svg.svg Normal file
View file

File diff suppressed because one or more lines are too long
Side by side

After

Width:  |  Height:  |  Size: 4.7 MiB

8
shell.nix Normal file
View file

@ -0,0 +1,8 @@
{ pkgs ? import <nixpkgs> {} }:
pkgs.mkShell {
buildInputs = [
pkgs.nodejs
pkgs.nodePackages.serve
];
}