From df580e22c0a0fd0c79f59bdf7eb3e91c9c8c7420 Mon Sep 17 00:00:00 2001
From: Alexander <58055542+IMrProYTI@users.noreply.github.com>
Date: Fri, 6 Mar 2026 18:43:13 +0300
Subject: [PATCH] =?UTF-8?q?feat:=20=D0=BE=D0=B1=D0=BD=D0=BE=D0=B2=D0=BB?=
 =?UTF-8?q?=D0=B5=D0=BD=D0=B8=D0=B5=20=D0=BC=D0=B5=D1=82=D0=B0=D0=B4=D0=B0?=
 =?UTF-8?q?=D0=BD=D0=BD=D1=8B=D1=85=20=D0=B8=20=D0=B4=D0=BE=D0=B1=D0=B0?=
 =?UTF-8?q?=D0=B2=D0=BB=D0=B5=D0=BD=D0=B8=D0=B5=20=D0=BD=D0=BE=D0=B2=D0=BE?=
 =?UTF-8?q?=D0=B3=D0=BE=20=D0=BA=D0=BE=D0=BC=D0=BF=D0=BE=D0=BD=D0=B5=D0=BD?=
 =?UTF-8?q?=D1=82=D0=B0=20WarningSection?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html                        |  10 ++-
 src/App.vue                       |   2 +
 src/components/HeroSection.vue    |   4 +-
 src/components/RitsuSection.vue   | 101 ++++++++++++++----------------
 src/components/SiteFooter.vue     |   6 +-
 src/components/TitleLogo.vue      |   2 +-
 src/components/WarningSection.vue |   9 +++
 7 files changed, 72 insertions(+), 62 deletions(-)
 create mode 100644 src/components/WarningSection.vue
diff --git a/index.html b/index.html
index a1f370f..c31c4c1 100644
--- a/index.html
+++ b/index.html
@@ -1,11 +1,17 @@
 <!doctype html>
-<html lang="en">
+<html lang="ru">
   <head>
     <meta charset="UTF-8" />
     <link rel="icon" href="/favicon.ico" type="image/x-icon">
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <link rel="stylesheet" href="colors.css">
-    <title>Nevedom Hren</title>
+    <title>Неведомая Хрень</title>
+    <link rel="canonical" href="https://nevedom.kernils.ru/">
+    <meta name="description" content="Cайт канала Неведомая Хрень в Telegram. Здесь вы найдете информацию о канале. Присоединяйтесь!" />
+    <link rel="license" href="https://creativecommons.org/publicdomain/zero/1.0/">
+    <meta name="author" content="Неведомая Хрень">
+    <meta name="keywords" content="Телеграм, канал, Неведомая Хрень, антиутопия">
+    <meta name="rating" content="general" />
   </head>
   <body class="dark:bg-gray-950 dark:text-white">
     <div id="app"></div>
diff --git a/src/App.vue b/src/App.vue
index c01e7c5..15f5f1b 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -6,6 +6,7 @@
   ]">
     <SiteHeader />
     <HeroSection />
+    <WarningSection />
     <RitsuSection />
     <SupportSection />
     <SiteFooter />
@@ -16,6 +17,7 @@
 import { onMounted } from 'vue'
 import SiteHeader from './components/SiteHeader.vue'
 import HeroSection from './components/HeroSection.vue'
+import WarningSection from './components/WarningSection.vue'
 import RitsuSection from './components/RitsuSection.vue'
 import SupportSection from './components/SupportSection.vue'
 import SiteFooter from './components/SiteFooter.vue'
diff --git a/src/components/HeroSection.vue b/src/components/HeroSection.vue
index e88781d..40ccffb 100644
--- a/src/components/HeroSection.vue
+++ b/src/components/HeroSection.vue
@@ -1,10 +1,10 @@
 <template>
-  <section class="container mx-auto px-6 py-20 text-center">
+  <section class="container px-6 py-20 space-y-8 mx-auto text-center">
     <h2 class="text-3xl md:text-4xl font-bold mb-6">
       Иногда человеку нужно совсем немного
     </h2>
 
