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