Add the "closed to public" sign on front page

This commit is contained in:
Mikkel Munch Mortensen 2022-10-06 16:54:43 +02:00
commit 1d767b8dc3
1 changed files with 71 additions and 0 deletions

71
www/index.html Normal file
View File

@ -0,0 +1,71 @@
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>cheesecave.cc</title>
<style>
html {
background: #e0d0b1;
margin: 0;
padding: 0;
height: 100%;
width: 100%;
}
h1::before {
background: #E86701;
height: 33vmin;
width: 38vmin;
margin: 0;
padding: .5em 0;
position: absolute;
top: 0;
left: 0;
content: "";
z-index: -1;
transform: rotate(45deg);
border: 1vmin solid #000;
border-radius: 1em;
}
h1 {
font-family: sans-serif;
font-weight: 700;
font-size: 5vmin;
line-height: 1.25em;
white-space: pre-line;
text-align: center;
text-transform: uppercase;
height: 35vmin;
width: 40vmin;
margin: 0;
padding: 1.5em 0;
position: absolute;
top: calc(50% - 20vmin);
left: calc(50% - 20vmin);
z-index: 1;
}
h1::after {
background: #E86701;
height: 37vmin;
width: 42vmin;
margin: 0;
padding: .5em 0;
position: absolute;
top: -1vmin;
left: -1vmin;
content: "";
z-index: -2;
transform: rotate(45deg);
border-radius: 1.15em;
box-shadow: 2vmin 0vmin 3vmin rgba(0, 0, 0, .5);
}
</style>
</head>
<body>
<h1>Cheese
Cave
closed to
public</h1>
</body>
</html>