-    <p class="text-lg max-w-2xl mx-auto mb-8 opacity-80">
+    <p class="text-lg max-w-2xl mx-auto opacity-80">
       Просто знать, что он не один.  
       Даже одна подписка может быть теплее слов.
     </p>
diff --git a/src/components/RitsuSection.vue b/src/components/RitsuSection.vue
index 04c2c15..8f2edad 100644
--- a/src/components/RitsuSection.vue
+++ b/src/components/RitsuSection.vue
@@ -1,60 +1,51 @@
 <template>
-  <section :class="[
-    'container flex flex-col 2xl:flex-row justify-around',
-    'mx-auto px-6 py-16 space-y-16 2xl:space-y-0',
-    'max-w-fit'
-  ]">
-    <div class="flex flex-col md:flex-row items-center gap-10">
-      <img
-        src="/ritsu.png"
-        alt="Ritsu Tainaka"
-        class="w-64 md:w-80 rounded-2xl shadow-lg hover:scale-105 transition duration-300"
-      />
+	<section class="container mx-auto px-6 py-16 max-w-fit">
+		<div class="flex flex-col 2xl:flex-row justify-around space-y-16 2xl:space-y-0">
+			<!-- Ritsu Info Section -->
+			<div class="flex flex-col md:flex-row items-center gap-10">
+				<img
+					src="/ritsu.png"
+					alt="Картинка с Рицу Тайнака"
+					class="w-64 md:w-80 rounded-2xl shadow-lg hover:scale-105 transition duration-300"
+				/>
+				<div class="max-w-xl">
+					<h3 class="text-2xl font-semibold mb-4">
+						Немного о Рицу и том самом тортике
+					</h3>
+					<p class="mb-4 opacity-80 leading-relaxed">
+						Рицу Тайнака — энергичная и шумная барабанщица из аниме «K-On!».<br>
+						Она всегда кажется лёгкой, живой и беззаботной.
+					</p>
+					<p class="mb-4 opacity-80 leading-relaxed">
+						Но даже у таких людей бывают моменты, которые выглядят мелочью —
+						как история когда <b>nevedom</b> пил чай (без тортика) с Вайбославом в Фогеле...
+						Снаружи это шутка. Внутри — ощущение, что Фогель больше не с нами.
+					</p>
+					<p class="opacity-80 leading-relaxed">
+						Иногда достаточно малого, чтобы стало легче.  
+						Даже простого присутствия.
+					</p>
+				</div>
+			</div>
 
-      <div class="max-w-xl">
-        <h3 class="text-2xl font-semibold mb-4">
-          Немного о Рицу и том самом тортике
-        </h3>
-
-        <p class="mb-4 opacity-80 leading-relaxed">
-          Рицу Тайнака — энергичная и шумная барабанщица из аниме «K-On!».<br>
-          Она всегда кажется лёгкой, живой и беззаботной.
-        </p>
-
-        <p class="mb-4 opacity-80 leading-relaxed">
-          Но даже у таких людей бывают моменты, которые выглядят мелочью —
-          как история когда <b>nevedom</b> пил чай (без тортика) с Вайбославом в Фогеле...
-					Снаружи это шутка. Внутри — ощущение, что Фогель больше не с нами.
-        </p>
-
-        <p class="opacity-80 leading-relaxed">
-          Иногда достаточно малого, чтобы стало легче.  
-          Даже простого присутствия.
-        </p>
-      </div>
-    </div>
-    <div :class="[
-			'w-full md:w-2/3 xl:w-1/2 2xl:w-1/3',
-      'p-6 mx-auto 2xl:mx-0',
-      'rounded-2xl shadow-lg space-y-4',
-			'hover:scale-105 transition duration-300',
-			'bg-gray-500/25 dark:bg-gray-600/25',
-      'text-gray-700 dark:text-gray-400'
-		]">
-			<img
-				class="w-full h-auto rounded-2xl shadow-lg"
-				src="/sponsored.jpg" alt="Sponsored by Government of USA"
-			>
-			<div class="text-center text-sm space-y-2">
-				<p>
-					Автор канала осуждает: фашизм/нацизм и любое его проявление, расизм, антисемитизм, насилие, проявление ненависти.
-					Не дискредитирует и не поддерживает дискредитацию государственных органов.
-				</p>
-				<p>
-					Данный канал посвящён роману-антиутопии Джорджа Оруэлла «1984», а также другим антиутопичным произведениям.
-					Совпадения совпадают, а реальность не реальна.
-				</p>
+			<!-- Sponsored Section -->
+			<div class="w-full max-w-xl 2xl:max-w-lg p-6 mx-auto 2xl:mx-0 rounded-2xl shadow-lg hover:scale-105 transition duration-300 bg-gray-500/25 dark:bg-gray-600/25 text-gray-700 dark:text-gray-400">
+				<img
+					class="w-full h-auto rounded-2xl shadow-lg"
+					src="/sponsored.jpg"
+					alt="Картинка с надписью: Наш канал финансируется госдепом США"
+				/>
+				<div class="text-center text-sm space-y-2 mt-4">
+					<p>
+						Автор канала <u>осуждает</u>: <i>фашизм/нацизм и любое его проявление, расизм, антисемитизм, насилие, проявление ненависти.
+						Не дискредитирует и не поддерживает дискредитацию государственных органов.</i>
+					</p>
+					<p>
+						Данный канал посвящён роману-антиутопии <i>Джорджа Оруэлла</i> <b>«1984»</b>, а также другим антиутопичным произведениям.
+						Совпадения совпадают, а реальность не реальна.
+					</p>
+				</div>
 			</div>
 		</div>
