add templates logo
This commit is contained in:
BIN
assets/third-echelon-logo.png
Normal file
BIN
assets/third-echelon-logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.9 MiB |
@@ -4,7 +4,6 @@
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>▮ ТРЕТИЙ ЭШЕЛОН ▮ ДОСТУП ОПЕРАТИВНИКА</title>
|
||||
<link rel="stylesheet" href="style/style.css">
|
||||
<style>
|
||||
body { margin: 0; overflow: hidden; font-family: 'Courier New', monospace; }
|
||||
#info {
|
||||
@@ -50,6 +49,35 @@
|
||||
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>
|
||||
@@ -57,10 +85,13 @@
|
||||
<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>
|
||||
📡 СВЯЗЬ: <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">
|
||||
{
|
||||
139
logoadd.html
Normal file
139
logoadd.html
Normal file
@@ -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>
|
||||
Reference in New Issue
Block a user