From e8532af1de4d24eade20b1d2d2c47eae3219b155 Mon Sep 17 00:00:00 2001
From: Ivan Kuzmenko <6745157+rndtrash@users.noreply.github.com>
Date: Tue, 30 Sep 2025 06:06:22 +0300
Subject: [PATCH] =?UTF-8?q?=D0=9F=D0=BE=D1=81=D0=BB=D0=B5=D0=B4=D0=BD?=
 =?UTF-8?q?=D0=B8=D0=B5=203=20=D0=BF=D0=BE=D1=81=D1=82=D0=B0=20=D0=BD?=
 =?UTF-8?q?=D0=B0=20=D0=B3=D0=BB=D0=B0=D0=B2=D0=BD=D0=BE=D0=B9=20=D1=81?=
 =?UTF-8?q?=D1=82=D1=80=D0=B0=D0=BD=D0=B8=D1=86=D0=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/routes/+page.server.ts |  7 +++++++
 src/routes/+page.svelte    | 15 +++++++++++++++
 src/routes/+page.ts        |  3 ---
 3 files changed, 22 insertions(+), 3 deletions(-)
 create mode 100644 src/routes/+page.server.ts
 delete mode 100644 src/routes/+page.ts

diff --git a/src/routes/+page.server.ts b/src/routes/+page.server.ts
new file mode 100644
index 0000000..de4f6ab
--- /dev/null
+++ b/src/routes/+page.server.ts
@@ -0,0 +1,7 @@
+import { fetchPostsSorted, sortPostsByPostAndUpdateDate } from "$src/lib/util/Blogs";
+
+const LATEST_POSTS_COUNT = 3;
+
+export async function load() {
+    return { posts: (await fetchPostsSorted(sortPostsByPostAndUpdateDate)).slice(0, LATEST_POSTS_COUNT) };
+}
\ No newline at end of file
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index e17465d..36571a1 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -2,6 +2,8 @@
 	import SocialButton from '$lib/components/SocialButton.svelte';
 	import SocialHyperlink from '$lib/components/SocialHyperlink.svelte';
 	import { PUBLIC_TS_DISCORD } from '$env/static/public';
+	import BlogCard, { BlogCardSize } from '$src/lib/components/BlogCard.svelte';
+	import { page } from '$app/state';
 </script>
 
 <svelte:head>
@@ -78,6 +80,19 @@
 		</SocialButton>
 	</div>
 </section>
+
+<section class="flex flex-col items-stretch bg-blue-900 pt-4 text-slate-50">
+	<h1 class="text-center">ПОСЛЕДНИЕ ПОСТЫ</h1>
+
+	<div class="flex flex-row items-stretch justify-evenly gap-4 overflow-x-auto p-4">
+		{#each page.data.posts as post, i}
+			<div class="aspect-3/2 w-80 shrink-0">
+				<BlogCard {post} size={BlogCardSize.Short} />
+			</div>
+		{/each}
+	</div>
+</section>
+
 <section class="flex justify-center bg-slate-50 text-slate-950">
 	<div
 		class="flex w-5xl max-w-screen flex-col flex-nowrap gap-12 p-2 px-2 pt-12 pb-12 text-base sm:text-xl"
diff --git a/src/routes/+page.ts b/src/routes/+page.ts
deleted file mode 100644
index f5d539c..0000000
--- a/src/routes/+page.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export async function load() {
-    return { title: undefined };
-}
\ No newline at end of file