add

2026-02-26 09:54:25 +03:00
parent 1c0c65a5dc
commit 91b6cfc9cf
4 changed files with 382 additions and 0 deletions
--- a/home-orgininal.tmpl
+++ b/home-orgininal.tmpl
@@ -0,0 +1,148 @@
+{{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" .}}