Отметки

Перевести Поделиться12026-05-06 14:15:54

Автор: незнайка
Администратор
Сообщений: 66
Уважение: +0
Позитив: +0
Последний визит:
Вчера 13:57:24

..

0

Перевести Поделиться22026-05-07 12:01:39

Автор: незнайка
Администратор
Сообщений: 66
Уважение: +0
Позитив: +0
Последний визит:
Вчера 13:57:24

9-50

0

Поделиться32026-05-08 11:01:19

Автор: liria
Администратор
Сообщений: 20
Уважение: +1
Позитив: +0
Последний визит:
Сегодня 10:45:19

[hideprofile][html]<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ежедневные награды | ON:AIR</title>

body {
background: linear-gradient(145deg, #1a1a2e 0%, #16213e 100%);
min-height: 100vh;
display: flex;
justify-content: center;
align-items: center;
padding: 30px 20px;
font-family: 'Trebuchet MS', 'Segoe UI', sans-serif;
}

.main-card {
max-width: 650px;
margin: auto;
font-family: 'Trebuchet MS', sans-serif;
color: #6a6a7a;
}

.onair-title {
font-size: 30px;
text-align: center;
letter-spacing: 4px;
color: rgba(120,220,255,0.9);
text-shadow: 0 0 10px rgba(120,220,255,0.6), 0 0 20px rgba(120,220,255,0.4), 0 0 40px rgba(255,180,220,0.4);
animation: onairGlow 2.5s infinite ease-in-out;
}

@keyframes onairGlow {
0% { opacity: 0.85; }
50% { opacity: 1; }
100% { opacity: 0.85; }
}

@keyframes liveBlink {
0%, 100% { opacity: 1; }
50% { opacity: 0.4; }
}

/* сетка наград */
.rewards-grid {
display: grid;
grid-template-columns: repeat(7, 1fr);
gap: 10px;
margin: 25px 0;
}

.reward-cell {
aspect-ratio: 1 / 1;
background: transparent; /* Прозрачный фон */
backdrop-filter: blur(4px);
border-radius: 14px;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
font-weight: bold;
cursor: pointer;
transition: all 0.2s ease;
color: #fffff;
text-shadow: 0 0 4px rgba(0,0,0,0.3);
border: 2px solid transparent; /* Прозрачная граница под градиент */
position: relative;
background-clip: padding-box; /* Фон не залезает на границу */
}

/* Градиентная граница через псевдоэлемент */
.reward-cell::before {
content: '';
position: absolute;
inset: 0;
border-radius: 14px;
padding: 2px; /* Толщина градиентной границы */
background: linear-gradient(135deg, rgba(120,220,255,0.8), rgba(255,180,220,0.7));
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
pointer-events: none;
}

.reward-cell.locked {
background: transparent
color: rgba(255,255,255,0.5);
font-size: 15px;
backdrop-filter: blur(2px);
}

.reward-cell.locked::before {
background: linear-gradient(135deg, rgba(150,150,150,0.5), rgba(100,100,100,0.3));
}

.reward-cell.opened::before {
background: linear-gradient(135deg, rgba(120,220,255,0.9), rgba(255,200,230,0.9));
box-shadow: 0 0 12px rgba(120,220,255,0.5);
}

.reward-cell:hover:not(.opened) {
transform: scale(1.02);
}

.reward-cell:hover:not(.opened)::before {
background: linear-gradient(135deg, rgba(120,220,255,1), rgba(255,180,220,0.9));
}

.timer-block {
text-align: center;
font-size: 13px;
background: rgba(255,255,255,0.2);
backdrop-filter: blur(4px);
border-radius: 20px;
padding: 10px 15px;
margin: 15px 0;
color: #78dcff;
font-weight: bold;
letter-spacing: 1px;
}

.toast-notify {
position: fixed;
bottom: 30px;
left: 50%;
transform: translateX(-50%);
background: rgba(0,0,0,0.85);
backdrop-filter: blur(12px);
color: #ffb4dc;
padding: 10px 20px;
border-radius: 30px;
font-size: 14px;
font-weight: bold;
opacity: 0;
transition: opacity 0.3s ease;
pointer-events: none;
z-index: 1000;
white-space: nowrap;
border: 1px solid rgba(255,180,220,0.4);
}

.toast-notify.show {
opacity: 1;
}

/* иконки внизу */
.icons-row {
margin-top: 20px;
display: flex;
justify-content: space-between;
align-items: center;
gap: 10px;
background: rgba(255,255,255,0.45);
border-radius: 15px;
padding: 12px 15px;
backdrop-filter: blur(6px);
border: 1px solid rgba(255,255,255,0.6);
}
</style>
</head>
<body>

<div class="onair-header">
<div class="onair-title">daily check-in</div>

<div style="flex:1;text-align:right;font-size:16px;font-weight:bold;color:#ff6b8a;text-shadow:0 0 6px rgba(255,120,150,0.6);animation:liveBlink 1.5s infinite;">
● LIVE
</div>
</div>

<div class="rewards-grid" id="rewardsGrid"></div>

<div class="timer-block" id="timerDisplay">загрузка...</div>

<div class="icons-row">
<div style="flex:1;text-align:center;">🎤</div>
<div style="flex:1;text-align:center;">🎧</div>

</div>

</div>
</div>

const rewards = [
10,15,20,25,30,35,40,
45,50,55,60,65,70,75,
80,85,90,95,100,10,15,
20,25,30,35,40,45,50,
55,60,100
];

// ID текущего профиля
// сюда подставляй username / userId / profileId
const profileId = window.location.pathname || "default_profile";

// уникальные ключи для каждого профиля
const STORAGE_KEYS = {
currentDay: `currentDay_${profileId}`,
opened: `opened_${profileId}`,
lastClaimDate: `lastClaimDate_${profileId}`
};

let currentDay = Number(localStorage.getItem(STORAGE_KEYS.currentDay) || 0);
let opened = JSON.parse(localStorage.getItem(STORAGE_KEYS.opened) || "[]");
let lastClaimDate = localStorage.getItem(STORAGE_KEYS.lastClaimDate);

if (currentDay < 0) currentDay = 0;
if (currentDay > 31) currentDay = 31;

function today() {
return new Date().toISOString().split("T")[0];
}

function showToast(text) {
toast.textContent = text;
toast.classList.add("show");
setTimeout(() => toast.classList.remove("show"), 2000);
}

function renderGrid() {
grid.innerHTML = "";

for (let i = 0; i < 31; i++) {
const cell = document.createElement("div");
cell.className = "reward-cell locked";
cell.textContent = "🎵";

if (opened[i]) {
cell.classList.add("opened");
cell.textContent = rewards[i];
}

cell.addEventListener("click", (function(index) {
return function() {
copyReward(index + 1, rewards[index]);

if (opened[index]) {
showToast("Уже открыто ✔");
return;
}

if (index !== currentDay) {
showToast("Открывай по порядку 🔒");
return;
}

if (lastClaimDate === today()) {
showToast("Уже получено сегодня ⏳");
return;
}

opened[index] = true;
currentDay++;

localStorage.setItem(STORAGE_KEYS.opened, JSON.stringify(opened));
localStorage.setItem(STORAGE_KEYS.currentDay, currentDay);
localStorage.setItem(STORAGE_KEYS.lastClaimDate, today());
lastClaimDate = today();

cell.classList.remove("locked");
cell.classList.add("opened");
cell.textContent = rewards[index];

showToast("Награда скопирована 🎁");
};
})(i));

grid.appendChild(cell);
}
}

renderGrid();
setInterval(updateTimer, 1000);
updateTimer();
</script>

</body>
</html>[/html]

0