decibyte/cheesecave.cc
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Tweak the sign a bit

Browse source
This commit is contained in:
Mikkel Munch Mortensen 2022-10-06 17:55:34 +02:00
parent 1d767b8dc3
commit 0cedf07ed9
1 changed files with 13 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
www/index.html
View file

@ -16,7 +16,7 @@
height: 33vmin; height: 33vmin;
width: 38vmin; width: 38vmin;
margin: 0; margin: 0;
padding: .5em 0; padding: 2.5vmin 0;
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
@ -24,20 +24,21 @@
z-index: -1; z-index: -1;
transform: rotate(45deg); transform: rotate(45deg);
border: 1vmin solid #000; border: 1vmin solid #000;
border-radius: 1em; border-radius: 5vmin;
} }
h1 { h1 {
font-family: sans-serif; font-family: sans-serif;
font-weight: 700; font-weight: 700;
font-size: 5vmin; font-size: 4vmin;
line-height: 1.25em; line-height: 6.25vmin;
white-space: pre-line; white-space: pre-line;
text-align: center; text-align: center;
text-transform: uppercase; text-transform: uppercase;
letter-spacing: -0.06em;
height: 35vmin; height: 35vmin;
width: 40vmin; width: 40vmin;
margin: 0; margin: 0;
padding: 1.5em 0; padding: 7.5vmin 0;
position: absolute; position: absolute;
top: calc(50% - 20vmin); top: calc(50% - 20vmin);
left: calc(50% - 20vmin); left: calc(50% - 20vmin);
@ -48,24 +49,22 @@
height: 37vmin; height: 37vmin;
width: 42vmin; width: 42vmin;
margin: 0; margin: 0;
padding: .5em 0; padding: 2.5vmin 0;
position: absolute; position: absolute;
top: -1vmin; top: -1.15vmin;
left: -1vmin; left: -1.15vmin;
content: ""; content: "";
z-index: -2; z-index: -2;
transform: rotate(45deg); transform: rotate(45deg);
border-radius: 1.15em; border-radius: 5.75vmin;
box-shadow: 2vmin 0vmin 3vmin rgba(0, 0, 0, .5); box-shadow: 2vmin 0vmin 3vmin rgba(0, 0, 0, .5);
} }
</style> </style>
</head> </head>
<body> <body>
<h1>Cheese <h1>The Cheese
Cave Cave is
closed to closed to
public</h1> the public</h1>
</body> </body>
</html> </html>