md / static /404.html
vsmdvic's picture
Upload 20 files
a322166 verified
<!DOCTYPE html>
<html lang="ro">
<head>
<link rel="icon" type="image/svg+xml" href="favicon.svg">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>SGE | 404</title>
<link rel="stylesheet" href="style.css">
<style>
body { display:flex; align-items:center; justify-content:center; min-height:100dvh; }
.db-line { display:flex; align-items:center; gap:10px; }
.db-line span { font-size:9px; letter-spacing:2px; }
.typing::after { content:'_'; animation:blink-cur 1s step-end infinite; }
@keyframes blink-cur { 0%,100%{opacity:1;} 50%{opacity:0;} }
.maint-banner {
display:none; margin-bottom:20px; width:100%;
border:1px solid rgba(220,160,60,0.4);
background:rgba(220,160,60,0.06);
padding:12px 18px; text-align:center;
}
.maint-banner.show { display:block; }
.maint-title { font-size:10px; letter-spacing:3px; color:rgba(220,160,60,0.9); margin-bottom:6px; }
.maint-sub { font-size:10px; color:var(--white-dim); line-height:1.9; }
</style>
</head>
<body>
<div class="page-404">
<img src="logo.svg" style="width:36px;height:36px;opacity:0.2;margin-bottom:24px;" class="fade-in">
<div class="e-code fade-in-2" id="err-code">404</div>
<div class="maint-banner fade-in-2" id="maint-banner">
<div class="maint-title">&#9881; MOD MENTENANTA</div>
<div class="maint-sub">
Serverul este temporar indisponibil pentru reparatii.<br>
Va rugam sa reveniti in aproximativ <strong>15 minute</strong>.<br>
Ne cerem scuze pentru inconvenient.
</div>
</div>
<div class="e-title fade-in-2" id="err-title">Pagina negasita</div>
<div class="e-sub fade-in-3" id="err-sub">
Resursa solicitata nu exista in sistemul SGE.<br>
Contactati administratorul daca problema persista.
</div>
<div class="e-db fade-in-4" id="db-log">
<div class="db-line"><span class="db-ok">&#10003;</span><span>SGE v3.1 online</span></div>
<div class="db-line"><span class="db-ok">&#10003;</span><span>Server: 93.117.161.226</span></div>
<div class="db-line" id="fb-line"><span>&middot;</span><span>Firebase: verificare...</span></div>
<div class="db-line" id="req-line" style="margin-top:8px;">
<span class="db-err">&#10007;</span>
<span class="typing" id="req-text">err-404 ruta inexistenta</span>
</div>
</div>
<div class="footer-mini" style="margin-top:40px;">
SGE &copy;2026 &mdash; Victor Rosca
</div>
</div>
<script>
const isMaint = localStorage.getItem('sge_maintenance') === '1';
if (isMaint) {
document.getElementById('maint-banner').classList.add('show');
document.getElementById('err-title').textContent = 'Server in Mentenanta';
document.getElementById('err-sub').textContent = 'Sistemul SGE este temporar oprit pentru lucrari de intretinere.';
document.getElementById('req-text').textContent = 'err-503 server in mentenanta';
document.getElementById('err-code').textContent = '503';
}
</script>
<script type="module">
import { initializeApp } from "https://www.gstatic.com/firebasejs/10.12.0/firebase-app.js";
import { getFirestore, collection, getDocs } from "https://www.gstatic.com/firebasejs/10.12.0/firebase-firestore.js";
const cfg = { apiKey:"AIzaSyB9--Onx3-_YjD-YzblhZjaWSVVqTQJ1lU", authDomain:"vservers1.firebaseapp.com",
projectId:"vservers1", storageBucket:"vservers1.firebasestorage.app",
messagingSenderId:"42433037358", appId:"1:42433037358:web:fde70fec79542428b60bbf" };
async function checkDB() {
const fbLine = document.getElementById('fb-line');
try {
const app = initializeApp(cfg); const db = getFirestore(app);
await getDocs(collection(db,'elevi'));
fbLine.innerHTML = '<span class="db-ok">&#10003;</span><span>Firebase Firestore: conectat</span>';
} catch(e) {
fbLine.innerHTML = '<span class="db-err">&#10007;</span><span>Firebase: err-001 conexiune esecuta</span>';
}
}
await new Promise(r=>setTimeout(r,800)); checkDB();
</script>
<a href="vhelp.html" class="vhelp-fab" title="VHelp">
<svg viewBox="0 0 24 24" fill="none" stroke="rgba(255,255,255,0.9)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/>
<circle cx="9" cy="10" r="0.5" fill="rgba(255,255,255,0.9)"/>
<circle cx="12" cy="10" r="0.5" fill="rgba(255,255,255,0.9)"/>
<circle cx="15" cy="10" r="0.5" fill="rgba(255,255,255,0.9)"/>
</svg>
</a>
</body>
</html>