add templates logo

2026-02-26 10:27:07 +03:00
parent 91b6cfc9cf
commit 2853fd734e
3 changed files with 172 additions and 2 deletions
--- a/logoadd.html
+++ b/logoadd.html
@@ -0,0 +1,139 @@
+<!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>