From a67ade96720f4bd87d864416033f6e9fdbe3992c Mon Sep 17 00:00:00 2001
From: log101 <ffrknerdm@gmail.com>
Date: Sun, 12 May 2024 08:55:29 +0300
Subject: [PATCH] feat: add blog pages

---
 .gitignore                                    |  1 +
 src/components/Header.astro                   |  9 ++++++-
 src/components/Post.astro                     | 14 +++++++---
 .../category/[category]/[slug]/index.astro    | 27 +++++++++++++++++++
 .../index.astro}                              |  6 ++---
 5 files changed, 49 insertions(+), 8 deletions(-)
 create mode 100644 src/pages/category/[category]/[slug]/index.astro
 rename src/pages/category/{[category].astro => [category]/index.astro} (87%)

diff --git a/.gitignore b/.gitignore
index 0896f09..0fddff8 100644
--- a/.gitignore
+++ b/.gitignore
@@ -22,3 +22,4 @@ pnpm-debug.log*
 # jetbrains setting folder
 .idea/
 TODO
+.env.development
diff --git a/src/components/Header.astro b/src/components/Header.astro
index e591509..2547bde 100644
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -1,5 +1,7 @@
 ---
+console.log(import.meta.env.DEV);
 
+const host = import.meta.env.HOST_NAME;
 ---
 
 <style>
@@ -62,6 +64,11 @@
     height: 110px;
   }
 
+  .title-and-gol a {
+    text-decoration: none;
+    color: inherit;
+  }
+
   .main-title {
     font-family: "Courier New", Courier, monospace;
     font-size: var(--h1-desktop);
@@ -82,7 +89,7 @@
 
   <div class="title-and-nav">
     <div class="title-and-gol">
-      <h1 class="main-title">log101</h1>
+      <a href={host}><h1 class="main-title">log101</h1></a>
       <div id="board" class="board"></div>
     </div>
     <div>
diff --git a/src/components/Post.astro b/src/components/Post.astro
index a99b363..96a5fa9 100644
--- a/src/components/Post.astro
+++ b/src/components/Post.astro
@@ -77,10 +77,17 @@ switch (componentType) {
 <div class="post">
   <p class="post-category">{post.data.subcategory}</p>
   <h4 class="post-title">{post.data.title}</h4>
+  {shortSummary && <p class="post-summary">{post.data.summary}</p>}
   <div class="tags-and-date">
-    <ul class="post-tags">
-      {post.data.tags.map((tag) => <li>{tag}</li>)}
-    </ul>
+    {
+      showTags && (
+        <ul class="post-tags">
+          {post.data.tags.map((tag) => (
+            <li>{tag}</li>
+          ))}
+        </ul>
+      )
+    }
 
     <p class="post-date">
       {
@@ -93,7 +100,6 @@ switch (componentType) {
     </p>
   </div>
 
-  {shortSummary && <p class="post-summary">{post.data.summary}</p>}
   {longSummary && <p class="post-long-summary">{post.body.slice(0, 500)}</p>}
   {fullText && <p class="post-text">{post.body}</p>}
 </div>
diff --git a/src/pages/category/[category]/[slug]/index.astro b/src/pages/category/[category]/[slug]/index.astro
new file mode 100644
index 0000000..df5daae
--- /dev/null
+++ b/src/pages/category/[category]/[slug]/index.astro
@@ -0,0 +1,27 @@
+---
+import { getCollection } from "astro:content";
+
+import Footer from "@/components/Footer.astro";
+import Header from "@/components/Header.astro";
+import Layout from "@/layouts/Layout.astro";
+import "@/styles/home.css";
+
+export async function getStaticPaths() {
+  const blogEntries = await getCollection("blog");
+  return blogEntries.map((entry) => ({
+    params: { category: entry.data.category, slug: entry.slug },
+    props: { entry },
+  }));
+}
+
+const { entry } = Astro.props;
+---
+
+<Layout title="log101">
+  <di class="container">
+    <Header />
+    {entry.body}
+    <a class="home-all-posts" href="#">Tüm Yayınlar</a>
+    <Footer />
+  </di>
+</Layout>
diff --git a/src/pages/category/[category].astro b/src/pages/category/[category]/index.astro
similarity index 87%
rename from src/pages/category/[category].astro
rename to src/pages/category/[category]/index.astro
index 70cb068..1492c41 100644
--- a/src/pages/category/[category].astro
+++ b/src/pages/category/[category]/index.astro
@@ -1,6 +1,6 @@
 ---
 import { getCollection } from "astro:content";
-import { CATEGORIES } from "../../content/config";
+import { CATEGORIES } from "@/content/config";
 
 import Header from "@/components/Header.astro";
 import Footer from "@/components/Footer.astro";
@@ -10,9 +10,9 @@ import Post from "@/components/Post.astro";
 import "@/styles/home.css";
 
 export function getStaticPaths() {
-  return CATEGORIES.map((c) => {
+  return CATEGORIES.map((category) => {
     return {
-      params: { category: c },
+      params: { category },
     };
   });
 }