<!DOCTYPE html>
<html lang="ar">
<head>
<meta charset="UTF-8">
<title>Dead Maze Full Zones UI</title>
<style>
body{
font-family: Arial;
background:#0b0b0b;
color:white;
text-align:center;
direction: rtl;
}
h2{color:white}
.grid{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:15px;
padding:10px;
}
.card{
width:230px;
border:1px solid #00ff99;
border-radius:12px;
overflow:hidden;
background:#111;
}
img{
width:100%;
height:120px;
object-fit:cover;
}
.content{
padding:10px;
}
.title{
font-weight:bold;
color:white;
}
.sp{
font-size:12px;
border:1px solid #333;
margin:5px 0;
padding:4px;
border-radius:6px;
}
.active{
background:#00ff99;
color:black;
font-weight:bold;
}
.small{
font-size:11px;
opacity:0.7;
}
</style>
</head>
<body>
<h2>🧭 Dead Maze Full Zones (8 Maps)</h2>
<div class="grid" id="grid"></div>
<script>
const zones = {
"Sacramento / ساكرامنتو": {
img:"https://images.unsplash.com/photo-1501594907352-04cda38ebc29",
sp:["Suburbs Underground","Train Station Basement","City Shelter"]
},
"Sacramento Suburbs / الضواحي": {
img:"https://images.unsplash.com/photo-1467269204594-9661b134dd2b",
sp:["Abandoned Houses","Underground Garage","Old Factory"]
},
"Santa Rosa / سانتا روزا": {
img:"https://images.unsplash.com/photo-1500530855697-b586d89ba3ee",
sp:["Hospital Wing","Fire Tunnel","School Room"]
},
"Mazon College / كلية مازون": {
img:"https://images.unsplash.com/photo-1523050854058-8df90110c9f1",
sp:["Library Basement","Science Lab","Dorm Secret Room"]
},
"Sunset Mall / سانسيت مول": {
img:"https://images.unsplash.com/photo-1519567241046-7f570eee3ce6",
sp:["Back Storage","Underground Parking","Maintenance Tunnel"]
},
"Walker River / نهر ووكر": {
img:"https://images.unsplash.com/photo-1500530855697-1b3b2c7c3a2c",
sp:["River Cave","Dam Control","Old Bridge Tunnel"]
},
"Highway 99 / الطريق 99": {
img:"https://images.unsplash.com/photo-1506521781263-d8422e82f27a",
sp:["Gas Station","Truck Stop","Bridge Tunnel"]
},
"Blue Mesa / بلو ميسا": {
img:"https://images.unsplash.com/photo-1501785888041-af3ef285b470",
sp:["Mining Tunnel","Cave Entrance","Frozen Storage"]
}
};
// ⏰ hour
function getHour(){
return new Date().getUTCHours();
}
function active(list){
return list[getHour() % list.length];
}
function render(){
let grid = document.getElementById("grid");
grid.innerHTML = "";
for(let z in zones){
let data = zones[z];
let card = document.createElement("div");
card.className = "card";
card.innerHTML = `
<img src="${data.img}">
<div class="content">
<div class="title">${z}</div>
<div class="small">⏰ UTC Hour: ${getHour()}</div>
<div class="small">🔐 Active SP:</div>
<div class="sp active">${active(data.sp)}</div>
</div>
`;
grid.appendChild(card);
}
}
setInterval(render, 3000);
render();
</script>
</body>
</html>
🧭 Dead Maze Zones Tracker
🟢 العربية / English Dual Interface
🏙️ المدينة / City:
⏰ الوقت / Time:
⏰ الوقت / Time:
تعليقات
إرسال تعليق