-  </section>
+	</section>
 </template>
\ No newline at end of file
diff --git a/src/components/SiteFooter.vue b/src/components/SiteFooter.vue
index efd286d..2473898 100644
--- a/src/components/SiteFooter.vue
+++ b/src/components/SiteFooter.vue
@@ -10,11 +10,13 @@
       ]"
 		>
 		<div class="w-full text-white">
-      <TitleLogo />
+			<div class="w-fit">
+				<TitleLogo />
+			</div>
 		</div>
 		<hr class="w-full text-white/25 border-white/25" />
 		<div class="flex justify-between w-full text-white">
-			<p><i>Created by <a class="text-white" href="https://t.me/poti_club">POTI</a> with</i> ❤️</p>
+			<p><i>Код писал <a class="text-white" href="https://t.me/poti_club">POTI</a> с</i> <b>AI</b><i>&</i>❤️</p>
 			<div :class="[
 				'flex space-x-2 text-white',
 				'*:hover:scale-125 *:transition-transform *:duration-300'
diff --git a/src/components/TitleLogo.vue b/src/components/TitleLogo.vue
index 4ad5727..2dc7d3d 100644
--- a/src/components/TitleLogo.vue
+++ b/src/components/TitleLogo.vue
@@ -1,7 +1,7 @@
 <template>
   <a href="/">
     <h1 class="text-white font-semibold text-xl tracking-wide">
-      nevedomhren
+      Неведомая Хрень
     </h1>
   </a>
 </template>
\ No newline at end of file
diff --git a/src/components/WarningSection.vue b/src/components/WarningSection.vue
new file mode 100644
index 0000000..11e6958
--- /dev/null
+++ b/src/components/WarningSection.vue
@@ -0,0 +1,9 @@
+<template>
+	<section class="container mx-auto px-6 py-16">
+		<div class="w-fit mx-auto rounded-2xl text-white bg-orange-500">
+			<p class="max-w-[calc(65ch*1.65)] font-bold text-balance text-center p-4">
+				НАСТОЯЩИЙ МАТЕРИАЛ (ИНФОРМАЦИЯ) ПРОИЗВЕДЕН, РАСПРОСТРАНЕН И (ИЛИ) НАПРАВЛЕН БУЛОЧКОЙ С КОРИЦЕЙ НЕВЕДОМАЯ ХРЕНЬ ЛИБО КАСАЕТСЯ ДЕЯТЕЛЬНОСТИ БУЛОЧКИ С КОРИЦЕЙ НЕВЕДОМАЯ ХРЕНЬ
+			</p>
+		</div>
+	</section>
+</template>
\ No newline at end of file
