POTI/nevedom
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Alexander
2026-03-06 18:43:13 +03:00
parent 27a8e46a46
commit df580e22c0
7 changed files with 72 additions and 62 deletions
Download Patch File Download Diff File Expand all files Collapse all files

101
src/components/RitsuSection.vue
View File

@@ -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>