chore(blog): update layout

ynwd · ynwd · commit 8b38fdc7bc5f · 2025-04-07T14:12:12.000+07:00
diff --git a/core/server/mod.ts b/core/server/mod.ts
@@ -653,7 +653,13 @@ if (root) fetchProps(root);
       port: options && options.port ? options.port : 8000,
       handler: this.#handler,
       signal: this.#ac.signal,
-      onListen: options && options.onListen ? options.onListen : undefined,
+      onListen: options && options.onListen ? options.onListen : () => {
+        console.log(
+          `%cListening on: %chttp://localhost:${options?.port ?? 8000}`,
+          "color: blue",
+          "color: white",
+        );
+      },
     });
   };
 
diff --git a/modules/blog/blog.json b/modules/blog/blog.json
@@ -50,22 +50,22 @@
     "date": "11/15/2023"
   },
   {
-    "title": "renderToReadableStream",
+    "title": "Boosting Performance with renderToReadableStream",
     "url": "/blog/render_to_readable_stream",
     "date": "10/26/2023"
   },
   {
-    "title": "React",
+    "title": "Fixing React Version Consistency Issues",
     "url": "/blog/react",
     "date": "10/22/2023"
   },
   {
-    "title": "Preact",
+    "title": "Preact Integration and Secure Server Side Props",
     "url": "/blog/preact_and_encrypted_props",
     "date": "08/16/2023"
   },
   {
-    "title": "Hello",
+    "title": "Hello World",
     "url": "/blog/hello",
     "date": "11/15/2023"
   }
diff --git a/modules/blog/blog.layout.tsx b/modules/blog/blog.layout.tsx
@@ -120,7 +120,7 @@ export default function (
           `}
         </style>
       </head>
-      <body class="bg-gray-200 dark:bg-gray-950 text-slate-900 dark:text-white">
+      <body class="bg-white dark:bg-gray-950 text-slate-900 dark:text-white">
         <Header
           isLogin={data.isLogin}
           avatar_url={data.avatar_url}
diff --git a/modules/toc/toc.page.tsx b/modules/toc/toc.page.tsx
@@ -9,13 +9,16 @@ export default function Toc({ data }: PageProps<{ posts: Post[] }>) {
         {data.posts.map((v) => {
           return (
             <li>
-              <a href={v.url} class={`flex space-x-1`}>
+              <a
+                href={v.url}
+                class={`flex items-center space-x-[1px] gap-y-1 gap-x-0`}
+              >
                 {v.date && (
                   <div
-                    class={`min-w-24 text-sm text-gray-800 dark:text-gray-100 items-center`}
+                    class={`min-w-24 text-xs `}
                   >
                     <span
-                      class={`border border-gray-400 p-[2px] rounded-md`}
+                      class={`dark:border-gray-400 dark: border-[1px] bg-slate-600 text-gray-100 p-[5px] rounded-sm`}
                     >
                       {v.date}
                     </span>
diff --git a/post/preact_and_encrypted_props.md b/post/preact_and_encrypted_props.md
@@ -1,6 +1,6 @@
 ---
-title: "Fastro v0.80.0: Preact and Server Side Props Encryption"
-description: "Preact integration and robust encryption of Server Side Props"
+title: "Fastro v0.80.0: Preact Integration and Secure Server Side Props"
+description: "Switching from React to Preact for faster performance and implementing robust encryption for server-side props"
 image: https://fastro.deno.dev/fastro.png
 author: Admin
 date: 08/16/2023
diff --git a/post/react.md b/post/react.md
@@ -1,7 +1,7 @@
 ---
-title: "Fastro v0.82.0: Back to using React"
+title: "Fastro v0.82.0: Fixing React Version Consistency Issues"
 image: https://fastro.deno.dev/fastro.png
-description: "The error in the previous version has been resolved"
+description: "Resolving version mismatch between server-side and client-side React components"
 author: Admin
 date: 10/22/2023
 ---
diff --git a/post/render_to_readable_stream.md b/post/render_to_readable_stream.md
@@ -1,8 +1,7 @@
 ---
-title: "Fastro v0.83.0: renderToReadableStream"
+title: "Fastro v0.83.0: Boosting Performance with renderToReadableStream"
 image: https://fastro.deno.dev/fastro.png
-description: "Use renderToReadableStream to improve the performance of
-the page load "
+description: "Enhancing page load times by replacing renderToString with streaming React server rendering"
 author: Admin
 date: 10/26/2023
 ---

Original file line number	Diff line number	Diff line change
`@@ -50,22 +50,22 @@`
`50`	`50`	`"date": "11/15/2023"`
`51`	`51`	`},`
`52`	`52`	`{`
`53`		`- "title": "renderToReadableStream",`
	`53`	`+ "title": "Boosting Performance with renderToReadableStream",`
`54`	`54`	`"url": "/blog/render_to_readable_stream",`
`55`	`55`	`"date": "10/26/2023"`
`56`	`56`	`},`
`57`	`57`	`{`
`58`		`- "title": "React",`
	`58`	`+ "title": "Fixing React Version Consistency Issues",`
`59`	`59`	`"url": "/blog/react",`
`60`	`60`	`"date": "10/22/2023"`
`61`	`61`	`},`
`62`	`62`	`{`
`63`		`- "title": "Preact",`
	`63`	`+ "title": "Preact Integration and Secure Server Side Props",`
`64`	`64`	`"url": "/blog/preact_and_encrypted_props",`
`65`	`65`	`"date": "08/16/2023"`
`66`	`66`	`},`
`67`	`67`	`{`
`68`		`- "title": "Hello",`
	`68`	`+ "title": "Hello World",`
`69`	`69`	`"url": "/blog/hello",`
`70`	`70`	`"date": "11/15/2023"`
`71`	`71`	`}`