init: initial impl
This commit is contained in:
commit
53bcc46e03
5 changed files with 87 additions and 0 deletions
1
.gitattributes
vendored
Normal file
1
.gitattributes
vendored
Normal file
|
@ -0,0 +1 @@
|
||||||
|
*.gif filter=lfs diff=lfs merge=lfs -text
|
3
README.md
Normal file
3
README.md
Normal 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
BIN
src/assets/stewie.gif
(Stored with Git LFS)
Normal file
Binary file not shown.
58
src/assets/style.css
Normal file
58
src/assets/style.css
Normal 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
22
src/index.html
Normal 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>
|
Loading…
Reference in a new issue