From 451d064dea9c32e9d6b526bc19bafce4e729e014 Mon Sep 17 00:00:00 2001
From: Ivan Kuzmenko <6745157+rndtrash@users.noreply.github.com>
Date: Wed, 22 Oct 2025 08:32:10 +0300
Subject: [PATCH] =?UTF-8?q?=D0=A2=D0=B8=D0=BF=D1=8B=20=D0=B1=D0=BB=D0=BE?=
 =?UTF-8?q?=D0=B3-=D0=BF=D0=BE=D1=81=D1=82=D0=BE=D0=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app.d.ts                        |  5 +++++
 src/lib/components/BlogCard.svelte  | 19 ++++++++++++++++---
 src/lib/util/Blogs.ts               | 24 +++++++++++++++++++++---
 src/routes/blog/[slug]/+page.svelte |  8 ++++++++
 4 files changed, 50 insertions(+), 6 deletions(-)

diff --git a/src/app.d.ts b/src/app.d.ts
index 189ca86..9dfaddb 100644
--- a/src/app.d.ts
+++ b/src/app.d.ts
@@ -18,13 +18,18 @@ declare global {
 
 		type MdsvexResolver = () => Promise<MdsvexFile>;
 
+		type BlogPostType = 'article' | 'update' | 'event';
+
 		interface BlogPost {
 			slug: string;
+			type?: BlogPostType;
 			title: string;
 			thumbnail?: string;
 			thumbnailAlt?: string;
 			date?: string;
 			dateChanged?: string;
+			dateEventFrom?: string;
+			dateEventTo?: string;
 			description: string;
 			publisher: string;
 			published?: boolean;
diff --git a/src/lib/components/BlogCard.svelte b/src/lib/components/BlogCard.svelte
index 1d31599..21e79d0 100644
--- a/src/lib/components/BlogCard.svelte
+++ b/src/lib/components/BlogCard.svelte
@@ -7,18 +7,25 @@
 </script>
 
 <script lang="ts">
-	import { BLOG_POST_FRESHNESS_MILLIS } from '$lib/util/Blogs';
+	import {
+		BLOG_POST_FRESHNESS_MILLIS,
+		blogPostTypeToIcon,
+		blogPostTypeToString
+	} from '$lib/util/Blogs';
 	import DateWidget from '$lib/components/DateWidget.svelte';
+	import Icon from '@iconify/svelte';
 
 	export let post: App.BlogPost;
 	export let size: BlogCardSize = BlogCardSize.Both;
 
+	const type: App.BlogPostType = post.type ?? 'article';
 	const dateNow = new Date().valueOf();
 	const isPostNew = dateNow - new Date(post.date!).valueOf() <= BLOG_POST_FRESHNESS_MILLIS;
 	const isPostUpdated =
 		post.dateChanged != null &&
 		dateNow - new Date(post.dateChanged).valueOf() <= BLOG_POST_FRESHNESS_MILLIS;
 	const isPostFresh = isPostNew || isPostUpdated;
+	// TODO: rndtrash: события и их актуальность
 
 	/**
 	 * rndtrash: пришлось дублировать классы с модификатором и без, потому что Tailwind просто не понимает,
@@ -59,7 +66,7 @@
 >
 	<div
 		class="relative w-full basis-auto overflow-hidden
-        {shortClass('h-32')}
+        {shortClass('h-32 md:h-48')}
         {fullClass('h-auto basis-1/3', 'sm:h-auto sm:basis-1/3')}"
 	>
 		{#if post.thumbnail}
@@ -79,7 +86,7 @@
 			</div>
 		{/if}
 	</div>
-	<div class="flex w-full flex-col justify-center p-4 break-words md:p-8">
+	<div class="flex w-full flex-col justify-center p-4 break-words">
 		<div class="flex flex-row flex-wrap justify-start gap-4 pb-2">
 			<DateWidget
 				class={post.dateChanged ? shortClass('hidden', 'not-sm:hidden') : ''}
@@ -94,6 +101,12 @@
 					highlight={isPostUpdated}
 				/>
 			{/if}
+			<div class="flex items-center gap-2 p-1 text-lg font-bold">
+				<Icon icon={blogPostTypeToIcon(type)} width={28} height={28} />
+				<span>
+					{blogPostTypeToString(type)}
+				</span>
+			</div>
 		</div>
 
 		<h2 class="text-3xl font-bold">{post.title}</h2>
diff --git a/src/lib/util/Blogs.ts b/src/lib/util/Blogs.ts
index 9b1beaa..5878e26 100644
--- a/src/lib/util/Blogs.ts
+++ b/src/lib/util/Blogs.ts
@@ -1,5 +1,3 @@
-import path from 'path';
-
 export const THUMBNAIL_DEFAULT = "https://teasanctuary.ru/common/background-day.webp";
 export const BLOG_POST_FRESHNESS_MILLIS = 3 * 24 * 60 * 60 * 1000; // 3 дня
 
@@ -60,4 +58,24 @@ export function resolveBlogPath(slug?: string, src?: string) {
 	return src.startsWith('http://') || src.startsWith('https://')
 		? src
 		: `/blog/${slug}/${src}`;
-}
\ No newline at end of file
+}
+
+const bptToString: Record<App.BlogPostType, string> = {
+	'article': 'Заметка',
+	'event': 'Событие',
+	'update': 'Обновление'
+};
+
+const bptToIcon: Record<App.BlogPostType, string> = {
+	'article': 'material-symbols:article',
+	'event': 'material-symbols:event',
+	'update': 'material-symbols:autorenew'
+};
+
+export function blogPostTypeToString(type: App.BlogPostType): string {
+	return bptToString[type] ?? bptToString['article'];
+}
+
+export function blogPostTypeToIcon(type: App.BlogPostType): string {
+	return bptToIcon[type] ?? bptToIcon['article'];
+}
diff --git a/src/routes/blog/[slug]/+page.svelte b/src/routes/blog/[slug]/+page.svelte
index 03115fc..8c64572 100644
--- a/src/routes/blog/[slug]/+page.svelte
+++ b/src/routes/blog/[slug]/+page.svelte
@@ -4,6 +4,7 @@
 	import InfoBlock from '$src/lib/components/InfoBlock.svelte';
 	import Icon from '@iconify/svelte';
 	import type { PageData } from './$types';
+	import { blogPostTypeToIcon, blogPostTypeToString } from '$src/lib/util/Blogs';
 
 	export let data: PageData;
 
@@ -14,6 +15,7 @@
 			: typeof data.blogPost.authors === 'string'
 				? [data.blogPost.authors]
 				: data.blogPost.authors;
+	const type: App.BlogPostType = data.blogPost.type ?? 'article';
 </script>
 
 <base target="_blank" />
@@ -44,6 +46,12 @@
 	{#if data.blogPost.dateChanged}
 		<DateWidget dateString={data.blogPost.dateChanged} type="updated" />
 	{/if}
+	<div class="flex items-center gap-2 p-1 text-lg font-bold">
+		<Icon icon={blogPostTypeToIcon(type)} width={28} height={28} />
+		<span>
+			{blogPostTypeToString(type)}
+		</span>
+	</div>
 	{#each authors as author}
 		<!-- TODO: rndtrash: из-за 404 не даёт собрать сайт. href="/team/{author}" -->
 		<a class="flex items-center gap-2 p-1 text-lg font-bold" href="#">