includes/header.php - master - streamlive/streamliveV17

includes/header.php
487 строк20 KB
TwixoffStudio
Create: 023_broadcast_reactions.sql, broadcast_channel.php, broadcast_post_react.php, style.css, antibot.php, header.php
20 июл 2026, 05:43
Верифицирован
20 июл 2026, 05:43a64edb5
<?php
require_once __DIR__ . '/auth.php';
$__user = current_user();
$__flash = flash_get();

// Начисление опыта за вход — срабатывает само на любой странице, если сегодня
// ещё не засчитано. Не требует правки login_user() и работает даже если сессия
// была открыта ещё до входа (частая причина, почему xp оставался на нуле).
$__gamification_today = null;
if ($__user) {
  require_once __DIR__ . '/gamification.php';
  // Оборачиваем в try/catch: это начисление XP не должно ронять ВЕСЬ САЙТ (все страницы,
  // не только геймификацию), если вдруг разъедется схема БД — например, если на хостинге
  // миграция геймификации (017_gamification_and_moderation.sql) была применена не полностью.
  // Раньше при любой такой рассинхронизации получали 500 на КАЖДОЙ странице сайта.
  try {
    $__gamification_today = register_daily_activity((int)$__user['id']);
  } catch (\Throwable $e) { $__gamification_today = null; }
}

$pageTitle = $pageTitle ?? SITE_NAME;
$seoDescription = $seoDescription ?? 'StreamLive — платформа для создания онлайн телеканалов и радио';
$seoKeywords = $seoKeywords ?? '';
$seoImage = $seoImage ?? null;
$__canonical = SITE_URL . ($_SERVER['REQUEST_URI'] ?? '/');
?>
<!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title><?= e($pageTitle) ?> — <?= e(SITE_NAME) ?></title>
  <meta name="description" content="<?= e($seoDescription) ?>">
  <?php if ($seoKeywords): ?><meta name="keywords" content="<?= e($seoKeywords) ?>"><?php endif; ?>
  <link rel="canonical" href="<?= e($__canonical) ?>">
  <meta property="og:title" content="<?= e($pageTitle) ?>">
  <meta property="og:description" content="<?= e($seoDescription) ?>">
  <meta property="og:type" content="website">
  <meta property="og:url" content="<?= e($__canonical) ?>">
  <?php if ($seoImage): ?><meta property="og:image" content="<?= e($seoImage) ?>"><meta name="twitter:card" content="summary_large_image"><?php endif; ?>
  <meta name="robots" content="index, follow">
  <?php $__cssPath = __DIR__ . '/../assets/css/style.css'; $__cssVer = file_exists($__cssPath) ? filemtime($__cssPath) : time(); ?>
  <link rel="stylesheet" href="/assets/css/style.css?v=<?= $__cssVer ?>">
  <?php if (!empty($extraHead)) echo $extraHead; ?>
</head>

<!-- Seasonal effects -->
<script>
function createSnowflake() {
  const snowflake = document.createElement('div');
  snowflake.className = 'snowflake';
  snowflake.textContent = '❄️';
  snowflake.style.left = Math.random() * 100 + 'vw';
  snowflake.style.animationDuration = Math.random() * 3 + 5 + 's';
  snowflake.style.opacity = Math.random() * 0.5 + 0.5;
  snowflake.style.fontSize = Math.random() * 10 + 10 + 'px';
  document.body.appendChild(snowflake);
  setTimeout(() => snowflake.remove(), 10000);
}

