File "Rift_Schedule.php"
Full path: C:/xampp/htdocs/SITE FUNCIONANDO (STRING_NOTFOUND_837_111)/Rift_Schedule.php
File
size: 5.26 B (5.26 KB bytes)
MIME-type: text/html
Charset: utf-8
Download Open Edit Advanced Editor &nnbsp; Back
<?php
require_once "header.php";
?>
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Contagem Regressiva - Boss</title>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: Arial, sans-serif;
background: url('img/SESSÃO01_VORTEX_AION.gif') no-repeat center center fixed;
background-size: cover;
color: #FFF;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}
.container {
background: rgba(0, 0, 0, 0.4);
padding: 20px;
border-radius: 10px;
text-align: center;
max-width: 1080px;
width: 100%;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
margin-top: 3.5cm;
}
h1 {
margin-bottom: 10px;
font-size: 1.8em;
color: white;
}
h2 {
margin-bottom: 20px;
font-size: 1.5em;
color: Lightgreen;
}
.countdown {
font-size: 1.5em;
margin: 20px 0;
}
.countdown.red {
color: red;
font-weight: bold;
}
.countdown.white {
color: white;
}
/* Informação adicional */
.info-text {
font-size: 0.9em;
color: #FFF;
margin: 40px auto 0;
}
/* Estilo para a imagem abaixo da contagem */
.boss-image {
display: block;
margin: 20px auto 0;
max-width: 80%;
height: auto;
opacity: 0.8;
}
.header-buttons {
display: flex;
justify-content: center;
margin: 20px auto;
gap: 15px;
}
.header-buttons a {
padding: 12px 25px;
text-decoration: none;
color: #fff;
background: linear-gradient(145deg, #1e1e1e, #2a2a2a);
border: 2px solid #555;
border-radius: 8px;
font-weight: bold;
text-align: center;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
transition: all 0.3s ease;
font-size: 1rem;
letter-spacing: 0.5px;
backdrop-filter: blur(10px);
position: relative;
overflow: hidden;
}
.header-buttons a::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.2);
transition: all 0.3s ease;
}
.header-buttons a:hover::before {
left: 100%;
}
.header-buttons a:hover {
background: linear-gradient(145deg, #2a2a2a, #1e1e1e);
border-color: #777;
box-shadow: 0 6px 8px rgba(0, 0, 0, 0.5);
}
</style>
</head>
<body>
<div class="container">
<div class="header-buttons">
<a href="https://vortexaion.com/Siege_schedule">Siege</a>
<a href="https://vortexaion.com/Arenas_Portais_Recompensas">Arenas Crucible</a>
<a href="https://vortexaion.com/WorldBoss">World Boss</a>
<a href="https://vortexaion.com/Rift_schedule">Rifts</a>
<a href="https://vortexaion.com/mapaPvPvE_guia">Mapa PvPvE</a>
</div>
<h1 id="status">Invasão ao Reino Inimigo</h1>
<h2 id="location">Calculando localização...</h2>
<div id="countdown" class="countdown">Calculando...</div>
</div>
<script>
const riftTimes = [
{ location: "Todos os Mapas", time: "07:00" },
{ location: "Todos os Mapas", time: "09:00" },
{ location: "Todos os Mapas", time: "15:00" },
{ location: "Todos os Mapas", time: "22:00" }
];
function updateCountdown() {
const now = new Date();
const currentMinutes = now.getHours() * 60 + now.getMinutes();
let nextRift = null;
riftTimes.forEach(rift => {
const [hours, minutes] = rift.time.split(":").map(Number);
const riftMinutes = hours * 60 + minutes;
const timeDiff = riftMinutes - currentMinutes;
if (timeDiff >= 0 && (!nextRift || timeDiff < nextRift.remaining)) {
nextRift = { ...rift, remaining: timeDiff };
} else if (timeDiff < 0) {
// Ajuste para rifts do próximo dia
const nextDayDiff = riftMinutes + 1440 - currentMinutes;
if (!nextRift || nextDayDiff < nextRift.remaining) {
nextRift = { ...rift, remaining: nextDayDiff };
}
}
});
const countdownElement = document.getElementById("countdown");
const locationElement = document.getElementById("location");
if (nextRift) {
locationElement.textContent = `Localização: ${nextRift.location}`;
const hoursLeft = Math.floor(nextRift.remaining / 60);
const minutesLeft = nextRift.remaining % 60;
if (nextRift.remaining <= 60) {
countdownElement.classList.add("red");
countdownElement.classList.remove("white");
countdownElement.textContent = `Todos os Rifts irão abrir em breve! ${nextRift.remaining} minutos restantes.`;
} else {
countdownElement.classList.remove("red");
countdownElement.classList.add("white");
countdownElement.textContent = `Todos os Rifts irão abrir em ${hoursLeft} horas e ${minutesLeft} minutos.`;
}
} else {
countdownElement.textContent = "Nenhum Rift disponível hoje.";
}
}
setInterval(updateCountdown, 1000);
updateCountdown();
</script>
</body>
</html>