Загрузка данных


<!DOCTYPE html>
<html lang="ru" itemscope itemtype="https://schema.org/WebApplication">
<head>
    
<!-- Kodata Metrica counter -->
<script src="/path/kodata.js?v=1780836295"></script>
<noscript><div><img src="https://metrica.kodata.ru/api/gate.php?site_id=3&event_type=pageview&noscript=1" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Kodata Metrica counter -->
 
 <!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-J7F049Z4DX"></script>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Expires" content="0">
    
    <title>Вход в KODARI TOP — Авторизация в электронном журнале Колледжа ТОП и Академии ТОП</title>
    <meta name="description" content="Войдите в KODARI TOP — электронный журнал Колледжа ТОП и Академии ТОП. Используйте логин от журнала или KODARI ID для быстрого доступа к оценкам, расписанию и домашним заданиям учащихся ТОП.">
    <meta name="keywords" content="вход KODARI TOP, авторизация колледж ТОП, вход академия ТОП, логин журнал ТОП, вход в электронный журнал ТОП, KODARI ID, личный кабинет студента ТОП, авторизация академия TOP, вход в систему ТОП, доступ к журналу колледж ТОП, вход для студентов ТОП">
    <meta name="author" content="KODARI">
    <meta name="robots" content="index, follow">
    <link rel="canonical" href="https://top.kodari.ru/login.php">
    
    <meta property="og:title" content="Вход в KODARI TOP — Электронный журнал Колледжа ТОП">
    <meta property="og:description" content="Авторизуйтесь в системе электронного журнала Колледжа ТОП. Вход через логин или KODARI ID.">
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://top.kodari.ru/login.php">
    <meta property="og:image" content="https://top.kodari.ru/app/img/Kodaritop-f.png">
    <meta property="og:image:width" content="1200">
    <meta property="og:image:height" content="630">
    <meta property="og:site_name" content="KODARI TOP">
    <meta property="og:locale" content="ru_RU">
    
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="Вход в KODARI TOP — Электронный журнал Колледжа ТОП">
    <meta name="twitter:description" content="Войдите в систему электронного журнала Колледжа ТОП. Авторизация через логин или KODARI ID.">
    <meta name="twitter:image" content="https://top.kodari.ru/app/img/Kodaritop-f.png">
    
    <link rel="icon" type="image/png" sizes="32x32" href="favicon.png">
    <link rel="icon" type="image/png" sizes="16x16" href="favicon.png">
    <link rel="shortcut icon" href="favicon.ico">
    <link rel="apple-touch-icon" href="favicon.png">
    <link rel="apple-touch-icon" sizes="180x180" href="favicon.png">
    <link rel="apple-touch-icon" sizes="152x152" href="favicon.png">
    <link rel="apple-touch-icon" sizes="144x144" href="favicon.png">
    <link rel="apple-touch-icon" sizes="120x120" href="favicon.png">
    <link rel="apple-touch-icon" sizes="114x114" href="favicon.png">
    <link rel="apple-touch-icon" sizes="76x76" href="favicon.png">
    <link rel="apple-touch-icon" sizes="72x72" href="favicon.png">
    <link rel="apple-touch-icon" sizes="60x60" href="favicon.png">
    <link rel="apple-touch-icon" sizes="57x57" href="favicon.png">
    
    <link rel="manifest" href="manifest.json">
    <meta name="theme-color" content="#000000">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <meta name="apple-mobile-web-app-title" content="KODARI TOP">
    <meta name="msapplication-TileColor" content="#000000">
    <meta name="msapplication-TileImage" content="favicon.png">
    <meta name="msapplication-config" content="browserconfig.xml">
    
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="style.css?v=1780836295">

    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "WebApplication",
        "name": "KODARI TOP",
        "alternateName": "Кодари ТОП",
        "description": "Официальная система электронного журнала для студентов Колледжа ТОП. Оценки, расписание, домашние задания.",
        "url": "https://top.kodari.ru/",
        "applicationCategory": "EducationalApplication",
        "operatingSystem": "Web Browser",
        "image": "https://top.kodari.ru/app/img/Kodaritop-f.png",
        "provider": {
            "@type": "Organization",
            "name": "KODARI",
            "url": "https://kodari.ru/",
            "logo": "https://top.kodari.ru/favicon.png"
        },
        "audience": {
            "@type": "EducationalAudience",
            "educationalRole": "student"
        },
        "featureList": [
            "Электронный журнал",
            "Просмотр оценок",
            "Расписание занятий",
            "Домашние задания",
            "Учебные материалы"
        ],
        "inLanguage": "ru-RU",
        "offers": {
            "@type": "Offer",
            "price": "0",
            "priceCurrency": "RUB"
        }
    }
    </script>
    
    </head>
<body>
        <div class="background-grid"></div>
    <div class="glow-orb orb-1"></div>
    <div class="glow-orb orb-2"></div>
    <div class="container">
        <div class="login-card">
            <header class="login-header">
                <h1 class="logo" itemprop="name">KODARI</h1>
                <p class="logo-subtitle" itemprop="description">
                    <span class="logo-subtitle-main">Журнальчик ТОП</span>
                    <span class="logo-subtitle-note">
                        Вводите логин и пароль от
                        <a href="https://journal.top-academy.ru/" target="_blank" rel="noopener noreferrer">journal</a>
                    </span>
                </p>
            </header>
            
            <form class="login-form" id="loginForm" role="main">
                <div class="form-group">
                    <label for="login">Логин от журнала</label>
                    <input type="text" id="login" name="login" placeholder="Введите логин" required aria-describedby="login-help">
                </div>
                
                <div class="form-group">
                    <label for="password">Пароль от журнала</label>
                    <input type="password" id="password" name="password" placeholder="Введите пароль" required aria-describedby="password-help">
                </div>
                
                <button type="submit" class="login-btn">
                    <span class="btn-text">Войти</span>
                    <svg class="btn-icon" width="20" height="20" viewBox="0 0 24 24" fill="none">
                        <path d="M13 7L18 12L13 17M6 12H18" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                    </svg>
                </button>
                
                <p class="agreement-text">
                    При использовании сервиса вы соглашаетесь с 
                    <a href="https://docs.kodari.ru/page.php?project=top-kodari&section=politiki&page=pol%D1%8Czovatel%D1%8Cskoe-soglashenie" target="_blank" rel="noopener noreferrer">пользовательским соглашением</a>
                </p>
                
                <div class="divider">
                    <span>или</span>
                </div>
                
                <a href="https://id.kodari.ru/id/service-connect.html?orgid=9774270" class="kodari-login-btn">
                    <img src="https://id.kodari.ru/id/img/kodari_id_w.png" width="20" height="20" alt="KODARI ID">
                    <span>Войти через KODARI ID</span>
                </a>
                

            </form>
        </div>
    </div>
    
    <script src="/config.php"></script>
    <script type="application/json" id="topLoginConfig">{"postLoginReturnUrl":"/app/"}</script>
    <script src="login-config.js?v=1780836295"></script>
    <script src="script.js?v=1780836295"></script>
    
    <script src="login-sqli-guard.js?v=1780836295"></script>
<style>
@keyframes easbIn {
    from { transform: translate(-50%, -16px); opacity: 0; }
    to   { transform: translate(-50%, 0);     opacity: 1; }
}
@keyframes easbOut {
    from { transform: translate(-50%, 0);     opacity: 1; }
    to   { transform: translate(-50%, -16px); opacity: 0; }
}
@keyframes easbPulse {
    0%,100% { opacity: 1; }
    50%     { opacity: 0.4; }
}
#externalApiStatusBanner {
    position: fixed; top: 16px; left: 50%; transform: translate(-50%, 0);
    z-index: 19999; width: calc(100% - 32px); max-width: 580px;
    display: flex; align-items: center; gap: 10px;
    padding: 11px 14px 11px 16px;
    background: rgba(18, 18, 18, 0.92);
    border: 1px solid rgba(245, 158, 11, 0.35);
    border-radius: 14px;
    box-shadow: 0 4px 24px rgba(0,0,0,0.45), inset 0 0 0 1px rgba(245,158,11,0.08);
    backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 13px; font-weight: 500; color: rgba(255,255,255,0.85);
    animation: easbIn 0.35s cubic-bezier(.22,1,.36,1) forwards;
    pointer-events: auto;
}
#externalApiStatusBanner.easb-hiding {
    animation: easbOut 0.25s ease forwards;
}
#externalApiStatusBanner .easb-icon {
    width: 28px; height: 28px; border-radius: 8px; flex-shrink: 0;
    background: rgba(245,158,11,0.15);
    display: flex; align-items: center; justify-content: center;
}
#externalApiStatusBanner .easb-icon svg {
    animation: easbPulse 2s ease-in-out infinite;
}
#externalApiStatusBanner .easb-text {
    flex: 1; line-height: 1.4;
}
#externalApiStatusBanner .easb-title {
    color: rgba(255,255,255,0.95); font-weight: 600; display: block; margin-bottom: 2px;
}
#externalApiStatusBanner .easb-sub {
    color: rgba(255,255,255,0.45); font-size: 12px; display: block;
}
#externalApiStatusBanner .easb-close {
    width: 26px; height: 26px; border-radius: 7px; flex-shrink: 0;
    background: transparent; border: none; cursor: pointer;
    display: flex; align-items: center; justify-content: center;
    color: rgba(255,255,255,0.35); transition: background 0.15s, color 0.15s;
    padding: 0;
}
#externalApiStatusBanner .easb-close:hover {
    background: rgba(255,255,255,0.08); color: rgba(255,255,255,0.7);
}
</style>
<div id="externalApiStatusBanner">
    <div class="easb-icon">
        <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="#f59e0b" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
            <path d="M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z"/>
            <line x1="12" y1="9" x2="12" y2="13"/>
            <line x1="12" y1="17" x2="12.01" y2="17"/>
        </svg>
    </div>
    <div class="easb-text">
        <span class="easb-title">Сервер журнала временно недоступен</span>
        <span class="easb-sub">Часть данных может быть устаревшей — KODARI TOP продолжает работать</span>
    </div>
    <button class="easb-close" data-easb-close aria-label="Закрыть">
        <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round">
            <line x1="18" y1="6" x2="6" y2="18"/>
            <line x1="6" y1="6" x2="18" y2="18"/>
        </svg>
    </button>
</div>
<script src="/path/ext-api-banner.js?v=1780836295"></script>
</body>
</html>