elburb.dn42/site/index.html
Simon Marsh acf94dcba5
All checks were successful
continuous-integration/drone/push Build is passing
holding page
2024-09-19 11:39:16 +01:00

77 lines
1.3 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<link href='http://fonts.googleapis.com/css?family=Roboto'
rel='stylesheet' type='text/css'>
<style type="text/css">
html, body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
text-align: center;
vertical-align: middle;
font-family: 'Roboto', sans-serif;
background: #000000;
color: #FFFFFF;
}
a, a:link, a:visited {
text-decoration: none;
color: #A0A0A0;
}
#container {
min-height: 100%;
position: relative;
margin: 0;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
}
h1 {
color: transparent;
font-size: 400%;
text-shadow: 0px 0px 8px rgba(255, 255, 255, 1);
z-index: 1;
}
.hl {
color: #F0F0F0;
font-size: 150%;
}
div.banner {
position: relative;
}
img.sombrero {
position: absolute;
width: 50%;
top: -3em;
left: -5em;
z-index: 10;
}
p.subtext {
color: A0A0A0;
}
</style>
<title>elburb.dn42</title>
</head>
<body>
<div id="container">
<div class="banner">
<img class="sombrero" src="sombrero.svg" alt="sombrero"/>
<h1><span class="hl">el&nbsp;burb</span>.dn42</h1>
<p class="subtext"><a href="https://burble.dn42">burble.dn42</a> infrastructure services</p>
</div>
</div>
</body>
</html>