init: initial impl

This commit is contained in:
Strix 2023-12-20 02:51:59 +01:00
commit 53bcc46e03
No known key found for this signature in database
GPG key ID: 5F35B3B8537287A7
5 changed files with 87 additions and 0 deletions

1
.gitattributes vendored Normal file
View file

@ -0,0 +1 @@
*.gif filter=lfs diff=lfs merge=lfs -text

3
README.md Normal file
View file

@ -0,0 +1,3 @@
# Parked domain page
This page is used on parked domains.

BIN
src/assets/stewie.gif (Stored with Git LFS) Normal file

Binary file not shown.

58
src/assets/style.css Normal file
View file

@ -0,0 +1,58 @@
:root {
font-family: Helvetica, Arial, 'Open Sans', sans-serif;
color: #fff;
}
body {
margin: 0;
background: #000;
}
body #img {
position: absolute;
filter: brightness(.2);
height: 100vh;
width: 100vw;
animation: fade-in 1s forwards;
}
body #content {
position: absolute;
text-align: center;
height: 100vh;
width: 100vw;
display: grid;
place-items: center;
}
body #content h1 {
margin: 0;
font-size: 5em;
text-shadow: #fff 1px 0 10px;
animation: park 1s forwards;
}
a[href] {
color: #fff;
transition: color .1s ease-in-out;
animation: fade-in 1s forwards;
}
a[href]:hover {
color: violet;
}
@keyframes park {
0% {
scale: 0.9;
rotate: 5deg;
}
}
@keyframes fade-in {
0% {
opacity: 0;
}
}

22
src/index.html Normal file
View file

@ -0,0 +1,22 @@
<html>
<head>
<title>Parked domain</title>
<link rel="stylesheet" href="assets/style.css">
</head>
<body>
<img src="assets/stewie.gif" alt="stewie" id="img">
<div id="content">
<div>
<h1>This domain is parked!</h1>
<a id="contact-link" href="//ixvd.net/parked-domains">Contact</a>
</div>
</div>
<script>
document.title = `${document.location.hostname} - Parked Domain`
document.querySelector("a#contact-link").href += `?domain=${encodeURI(document.location.hostname)}`
</script>
</body>
</html>