feat: обновление метаданных и добавление нового компонента WarningSection

2026-03-06 18:43:13 +03:00
parent 27a8e46a46
commit df580e22c0
7 changed files with 72 additions and 62 deletions
--- 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>
--- 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'
--- 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>
--- 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>
--- 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'
--- 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>
--- a/src/components/WarningSection.vue
+++ 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>