Skip to content

Instantly share code, notes, and snippets.

@trinib
Last active February 10, 2023 16:29
Show Gist options
  • Save trinib/2c8a230516c559ecf81f15ffcc1061cf to your computer and use it in GitHub Desktop.
Save trinib/2c8a230516c559ecf81f15ffcc1061cf to your computer and use it in GitHub Desktop.
message for website while under development
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="description" content="A concise summary of the page content">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="UTF-8">
<title>Coming Soon</title>
<style>
html, body {
height: 100%;
margin: 0;
}
body {
background: linear-gradient(-45deg, #512a90, #2a6590);
background-size: 400% 400%;
animation: gradient 10s ease infinite;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
}
@keyframes gradient {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
h1, h2 {
color: white;
text-align: center;
margin: 0;
}
h1 {
font-size: 3em;
}
h2 {
font-size: 1.0em;
}
</style>
</head>
<body>
<div>
<h1>Coming Soon</h1>
<h2>Website is under construction !</h2>
</div>
</body>
<script>
document.addEventListener("contextmenu", function(e) {
e.preventDefault();
}, false);
</script>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment