Merge pull request 'new-templates' (#1 ) from new-tempates into main

Reviewed-on: #1
new-templates
2026-03-13 12:27:57 +00:00 · 2026-03-13 15:25:38 +03:00 · 2026-02-26 13:20:13 +03:00
9 changed files with 261 additions and 920 deletions
--- a/README.md
+++ b/README.md
@@ -1,14 +1,3 @@
 # ██████╗ ███████╗ ██████╗██████╗  █████╗ ██████╗ ███████╗██╗     
 # ██╔══██╗██╔════╝██╔════╝██╔══██╗██╔══██╗██╔══██╗██╔════╝██║     
 # ██████╔╝█████╗  ██║     ██████╔╝███████║██████╔╝█████╗  ██║     
 # ██╔══██╗██╔══╝  ██║     ██╔══██╗██╔══██║██╔══██╗██╔══╝  ██║     
 # ██║  ██║███████╗╚██████╗██║  ██║██║  ██║██║  ██║███████╗███████╗
 # ╚═╝  ╚═╝╚══════╝ ╚═════╝╚═╝  ╚═╝╚═╝  ╚═╝╚═╝  ╚═╝╚══════╝╚══════╝
 #     ▄▄▄·  ▄▄▄· ▄▄▄  ▄▄▄ . ▄▄▄·  ▄▄▄· ▄▄▄▄▄ ▄ .▄
 #    ▐█ ▀█ ▐█ ▄█ ▐█ ▀█ ▀▄.▀·▐█ ▀█ ▐█ ▀█ •██  ██▪▐█
 #    ▄█▀▀█  ██▀· ▄█▀▀█ ▐▀▀▪▄▄█▀▀█ ▄█▀▀█  ▐█.▪██▀▐█
 #    ▐█ ▪▐▌▐█▪·•▐█ ▪▐▌▐█▄▄▌▐█ ▪▐▌▐█ ▪▐▌ ▐█▌·██▌▐▀
 #     ▀  ▀ .▀    ▀  ▀  ▀▀▀  ▀  ▀  ▀  ▀  ▀▀▀ ▀▀▀ ·
 # =====================================================================
 # 🔹 **ТРЕТИЙ ЭШЕЛОН** | СЕКРЕТНЫЙ РЕПОЗИТОРИЙ
 # =====================================================================
@@ -25,7 +14,7 @@
 # ---
 #
 # ## 🎮 3D-интерфейс
-# Для входа в систему визуализации данных откройте [`index.html`](index.html) в корне репозитория.  
+# Для входа в систему визуализации данных откройте [`index.html`](Изначальный.html) в корне репозитория.  
 # Требуется современный браузер с поддержкой WebGL.
 #
 # ![Third Echelon](assets/third-echelon-logo.png)
--- a/assets/4444.png
+++ b/assets/4444.png
--- a/assets/third-echelon-logo.png
+++ b/assets/third-echelon-logo.png
--- a/backup-index.html
+++ b/backup-index.html
@@ -1,224 +0,0 @@
 <!DOCTYPE html>
 <html lang="ru">
 <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>▮ ТРЕТИЙ ЭШЕЛОН ▮ ДОСТУП ОПЕРАТИВНИКА</title>
    <style>
        body { margin: 0; overflow: hidden; font-family: 'Courier New', monospace; }
        #info {
            position: absolute;
            bottom: 30px;
            left: 30px;
            color: #0f0;
            background: rgba(0,0,0,0.7);
            padding: 15px 25px;
            border-left: 4px solid #0f0;
            z-index: 10;
            text-shadow: 0 0 5px #0f0;
            pointer-events: none;
            border-radius: 0 8px 8px 0;
            backdrop-filter: blur(3px);
        }
        #info a {
            color: #0f0;
            text-decoration: none;
            border-bottom: 1px dashed #0f0;
        }
        #status {
            position: absolute;
            top: 30px;
            right: 30px;
            color: #0f0;
            background: rgba(0,0,0,0.5);
            padding: 8px 15px;
            border: 1px solid #0f0;
            z-index: 10;
            font-size: 14px;
            letter-spacing: 2px;
            backdrop-filter: blur(3px);
        }
        .corner-triangle {
            position: absolute;
            top: 0;
            left: 0;
            width: 0;
            height: 0;
            border-top: 60px solid #0f0;
            border-right: 60px solid transparent;
            z-index: 20;
            opacity: 0.6;
        }
        /* Стили для кнопки входа */
        #login-button {
            position: absolute;
            bottom: 30px;
            right: 30px;
            z-index: 30;
            background: transparent;
            border: 2px solid #0f0;
            color: #0f0;
            padding: 12px 30px;
            font-size: 18px;
            font-weight: bold;
            font-family: 'Courier New', monospace;
            text-transform: uppercase;
            letter-spacing: 4px;
            cursor: pointer;
            backdrop-filter: blur(3px);
            background-color: rgba(0, 20, 0, 0.4);
            box-shadow: 0 0 15px #0f0;
            transition: 0.3s;
            text-decoration: none;
            display: inline-block;
        }
        #login-button:hover {
            background-color: #0f0;
            color: #000;
            box-shadow: 0 0 30px #0f0;
            border-color: #fff;
        }
    </style>
 </head>
 <body>
    <div class="corner-triangle"></div>
    <div id="status">🔒 СЕКРЕТНО // ТОЛЬКО ДЛЯ ОПЕРАТИВНИКОВ</div>
    <div id="info">
        ⚡ ОПЕРАТИВНИК: <strong>Spirin Evgeniy</strong><br>
        📡 СВЯЗЬ: <a href="https://t.me/Y0zhyck" target="_blank">Telegram</a><br>
        <span style="font-size:12px; opacity:0.7;">▸ ДОСТУП РАЗРЕШЁН ТОЛЬКО СОТРУДНИКАМ 3-ГО ЭШЕЛОНА ◂</span>
    </div>
    <!-- Кнопка входа (ведёт на страницу логина Gitea, замени ссылку при необходимости) -->
    <a href="/user/login" id="login-button">⎈ ВОЙТИ ⎈</a>
    <!-- Подключаем Three.js с CDN -->
    <script type="importmap">
        {
            "imports": {
                "three": "https://unpkg.com/three@0.128.0/build/three.module.js"
            }
        }
    </script>
    <script type="module">
        import * as THREE from 'three';
        import { OrbitControls } from 'https://unpkg.com/three@0.128.0/examples/jsm/controls/OrbitControls.js';
        // Инициализация сцены, камеры, рендерера
        const scene = new THREE.Scene();
        scene.background = new THREE.Color(0x050510); // тёмно-синий почти чёрный
        const camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);
        camera.position.set(0, 2, 8);
        const renderer = new THREE.WebGLRenderer({ antialias: true, alpha: false });
        renderer.setSize(window.innerWidth, window.innerHeight);
        renderer.shadowMap.enabled = false; // для лёгкости
        renderer.setPixelRatio(window.devicePixelRatio);
        document.body.appendChild(renderer.domElement);
        // Освещение
        const ambientLight = new THREE.AmbientLight(0x404060);
        scene.add(ambientLight);
        const dirLight = new THREE.DirectionalLight(0xffffff, 1);
        dirLight.position.set(1, 2, 1);
        scene.add(dirLight);
        const pointLight = new THREE.PointLight(0x00ff00, 0.5, 10);
        pointLight.position.set(0, 1, 3);
        scene.add(pointLight);
        // Создаём логотип "3-й эшелон" из геометрий
        const group = new THREE.Group();
        // Центральный элемент: буква "III" из цилиндров
        const material = new THREE.MeshStandardMaterial({ color: 0x00ff00, emissive: 0x003300 });
        const createPillar = (x, y, z, height = 2) => {
            const geometry = new THREE.CylinderGeometry(0.3, 0.3, height, 16);
            const pillar = new THREE.Mesh(geometry, material);
            pillar.position.set(x, y + height/2, z);
            return pillar;
        };
        group.add(createPillar(-1.5, 0, 0, 2.2)); // левая
        group.add(createPillar(0, 0, 0, 2.5));    // центральная
        group.add(createPillar(1.5, 0, 0, 2.2));  // правая
        // Нижняя перекладина
        const baseGeo = new THREE.BoxGeometry(4.2, 0.2, 0.6);
        const baseMat = new THREE.MeshStandardMaterial({ color: 0x00aa00, emissive: 0x002200 });
        const base = new THREE.Mesh(baseGeo, baseMat);
        base.position.set(0, 0.1, 0);
        group.add(base);
        // Верхняя перекладина
        const topBar = new THREE.Mesh(baseGeo, baseMat);
        topBar.position.set(0, 2.4, 0);
        group.add(topBar);
        // Добавляем вращающиеся кольца вокруг
        const ringMaterial = new THREE.MeshStandardMaterial({ color: 0x00ff00, emissive: 0x002200, wireframe: true });
        const ringGeo = new THREE.TorusGeometry(2.0, 0.05, 16, 64);
        const ring = new THREE.Mesh(ringGeo, ringMaterial);
        ring.rotation.x = Math.PI / 2;
        ring.rotation.z = Date.now() * 0.001;
        group.add(ring);
        const ring2 = new THREE.Mesh(new THREE.TorusGeometry(2.3, 0.03, 16, 64), ringMaterial);
        ring2.rotation.x = Math.PI / 2;
        ring2.rotation.y = 0.3;
        group.add(ring2);
        scene.add(group);
        // Добавляем звёзды/частицы для атмосферы
        const starsGeo = new THREE.BufferGeometry();
        const starsCount = 800;
        const positions = new Float32Array(starsCount * 3);
        for (let i = 0; i < starsCount * 3; i += 3) {
            positions[i] = (Math.random() - 0.5) * 40;
            positions[i+1] = (Math.random() - 0.5) * 20;
            positions[i+2] = (Math.random() - 0.5) * 40 - 10; // распределение вглубь
        }
        starsGeo.setAttribute('position', new THREE.BufferAttribute(positions, 3));
        const starsMat = new THREE.PointsMaterial({ color: 0x226622, size: 0.08 });
        const stars = new THREE.Points(starsGeo, starsMat);
        scene.add(stars);
        // Анимация
        let clock = new THREE.Clock();
        function animate() {
            requestAnimationFrame(animate);
            const delta = clock.getDelta();
            const time = performance.now() * 0.001;
            // Вращаем группу медленно
            group.rotation.y += 0.002;
            group.rotation.x = Math.sin(time * 0.2) * 0.1;
            // Вращаем кольца независимо
            ring.rotation.z += 0.005;
            ring2.rotation.y += 0.003;
            // Мерцание звёзд (меняем размер)
            stars.material.size = 0.08 + Math.sin(time * 5) * 0.02;
            renderer.render(scene, camera);
        }
        animate();
        // Адаптация под ресайз окна
        window.addEventListener('resize', onWindowResize, false);
        function onWindowResize() {
            camera.aspect = window.innerWidth / window.innerHeight;
            camera.updateProjectionMatrix();
            renderer.setSize(window.innerWidth, window.innerHeight);
        }
    </script>
 </body>
 </html>
--- a/home-orgininal.tmpl
+++ b/home-orgininal.tmpl
@@ -1,148 +0,0 @@
 {{template "base/head" .}}
 <style>
  :root {
    --bg-color: #0f1217;
    --text-color: #b0ffb0;
    --accent-color: #4af030;
    --secondary-color: #2a3a2a;
    --glow: 0 0 10px rgba(74, 240, 48, 0.5);
  }
  body {
    background-color: var(--bg-color) !important;
    color: var(--text-color) !important;
    font-family: 'Courier New', monospace;
    animation: fadeIn 1.5s ease-in-out; /* плавное появление всей страницы */
  }
  .home {
    background: transparent !important;
  }
  .logo {
    filter: drop-shadow(0 0 20px #4af030);
    border-radius: 50%;
    background: #0a0e12;
    padding: 10px;
    animation: glowPulse 3s infinite ease-in-out; /* пульсация свечения */
  }
  .hero h1, .hero h2 {
    font-family: 'Courier New', monospace;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: var(--accent-color) !important;
    text-shadow: var(--glow);
  }
  .hero h1 {
    font-size: 3rem;
    animation: textFlicker 4s infinite; /* мерцание неона */
  }
  .page-grid {
    border: 1px solid var(--secondary-color);
    box-shadow: inset 0 0 50px rgba(0,255,0,0.1);
    padding: 2rem;
    margin: 1rem 0;
    background: rgba(0,10,0,0.3);
    backdrop-filter: blur(2px);
    animation: slideUp 1s ease-out; /* появление снизу */
  }
  .column h1 {
    color: var(--accent-color) !important;
    font-size: 1.8rem;
    border-bottom: 1px dashed var(--secondary-color);
    padding-bottom: 0.5rem;
  }
  .column p {
    color: #aaa;
    line-height: 1.8;
    animation: fadeIn 2s ease-in; /* текст проявляется чуть позже */
  }
  .column a {
    color: var(--accent-color) !important;
    text-decoration: none;
    border-bottom: 1px dotted var(--accent-color);
    transition: text-shadow 0.3s;
  }
  .column a:hover {
    text-shadow: var(--glow);
  }
  .footer-cursor {
    text-align: center;
    margin-top: 2rem;
    color: var(--accent-color);
    animation: blink 1s step-end infinite;
  }
  /* Ключевые кадры */
  @keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
  }
  @keyframes glowPulse {
    0% { filter: drop-shadow(0 0 15px #4af030); transform: scale(1); }
    50% { filter: drop-shadow(0 0 30px #4af030); transform: scale(1.02); }
    100% { filter: drop-shadow(0 0 15px #4af030); transform: scale(1); }
  }
  @keyframes textFlicker {
    0%, 19%, 21%, 23%, 25%, 54%, 56%, 100% { opacity: 1; text-shadow: 0 0 5px #4af030, 0 0 15px #4af030; }
    20%, 24%, 55% { opacity: 0.7; text-shadow: none; }
  }
  @keyframes slideUp {
    0% { opacity: 0; transform: translateY(30px); }
    100% { opacity: 1; transform: translateY(0); }
  }
  @keyframes blink {
    0%,100% { opacity: 1; }
    50% { opacity: 0; }
  }
 </style>
 <div role="main" aria-label="{{if .IsSigned}}{{ctx.Locale.Tr "dashboard"}}{{else}}{{ctx.Locale.Tr "home"}}{{end}}" class="page-content home">
  <div class="tw-mb-8 tw-px-8">
    <div class="center">
      <img class="logo" width="220" height="220" src="{{AssetUrlPrefix}}/img/logo.png" alt="{{ctx.Locale.Tr "logo"}}">
      <div class="hero">
        <h1 class="ui icon header title tw-text-balance">
          {{if .IsSigned}}АГЕНТ {{.SignedUser.Name}} В СЕТИ{{else}}ТРЕТИЙ ЭШЕЛОН / GIT{{end}}
        </h1>
        <h2 class="tw-text-balance">
          {{if .IsSigned}}Журналы миссий{{else}}Частный репозиторий{{end}}
        </h2>
      </div>
    </div>
  </div>
  <div class="ui stackable middle very relaxed page grid">
    <div class="eight wide center column">
      <h1 class="hero ui icon header">
        {{svg "octicon-flame"}} МИССИЯ: УСТАНОВЛЕН
      </h1>
      <p class="large tw-text-balance">
        Развернут в режиме скрытности.
      </p>
    </div>
    <div class="eight wide center column">
      <h1 class="hero ui icon header">
        {{svg "octicon-device-desktop"}} ОПЕРАЦИОННАЯ ПЛАТФОРМА
      </h1>
      <p class="large tw-text-balance">
        Внедрён в UBUNTU 24 LTS.
      </p>
      <p class="large tw-text-balance" style="margin-top: 1rem;">
        <span style="opacity:0.7;">Оперативник</span> <strong style="color:var(--accent-color);"><a href="https://t.me/Y0zhyck">Yozhyck</a></strong>
      </p>
    </div>
  </div>
  <div class="ui stackable middle very relaxed page grid">
    <div class="eight wide center column">
      <h1 class="hero ui icon header">
        {{svg "octicon-rocket"}} СКРЫТЫЕ ОПЕРАЦИИ
      </h1>
      <p class="large tw-text-balance">
        Лёгкий и незаметный. Минимальное воздействие, максимальная производительность. Никаких следов.
      </p>
    </div>
  </div>
  <div class="footer-cursor">_</div>
 </div>
 {{template "base/footer" .}}
--- a/ilike.html
+++ b/ilike.html
@@ -1,390 +0,0 @@
 {{template "base/head" .}}
 <style>
 :root{
 --bg:#020304;
 --green:#4af030;
 --dark:#0a0f0a;
 }
 body{
 background:black!important;
 color:var(--green);
 font-family:Courier New,monospace;
 overflow:hidden;
 }
 /* GRID */
 body::before{
 content:"";
 position:fixed;
 width:100%;
 height:100%;
 background-image:
 linear-gradient(rgba(0,255,0,0.06) 1px, transparent 1px),
 linear-gradient(90deg, rgba(0,255,0,0.06) 1px, transparent 1px);
 background-size:40px 40px;
 pointer-events:none;
 }
 /* CRT */
 body::after{
 content:"";
 position:fixed;
 width:100%;
 height:100%;
 background:
 linear-gradient(
 rgba(0,255,0,0.03),
 rgba(0,255,0,0.03)
 );
 animation:flicker 0.15s infinite;
 pointer-events:none;
 }
@keyframes flicker{
 0%{opacity:0.9}
 50%{opacity:1}
 100%{opacity:0.9}
 }
 /* CENTER */
 .center{
 position:absolute;
 top:50%;
 left:50%;
 transform:translate(-50%,-50%);
 text-align:center;
 }
 /* LOGO */
 #logo3d{
 width:260px;
 height:260px;
 margin:auto;
 filter:
 drop-shadow(0 0 20px #4af030)
 drop-shadow(0 0 60px #4af030);
 }
 /* TEXT */
 .title{
 font-size:38px;
 margin-top:20px;
 text-shadow:0 0 20px #4af030;
 animation:flickerText 3s infinite;
 }
@keyframes flickerText{
 0%,18%,22%,25%,53%,57%,100%{opacity:1}
 20%,24%,55%{opacity:0.4}
 }
 /* STATUS */
 .status{
 margin-top:20px;
 font-size:18px;
 opacity:0.8;
 }
 /* SCANNER */
 .scan{
 position:fixed;
 width:100%;
 height:3px;
 background:#4af030;
 box-shadow:0 0 20px #4af030;
 animation:scan 4s linear infinite;
 }
@keyframes scan{
 0%{top:0}
 100%{top:100%}
 }
 </style>
 <div class="scan"></div>
 <div class="center">
 <div id="logo3d"></div>
 <div class="title">
 THIRD ECHELON
 </div>
 <div class="status" id="status">
 INITIALIZING SYSTEM...
 </div>
 </div>
 <script type="importmap">
 {
 "imports":{
 "three":
 "https://unpkg.com/three@0.128.0/build/three.module.js"
 }
 }
 </script>
 <script type="module">
 import * as THREE from "three";
 const container =
 document.getElementById("logo3d");
 const scene =
 new THREE.Scene();
 const camera =
 new THREE.PerspectiveCamera(
 45,
 1,
 0.1,
 1000
 );
 camera.position.z=3;
 const renderer =
 new THREE.WebGLRenderer({
 alpha:true,
 antialias:true
 });
 renderer.setSize(260,260);
 renderer.setClearColor(0x000000,0);
 container.appendChild(
 renderer.domElement
 );
 /* LOGO TEXTURE */
 const texture =
 new THREE.TextureLoader().load(
 "https://git.grenu4.ru/y0zhyck/templates-for-gitea/media/branch/main/assets/third-echelon-logo.png"
 );
 /* LOGO */
 const mesh =
 new THREE.Mesh(
 new THREE.CircleGeometry(1,64),
 new THREE.MeshBasicMaterial({
 map:texture,
 transparent:true
 })
 );
 scene.add(mesh);
 /* GLOW */
 const glow =
 new THREE.Mesh(
 new THREE.CircleGeometry(1.2,64),
 new THREE.MeshBasicMaterial({
 color:0x4af030,
 transparent:true,
 opacity:0.15
 })
 );
 scene.add(glow);
 function animate(){
 requestAnimationFrame(animate);
 mesh.rotation.y+=0.01;
 glow.rotation.y-=0.005;
 renderer.render(scene,camera);
 }
 animate();
 /* STATUS TEXT */
 const status =
 document.getElementById("status");
 setTimeout(()=>{
 status.innerHTML="CONNECTING TO NSA...";
 },2000);
 setTimeout(()=>{
 status.innerHTML="AUTHENTICATING OPERATIVE...";
 },4000);
 setTimeout(()=>{
 status.innerHTML="ACCESS GRANTED";
 status.style.color="#7CFF00";
 },6000);
 </script>
 {{template "base/footer" .}}
--- a/index.html
+++ b/index.html
@@ -0,0 +1,260 @@
 <!DOCTYPE html>
 <html lang="ru">
 <head>
 <meta charset="UTF-8">
 <title>NSA Secure Terminal</title>
 <style>
 body{
 margin:0;
 background:#000;
 font-family:monospace;
 color:#00ff88;
 overflow:hidden;
 }
 /* GRID */
 .grid{
 position:absolute;
 width:100%;
 height:100%;
 background:
 linear-gradient(#00ff8822 1px, transparent 1px),
 linear-gradient(90deg,#00ff8822 1px, transparent 1px);
 background-size:40px 40px;
 }
 /* SCAN LINE */
 .scanline{
 position:absolute;
 width:100%;
 height:4px;
 background:#00ff88;
 opacity:.2;
 animation:scan 4s linear infinite;
 }
@keyframes scan{
 0%{top:-10%}
 100%{top:110%}
 }
 /* MATRIX */
 canvas{
 position:absolute;
 top:0;
 left:0;
 }
 /* RADAR */
 .radar{
 position:absolute;
 right:50px;
 top:50px;
 width:150px;
 height:150px;
 border:1px solid #00ff88;
 border-radius:50%;
 }
 .radar::after{
 content:"";
 position:absolute;
 width:50%;
 height:2px;
 background:#00ff88;
 top:50%;
 left:50%;
 transform-origin:left;
 animation:radar 3s linear infinite;
 }
@keyframes radar{
 0%{transform:rotate(0deg)}
 100%{transform:rotate(360deg)}
 }
 /* LOGIN BOX */
 .login{
 position:absolute;
 top:50%;
 left:50%;
 transform:translate(-50%,-50%);
 border:1px solid #00ff88;
 padding:40px;
 width:350px;
 background:rgba(0,20,0,.85);
 box-shadow:0 0 30px #00ff88;
 }
 /* SAM FISHER LIGHTS */
 .goggles{
 display:flex;
 justify-content:center;
 gap:10px;
 margin-bottom:20px;
 }
 .light{
 width:14px;
 height:14px;
 border-radius:50%;
 background:#00ff88;
 box-shadow:0 0 15px #00ff88,0 0 30px #00ff88;
 }
 /* INPUT */
 input{
 width:100%;
 margin:10px 0;
 padding:10px;
 background:#001a00;
 border:1px solid #00ff88;
 color:#00ff88;
 }
 /* BUTTON */
 button{
 width:100%;
 padding:12px;
 background:#002200;
 border:1px solid #00ff88;
 color:#00ff88;
 cursor:pointer;
 }
 button:hover{
 background:#00ff88;
 color:#000;
 }
 /* TERMINAL TEXT */
 .terminal{
 position:absolute;
 bottom:30px;
 left:30px;
 font-size:14px;
 }
 .cursor{
 animation:blink 1s infinite;
 }
@keyframes blink{
 0%,50%,100%{opacity:1}
 25%,75%{opacity:0}
 }
 /* GLITCH */
 .glitch{
 animation:glitch 2s infinite;
 }
@keyframes glitch{
 0%{text-shadow:2px 0 red}
 20%{text-shadow:-2px 0 blue}
 40%{text-shadow:2px 0 green}
 60%{text-shadow:-2px 0 red}
 80%{text-shadow:2px 0 blue}
 100%{text-shadow:0 0 5px #00ff88}
 }
 </style>
 </head>
 <body>
 <div class="grid"></div>
 <div class="scanline"></div>
 <canvas id="matrix"></canvas>
 <div class="radar"></div>
 <div class="login">
 <div class="goggles">
 <div class="light"></div>
 <div class="light"></div>
 <div class="light"></div>
 </div>
 <h2 class="glitch">NSA SECURE TERMINAL</h2>
 <form action="/user/login" method="post">
 <input type="text" name="user_name" placeholder="username">
 <input type="password" name="password" placeholder="password">
 <button>ACCESS SYSTEM</button>
 </form>
 </div>
 <div class="terminal">
 Initializing secure channel...<br>
 Scanning user credentials...<br>
 Access protocol ready<span class="cursor">_</span>
 </div>
 <script>
 /* MATRIX RAIN */
 const canvas=document.getElementById("matrix")
 const ctx=canvas.getContext("2d")
 canvas.height=window.innerHeight
 canvas.width=window.innerWidth
 const letters="01GITEA_SECURE_ACCESS"
 letters.split("")
 const font=14
 const columns=canvas.width/font
 const drops=[]
 for(let x=0;x<columns;x++)
 drops[x]=1
 function draw(){
 ctx.fillStyle="rgba(0,0,0,.05)"
 ctx.fillRect(0,0,canvas.width,canvas.height)
 ctx.fillStyle="#00ff88"
 ctx.font=font+"px monospace"
 for(let i=0;i<drops.length;i++){
 const text=letters.charAt(Math.floor(Math.random()*letters.length))
 ctx.fillText(text,i*font,drops[i]*font)
 if(drops[i]*font>canvas.height && Math.random()>0.975)
 drops[i]=0
 drops[i]++
 }
 }
 setInterval(draw,33)
 </script>
 </body>
 </html>
--- a/logoadd.html
+++ b/logoadd.html
@@ -1,139 +0,0 @@
 <!DOCTYPE html>
 <html lang="ru">
 <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>▮ ТРЕТИЙ ЭШЕЛОН ▮ ДОСТУП ОПЕРАТИВНИКА</title>
    <style>
        /* все стили остаются без изменений */
        body { margin: 0; overflow: hidden; font-family: 'Courier New', monospace; }
        #info {
            position: absolute;
            bottom: 30px;
            left: 30px;
            color: #0f0;
            background: rgba(0,0,0,0.7);
            padding: 15px 25px;
            border-left: 4px solid #0f0;
            z-index: 10;
            text-shadow: 0 0 5px #0f0;
            pointer-events: none;
            border-radius: 0 8px 8px 0;
            backdrop-filter: blur(3px);
        }
        #info a {
            color: #0f0;
            text-decoration: none;
            border-bottom: 1px dashed #0f0;
        }
        #status {
            position: absolute;
            top: 30px;
            right: 30px;
            color: #0f0;
            background: rgba(0,0,0,0.5);
            padding: 8px 15px;
            border: 1px solid #0f0;
            z-index: 10;
            font-size: 14px;
            letter-spacing: 2px;
            backdrop-filter: blur(3px);
        }
        .corner-triangle {
            position: absolute;
            top: 0;
            left: 0;
            width: 0;
            height: 0;
            border-top: 60px solid #0f0;
            border-right: 60px solid transparent;
            z-index: 20;
            opacity: 0.6;
        }
        #login-button {
            position: absolute;
            bottom: 30px;
            right: 30px;
            z-index: 30;
            background: transparent;
            border: 2px solid #0f0;
            color: #0f0;
            padding: 12px 30px;
            font-size: 18px;
            font-weight: bold;
            font-family: 'Courier New', monospace;
            text-transform: uppercase;
            letter-spacing: 4px;
            cursor: pointer;
            backdrop-filter: blur(3px);
            background-color: rgba(0, 20, 0, 0.4);
            box-shadow: 0 0 15px #0f0;
            transition: 0.3s;
            text-decoration: none;
            display: inline-block;
        }
        #login-button:hover {
            background-color: #0f0;
            color: #000;
            box-shadow: 0 0 30px #0f0;
            border-color: #fff;
        }
        /* Стили для логотипа (способ 1) */
        #corner-logo {
            position: absolute;
            top: 20px;
            left: 20px;
            width: 150px;
            z-index: 30;
            opacity: 0.9;
            filter: drop-shadow(0 0 10px #0f0);
            pointer-events: none; /* чтобы не мешал кликам по кнопке */
        }
    </style>
 </head>
 <body>
    <div class="corner-triangle"></div>
    <!-- Логотип в углу (способ 1) -->
    <img src="assets/third-echelon-logo.png" alt="Third Echelon" id="corner-logo">
    <div id="status">🔒 СЕКРЕТНО // ТОЛЬКО ДЛЯ ОПЕРАТИВНИКОВ</div>
    <div id="info">
        ⚡ ОПЕРАТИВНИК: <strong>Spirin Evgeniy</strong><br>
        📡 СВЯЗЬ: <a href="https://t.me/Y0zhyck" target="_blank">https://t.me/Y0zhyck</a><br>
        <span style="font-size:12px; opacity:0.7;">▸ ДОСТУП РАЗРЕШЁН ТОЛЬКО СОТРУДНИКАМ 3-ГО ЭШЕЛОНА ◂</span>
    </div>
    <!-- Кнопка входа -->
    <a href="/user/login" id="login-button">⎈ ВОЙТИ ⎈</a>
    <!-- Подключаем Three.js -->
    <script type="importmap">
        {
            "imports": {
                "three": "https://unpkg.com/three@0.128.0/build/three.module.js"
            }
        }
    </script>
    <script type="module">
        // Здесь весь твой предыдущий код Three.js (без изменений)
        import * as THREE from 'three';
        import { OrbitControls } from 'https://unpkg.com/three@0.128.0/examples/jsm/controls/OrbitControls.js';
        const scene = new THREE.Scene();
        scene.background = new THREE.Color(0x050510);
        const camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);
        camera.position.set(0, 2, 8);
        const renderer = new THREE.WebGLRenderer({ antialias: true, alpha: false });
        renderer.setSize(window.innerWidth, window.innerHeight);
        renderer.shadowMap.enabled = false;
        renderer.setPixelRatio(window.devicePixelRatio);
        document.body.appendChild(renderer.domElement);
        // освещение, группа, звёзды и анимация (как у тебя)
        // ... (полный код из предыдущего сообщения)
        // Я не копирую его повторно, чтобы не загромождать ответ, но ты вставишь свой полный скрипт сюда.
        // Убедись, что группа с колоннами и кольцами остаётся, если не заменяешь её спрайтом.
    </script>
 </body>
 </html>
--- a/style/style.css
+++ b/style/style.css
@@ -1,7 +0,0 @@
 /* Дополнительные стили для страницы, если потребуется */
 body {
    margin: 0;
    overflow: hidden;
    font-family: 'Courier New', monospace;
 }
 /* Всё остальное уже в index.html */
Author	SHA1	Message	Date
Evgeniy Spirin	ae5cfdbfc5	Merge pull request 'new-templates' (#1 ) from new-tempates into main Reviewed-on: #1	2026-03-13 12:27:57 +00:00
Evgeniy	b3bb417519	new-templates	2026-03-13 15:25:38 +03:00
Evgeniy	fb82a41e4e	убрал говно, сделал норм, оставил другой шаблон	2026-02-26 13:20:13 +03:00