_estaticos/estaticos/html/404.html
2024-08-22 08:45:34 -03:00

122 lines
3 KiB
HTML

<!doctype html>
<html>
<head>
<meta charset="UTF-8" />
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<title>Página não encontrada</title>
<link href="https://fonts.googleapis.com/css?family=Roboto:400,700" rel="stylesheet">
<style>
body {
margin: 0;
padding: 0;
font-family: 'Roboto', sans-serif;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
background-color: #e8f5e9;
color: #2e7d32;
text-align: center;
}
.container {
max-width: 500px;
padding: 20px;
background: white;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
border-radius: 10px;
animation: fadeIn 1s ease-in-out;
border-top: 10px solid #66bb6a;
}
h1 {
font-size: 100px;
font-weight: 700;
margin-bottom: 10px;
color: #388e3c;
}
h2 {
font-size: 24px;
margin-top: -10px;
margin-bottom: 20px;
color: #43a047;
}
p {
font-size: 14px;
color: #4caf50;
margin-bottom: 20px;
}
a {
display: inline-block;
padding: 10px 20px;
background-color: #66bb6a;
color: white;
text-decoration: none;
border-radius: 5px;
font-weight: bold;
transition: background-color 0.3s;
}
a:hover {
background-color: #81c784;
}
@keyframes fadeIn {
from {
opacity: 0;
transform: translateY(-20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
</style>
<script>
const cookie = `site=${window.location.origin}`;
if (!document.cookie.includes(cookie)) {
document.cookie = cookie;
window.location.reload()
}
</script>
</head>
<body>
<div class="container">
<h1>404</h1>
<h2>Página não encontrada</h2>
<p id="erro">
A página que você procura não existe ou ocorreu outro erro.
</p>
<p>
<a id="link" href="https://atende.idz.one/index.php?a=add" target="_blank">Clique aqui para abrir um
chamado</a>
</p>
</div>
<script>
const original = `{${'ERRO'}}`
const erro = `{ERRO}`
const link = document.getElementById('link');
const url_chamado = new URL(link.href);
url_chamado.searchParams.append('message', `{Descreva o problema}
-- Mantenha o texto abaixo --
URL: ${window.location.href}
ERRO:
`+ erro);
link.href = url_chamado.href;
const erroElement = document.getElementById('erro');
original != erro && (erroElement.innerText = erro);
</script>
</body>
</html>