feat: обновление метаданных и добавление нового компонента WarningSection
This commit is contained in:
Alexander
10
index.html
10
index.html
@@ -1,11 +1,17 @@
|
|||||||
<!doctype html>
|
<!doctype html>
|
||||||
<html lang="en">
|
<html lang="ru">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8" />
|
<meta charset="UTF-8" />
|
||||||
<link rel="icon" href="/favicon.ico" type="image/x-icon">
|
<link rel="icon" href="/favicon.ico" type="image/x-icon">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
<link rel="stylesheet" href="colors.css">
|
<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>
|
</head>
|
||||||
<body class="dark:bg-gray-950 dark:text-white">
|
<body class="dark:bg-gray-950 dark:text-white">
|
||||||
<div id="app"></div>
|
<div id="app"></div>
|
||||||
|
|||||||
@@ -6,6 +6,7 @@
|
|||||||
]">
|
]">
|
||||||
<SiteHeader />
|
<SiteHeader />
|
||||||
<HeroSection />
|
<HeroSection />
|
||||||
|
<WarningSection />
|
||||||
<RitsuSection />
|
<RitsuSection />
|
||||||
<SupportSection />
|
<SupportSection />
|
||||||
<SiteFooter />
|
<SiteFooter />
|
||||||
@@ -16,6 +17,7 @@
|
|||||||
import { onMounted } from 'vue'
|
import { onMounted } from 'vue'
|
||||||
import SiteHeader from './components/SiteHeader.vue'
|
import SiteHeader from './components/SiteHeader.vue'
|
||||||
import HeroSection from './components/HeroSection.vue'
|
import HeroSection from './components/HeroSection.vue'
|
||||||
|
import WarningSection from './components/WarningSection.vue'
|
||||||
import RitsuSection from './components/RitsuSection.vue'
|
import RitsuSection from './components/RitsuSection.vue'
|
||||||
import SupportSection from './components/SupportSection.vue'
|
import SupportSection from './components/SupportSection.vue'
|
||||||
import SiteFooter from './components/SiteFooter.vue'
|
import SiteFooter from './components/SiteFooter.vue'
|
||||||
|
|||||||
@@ -1,10 +1,10 @@
|
|||||||
<template>
|
<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 class="text-3xl md:text-4xl font-bold mb-6">
|
||||||
Иногда человеку нужно совсем немного
|
Иногда человеку нужно совсем немного
|
||||||
</h2>
|
</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>
|
</p>
|
||||||
|
|||||||
@@ -1,60 +1,51 @@
|
|||||||
<template>
|
<template>
|
||||||
<section :class="[
|
<section class="container mx-auto px-6 py-16 max-w-fit">
|
||||||
'container flex flex-col 2xl:flex-row justify-around',
|
<div class="flex flex-col 2xl:flex-row justify-around space-y-16 2xl:space-y-0">
|
||||||
'mx-auto px-6 py-16 space-y-16 2xl:space-y-0',
|
<!-- Ritsu Info Section -->
|
||||||
'max-w-fit'
|
<div class="flex flex-col md:flex-row items-center gap-10">
|
||||||
]">
|
<img
|
||||||
<div class="flex flex-col md:flex-row items-center gap-10">
|
src="/ritsu.png"
|
||||||
<img
|
alt="Картинка с Рицу Тайнака"
|
||||||
src="/ritsu.png"
|
class="w-64 md:w-80 rounded-2xl shadow-lg hover:scale-105 transition duration-300"
|
||||||
alt="Ritsu Tainaka"
|
/>
|
||||||
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">
|
<!-- Sponsored Section -->
|
||||||
<h3 class="text-2xl font-semibold mb-4">
|
<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
|
||||||
</h3>
|
class="w-full h-auto rounded-2xl shadow-lg"
|
||||||
|
src="/sponsored.jpg"
|
||||||
<p class="mb-4 opacity-80 leading-relaxed">
|
alt="Картинка с надписью: Наш канал финансируется госдепом США"
|
||||||
Рицу Тайнака — энергичная и шумная барабанщица из аниме «K-On!».<br>
|
/>
|
||||||
Она всегда кажется лёгкой, живой и беззаботной.
|
<div class="text-center text-sm space-y-2 mt-4">
|
||||||
</p>
|
<p>
|
||||||
|
Автор канала <u>осуждает</u>: <i>фашизм/нацизм и любое его проявление, расизм, антисемитизм, насилие, проявление ненависти.
|
||||||
<p class="mb-4 opacity-80 leading-relaxed">
|
Не дискредитирует и не поддерживает дискредитацию государственных органов.</i>
|
||||||
Но даже у таких людей бывают моменты, которые выглядят мелочью —
|
</p>
|
||||||
как история когда <b>nevedom</b> пил чай (без тортика) с Вайбославом в Фогеле...
|
<p>
|
||||||
Снаружи это шутка. Внутри — ощущение, что Фогель больше не с нами.
|
Данный канал посвящён роману-антиутопии <i>Джорджа Оруэлла</i> <b>«1984»</b>, а также другим антиутопичным произведениям.
|
||||||
</p>
|
Совпадения совпадают, а реальность не реальна.
|
||||||
|
</p>
|
||||||
<p class="opacity-80 leading-relaxed">
|
</div>
|
||||||
Иногда достаточно малого, чтобы стало легче.
|
|
||||||
Даже простого присутствия.
|
|
||||||
</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>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
</template>
|
</template>
|
||||||
@@ -10,11 +10,13 @@
|
|||||||
]"
|
]"
|
||||||
>
|
>
|
||||||
<div class="w-full text-white">
|
<div class="w-full text-white">
|
||||||
<TitleLogo />
|
<div class="w-fit">
|
||||||
|
<TitleLogo />
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<hr class="w-full text-white/25 border-white/25" />
|
<hr class="w-full text-white/25 border-white/25" />
|
||||||
<div class="flex justify-between w-full text-white">
|
<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="[
|
<div :class="[
|
||||||
'flex space-x-2 text-white',
|
'flex space-x-2 text-white',
|
||||||
'*:hover:scale-125 *:transition-transform *:duration-300'
|
'*:hover:scale-125 *:transition-transform *:duration-300'
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<a href="/">
|
<a href="/">
|
||||||
<h1 class="text-white font-semibold text-xl tracking-wide">
|
<h1 class="text-white font-semibold text-xl tracking-wide">
|
||||||
nevedomhren
|
Неведомая Хрень
|
||||||
</h1>
|
</h1>
|
||||||
</a>
|
</a>
|
||||||
</template>
|
</template>
|
||||||
9
src/components/WarningSection.vue
Normal file
9
src/components/WarningSection.vue
Normal file
@@ -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>
|
||||||
Reference in New Issue
Block a user