Tiny File Manager

Back Back Up Advanced Editor

<?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>

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>