const now = new Date();
const month = now.getMonth() + 1;
if (month === 12 || month === 1 || month === 2) { // Winter
  setInterval(createSnowflake, 200);
} else if (month === 6 || month === 7 || month === 8) { // Summer - butterflies or leaves
  function createSummerEffect() {
    const leaf = document.createElement('div');
    leaf.className = 'summer-leaf';
    leaf.textContent = ['🌿', '🦋', '🍃'][Math.floor(Math.random()*3)];
    leaf.style.left = Math.random() * 100 + 'vw';
    leaf.style.animationDuration = Math.random() * 4 + 6 + 's';
    document.body.appendChild(leaf);
    setTimeout(() => leaf.remove(), 12000);
  }
  setInterval(createSummerEffect, 300);
}
</script>
<style>
.snowflake, .summer-leaf {
  position: fixed;
  top: -10px;
  z-index: 9999;
  pointer-events: none;
  animation: fall linear forwards;
}
@keyframes fall {
  to { transform: translateY(100vh); }
}
</style>
<body>
    <style>
      


        /* Контентная часть — тени для читаемости */
        .banner-content {
            flex: 1 1 70%;
            display: flex;
            flex-direction: column;
            gap: 4px;
            text-shadow: 0 2px 10px rgba(0, 0, 0, 0.9);
        }

        .banner-title {
            font-size: 1.2rem;
            font-weight: 700;
            letter-spacing: 0.3px;
            background: linear-gradient(90deg, #6fc3ff, #a78bfa);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            margin: 0;
            text-shadow: 0 0 25px rgba(0, 150, 255, 0.25);
        }

        .banner-text {
            font-size: 0.95rem;
            line-height: 1.4;
            margin: 2px 0 0 0;
            color: #f0f4ff;
            text-shadow: 0 2px 12px rgba(0, 0, 0, 0.95);
        }

        .banner-text strong {
            color: #ffd966;
            font-weight: 600;
            text-shadow: 0 0 15px rgba(255, 200, 0, 0.2);
        }

        .banner-roles {
            display: flex;
            flex-wrap: wrap;
            gap: 10px 22px;
            margin: 4px 0 0 0;
            font-size: 0.88rem;
            text-shadow: 0 2px 10px rgba(0, 0, 0, 0.9);
        }

        .banner-roles span {
            display: flex;
            align-items: center;
            gap: 6px;
        }

        .banner-roles .badge {
            display: inline-block;
            background: rgba(42, 58, 92, 0.6);
            backdrop-filter: blur(4px);
            border-radius: 30px;
            padding: 1px 12px;
            font-size: 0.7rem;
            font-weight: 600;
            color: #b0c8ff;
            letter-spacing: 0.3px;
            border: 1px solid rgba(255, 255, 255, 0.08);
        }

        .banner-roles .badge.media {
            background: rgba(61, 42, 92, 0.6);
            color: #d4b0ff;
        }

        .banner-contact {
            margin-top: 2px;
            font-size: 0.9rem;
            text-shadow: 0 2px 10px rgba(0, 0, 0, 0.9);
        }

        .banner-contact a {
            color: #6fc3ff;
            text-decoration: none;
            font-weight: 600;
            border-bottom: 1px dashed rgba(111, 195, 255, 0.4);
            transition: 0.2s;
        }

        .banner-contact a:hover {
            color: #a78bfa;
            border-bottom-color: #a78bfa;
        }

        /* Кнопки */
        .banner-actions {
            flex: 0 0 auto;
            display: flex;
            align-items: center;
            gap: 12px;
            margin-left: 10px;
        }

        .btn-close {
            background: rgba(255, 255, 255, 0.04);
            border: 1px solid rgba(255, 255, 255, 0.15);
            color: #ccd4e8;
            font-size: 1.6rem;
            line-height: 1;
            cursor: pointer;
            padding: 0 10px;
            border-radius: 30px;
            transition: 0.2s;
            font-weight: 300;
            backdrop-filter: blur(4px);
        }

        .btn-close:hover {
            background: rgba(255, 80, 80, 0.15);
            color: #ff6b6b;
            border-color: #ff6b6b;
            transform: scale(1.1);
        }

        .btn-write {
            background: rgba(42, 74, 122, 0.5);
            backdrop-filter: blur(4px);
            border: 1px solid rgba(255, 255, 255, 0.1);
            color: white;
            padding: 6px 16px;
            border-radius: 40px;
            font-weight: 600;
            font-size: 0.82rem;
            cursor: pointer;
            transition: 0.2s;
            white-space: nowrap;
            text-decoration: none;
            display: inline-block;
            text-shadow: 0 2px 4px rgba(0,0,0,0.3);
        }

        .btn-write:hover {
            background: rgba(58, 106, 154, 0.7);
            transform: scale(1.02);
            box-shadow: 0 0 20px rgba(0, 140, 255, 0.15);
        }

        /* Адаптив для мобильных */
        @media (max-width: 650px) {
            .stlive-banner {
                top: 10px;
                padding: 14px 16px;
                width: 95%;
                flex-direction: column;
                align-items: stretch;
                gap: 10px;
                border-radius: 14px;
            }
            .banner-title { font-size: 1.05rem; }
            .banner-text { font-size: 0.82rem; }
            .banner-roles { font-size: 0.75rem; gap: 6px 14px; }
            .banner-actions { justify-content: flex-end; margin-left: 0; }
            .btn-close { font-size: 1.4rem; padding: 0 8px; }
            .btn-write { padding: 5px 12px; font-size: 0.75rem; }
        }

        @media (max-width: 430px) {
            .banner-roles { flex-direction: column; gap: 3px; }
            .banner-actions { justify-content: space-between; margin-top: 4px; }
        }
    </style>
<nav class="navbar">
  <a href="/" class="brand"><?= e(SITE_NAME) ?></a>
  <form action="/search" method="GET" class="nav-search" style="display:flex;align-items:center">
    <input type="text" name="q" placeholder="Поиск по сайту…" style="padding:7px 10px;font-size:13px;width:150px" value="<?= e($_GET['q'] ?? '') ?>">
  </form>
  <div class="nav-links">
    <a href="/forum">Форум</a>
    <a href="/videos">Видео</a>
    <a href="/rating">Рейтинг</a>
    <a href="/online">Онлайн</a>
    <?php if ($__user): ?>
      <a href="/favorites">Избранное</a>
      <a href="/dashboard">Мои каналы</a>
        <?php
        $__unreadCount = 0;
        try {
          $__unreadStmt = db()->prepare(
            'SELECT COUNT(*) FROM messages m JOIN conversations c ON c.id = m.conversation_id
             WHERE (c.user_a_id = ? OR c.user_b_id = ?) AND m.sender_id != ? AND m.read_at IS NULL AND m.is_deleted = 0'
          );
          $__unreadStmt->execute([$__user['id'], $__user['id'], $__user['id']]);
          $__unreadCount = (int)$__unreadStmt->fetchColumn();
        } catch (\Throwable $e) {
          // Таблицы сообщений появятся после sql/migrations/004_add_messaging.sql — до этого просто не считаем непрочитанные
        }
      ?>
      <a href="/messages" class="nav-messages">Сообщения<?php if ($__unreadCount > 0): ?><span class="nav-badge"><?= $__unreadCount ?></span><?php endif; ?></a>
      <a href="/profile?username=<?= e($__user['username']) ?>">Профиль</a>
      <a href="/sticker_packs">Стикеры</a>
      <a href="/favorites">⭐ Избранное</a>
      <a href="/playlists">🎞️ Плейлисты</a>
      <a href="/continue_watching">▶️ Продолжить просмотр</a>
      <a href="/services">Сервисы</a>
      <?php if (in_array($__user['role'], ['moderator','admin'], true)): ?><a href="/moderator/index">Модерация каналов</a><a href="/moderator/videos">Модерация видео</a><?php endif; ?>
      <?php if (function_exists('is_forum_moderator') && is_forum_moderator($__user)): ?><a href="/moderator/forum">Модерация форума</a><?php endif; ?>
      <?php if ($__user['role'] === 'admin'): ?><a href="/admin/index">Админка</a><?php endif; ?>
      <form action="/auth/logout.php" method="POST" style="display:inline">
        <?= csrf_field() ?>
        <button class="btn btn-outline btn-sm" type="submit">Выйти</button>
      </form>
    <?php else: ?>
      <a href="/auth/login.php">Войти</a>
      <a href="/auth/register.php" class="btn btn-primary btn-sm">Регистрация</a>
    <?php endif; ?>
  </div>
</nav>
<?php foreach ($__flash as $type => $msg): ?>
  <div class="container"><div class="alert alert-<?= e($type) ?>"><?= e($msg) ?></div></div>
<?php endforeach; ?>
<?php if ($__gamification_today): ?>
  <div class="container">
    <div class="alert alert-success" style="display:flex;align-items:center;gap:10px;flex-wrap:wrap">
      <span>👋 С возвращением, <b><?= e($__user['username']) ?></b>! За сегодняшний вход +<?= (int)$__gamification_today['xp_gained'] ?> XP<?= $__gamification_today['streak'] > 1 ? ' (серия: ' . (int)$__gamification_today['streak'] . ' дн.)' : '' ?>.</span>
      <a href="/rating" style="color:inherit;text-decoration:underline">Твоё место в рейтинге: #<?= (int)$__gamification_today['new_place'] ?> →</a>
    </div>
  </div>
<?php endif; ?>
<?php
// Реклама не грузится на страницах входа/регистрации/2FA и в админке — она не нужна там
// пользователю, и раньше мешала (перекрывала/дёргала форму) именно на вводе пин-кода 2FA.
$__adPath = parse_url($_SERVER['REQUEST_URI'] ?? '/', PHP_URL_PATH);
$__noAdPaths = ['/auth/login.php', '/auth/register.php', '/auth/2fa_setup.php', '/auth/2fa_verify.php', '/auth/logout.php'];
$__showAd = !in_array($__adPath, $__noAdPaths, true) && strpos((string)$__adPath, '/admin/') !== 0;
if ($__showAd): ?>
   <!-- Верхний рекламный блок -->
<div class="topAdPad">
<div id="movie_video"></div>
<script type="text/javascript" src="https://ad-network.tatnet.app/ad.js?v=03208824bea369b060dba1f2083d6a4c" async></script>
 <nav class="site-footer-links">
      <a href="/docs">Документация</a>
      <a href="/legal/terms">Условия использования</a>
      <a href="/legal/privacy">Конфиденциальность</a>
      <a href="/legal/cookies">Cookie</a>
        <!-- БАННЕР С ПРОЗРАЧНЫМ ФОНОМ -->
    <div id="stliveBanner" class="stlive-banner">
        <div class="banner-content">
            <div class="banner-title">🚀 Набор в команду STLIVE/FLEXDEV TEAM</div>
            <div class="banner-text">
                Требуются <strong>ответственные модераторы</strong> для развития проекта.
            </div>
            <div class="banner-roles">
                <span>
                    <span class="badge">🖥️ ФОРУМ</span>
                    Контроль порядка, общение, помощь пользователям
                </span>
                <span>
                    <span class="badge media">📺 МЕДИА</span>
                    ТВ, Радио, видео и аудио контент
                </span>
            </div>
            <div class="banner-contact">
                ✉️ По вопросам пишите в ЛС: <a href="/profile?username=admin"; return false;">@admin</a>
            </div>
        </div>
        <div class="banner-actions">
            <a href="/profile?username=admin" class="btn-write"; return false;">Написать</a>
    </nav>
</div>
 <script src= "https://player.twitch.tv/js/embed/v1.js?version=3.1.1"></script>
 <meta name="yandex-verification" content="ebe89f0ca4c9912c" />
<!-- Adlook fly -->
	<script src="https://sdk.adlook.tech/inventory/core.js" async type="text/javascript"></script>

<!-- Хост 2917 -->

<script>
(function UTCoreInitialization() {
  if (window.UTInventoryCore) {
    new window.UTInventoryCore({
      type: "sticky",
      host: 5814,
      content: false,
      adaptive: true,
      width: 400,
      height: 225,
      playMode: "autoplay",
      align: "left",
      verticalAlign: "bottom",
      openTo: "open-creativeView",
      infinity: true,
      infinityTimer: 1,
      interfaceType: 0,
      withoutIframe: true,
      mobile: {
        align: "center",
        verticalAlign: "bottom",
        mobileStickyHeight: 25,
      }
    });
    return;
  }
  if (!window.UTInventoryCore) {
    setTimeout(UTCoreInitialization, 100);
  }
})();
</script>
    <!-- /Adlook fly -->  
<script async src="https://statika.mpsuadv.ru/scripts/11138.js"></script>
 
 <!-- защита от копирования -->
<script>
    document.oncontextmenu = function() { return false; };
    document.onkeydown = function(e) {
        if (e.keyCode == 123) {
            return false;
        }
    };
    document.addEventListener("DOMContentLoaded", function() {
        document.body.oncopy = function() { return false; };
    });
</script>

<!-- Адаптация для тв -->
<style>
        /* Основные стили для телевизоров */
        @media (min-width: 1920px) {
            body {
                font-size: 24px; /* Увеличенный размер шрифта */
            }
            button, a {
                font-size: 24px;
                padding: 15px 30px;
            }
        }

        /* Стили для фокусировки элементов */
        button:focus, a:focus {
            outline: 2px solid #007BFF; /* Видимая фокусировка для пульта */
        }
    </style>

<script>
        function isTV() {
            return navigator.userAgent.match(/SmartTV|SmartTV|TV|HbbTV|NetCast|NETTV|Internet\ Appliance|WebTV|Blue\-ray|Boxee|BrightSign|DLNADOC|CE\-HTML|CE\-HTML1|CE\-HTML2|CE\-HTML3|CE\-HTML4|CE\-HTML5|CE\-HTML6|CE\-HTML7|CE\-HTML8|CE\-HTML9|CE\-HTML10|CE\-HTML11|CE\-HTML12|CE\-HTML13|CE\-HTML14|CE\-HTML15|CE\-HTML16|CE\-HTML17|CE\-HTML18|CE\-HTML19|CE\-HTML20|CE\-HTML21|CE\-HTML22|CE\-HTML23|CE\-HTML24|CE\-HTML25|CE\-HTML26|CE\-HTML27|CE\-HTML28|CE\-HTML29|CE\-HTML30|CE\-HTML31|CE\-HTML32|CE\-HTML33|CE\-HTML34|CE\-HTML35|CE\-HTML36|CE\-HTML37|CE\-HTML38|CE\-HTML39|CE\-HTML40|CE\-HTML41|CE\-HTML42|CE\-HTML43|CE\-HTML44|CE\-HTML45|CE\-HTML46|CE\-HTML47|CE\-HTML48|CE\-HTML49|CE\-HTML50|CE\-HTML51|CE\-HTML52|CE\-HTML53|CE\-HTML54|CE\-HTML55|CE\-HTML56|CE\-HTML57|CE\-HTML58|CE\-HTML59|CE\-HTML60|CE\-HTML61|CE\-HTML62|CE\-HTML63|CE\-HTML64|CE\-HTML65|CE\-HTML66|CE\-HTML67|CE\-HTML68|CE\-HTML69|CE\-HTML70|CE\-HTML71|CE\-HTML72|CE\-HTML73|CE\-HTML74|CE\-HTML75|CE\-HTML76|CE\-HTML77|CE\-HTML78|CE\-HTML79|CE\-HTML80|CE\-HTML81|CE\-HTML82|CE\-HTML83|CE\-HTML84|CE\-HTML85|CE\-HTML86|CE\-HTML87|CE\-HTML88|CE\-HTML89|CE\-HTML90|CE\-HTML91|CE\-HTML92|CE\-HTML93|CE\-HTML94|CE\-HTML95|CE\-HTML96|CE\-HTML97|CE\-HTML98|CE\-HTML99|CE\-HTML100/i);
        }

        // Если это телевизор, примените стили для телевизоров
        if (isTV()) {
            document.body.classList.add('tv-mode');
        }
    </script>
 <!-- Клавиатура для тв -->
<!-- Таймер сезонов (исправленный) -->
<div id="season-timer" style="text-align:center;background:var(--card);padding:12px;margin:10px 0;border-radius:8px;font-size:15px;color:var(--accent-2);border:1px solid var(--border);box-shadow:0 2px 10px rgba(0,0,0,0.3);">
  <strong id="season-label">До лета</strong>: <span id="countdown" style="font-weight:bold;color:#ffeb3b;">загрузка...</span>
</div>

<script>
function getSeasonTarget() {
  const now = new Date();
  const y = now.getFullYear();
  const summer = new Date(y, 5, 1);
  const winter = new Date(y, 11, 1);
  const ny = new Date(y + 1, 0, 1);

  if (now < summer) {
    document.getElementById('season-label').innerHTML = '🌞 До лета';
    return summer;
  } else if (now < winter) {
    document.getElementById('season-label').innerHTML = '❄️ До зимы';
    return winter;
  } else {
    document.getElementById('season-label').innerHTML = '🎄 До Нового года';
    return ny;
  }
}

function updateCountdown() {
  const target = getSeasonTarget();
  const diff = target - new Date();
  if (diff <= 0) {
    document.getElementById('countdown').innerHTML = 'Сейчас!';
    return;
  }
  const days = Math.floor(diff / (1000*60*60*24));
  const hours = Math.floor((diff % (1000*60*60*24)) / (1000*60*60));
  const mins = Math.floor((diff % (1000*60*60)) / (1000*60));
  document.getElementById('countdown').innerHTML = `${days}д ${hours}ч ${mins}м`;
}

setInterval(updateCountdown, 30000);
updateCountdown();
</script>

<style>
.snowflake, .summer-effect { position:fixed; top:-20px; z-index:9999; pointer-events:none; animation:fall linear forwards; font-size:18px; }
@keyframes fall { to { transform: translateY(110vh) rotate(360deg); } }
</style>
<?php endif; ?>