ref: bookmark

yuxxeun · Aug 6, 2024 · 145be71 · 145be71
1 parent f2ff0b1
commit 145be71
Show file tree

Hide file tree

Showing 5 changed files with 19 additions and 28 deletions.
diff --git a/src/components/Book.vue b/src/components/Book.vue
@@ -5,21 +5,18 @@
     <div v-else>
         <ul>
             <li v-for="item in data" :key="item.id" class="mt-10 animate-fade-up animate-once animate-duration-1000 animate-ease-linear">
-                <p>
-                    <span class="text-black dark:text-white text-lg font-bold">
+                    <h1 class="text-black dark:text-white text-lg font-bold">
                        <a :href="item.link" target="_blank" :title="item.link">
                         {{ item.title }}
                        </a>
-                    </span>
-                    <br/>
-                    <span class="text-lg font-newsreader italic">
-                        by <span class="font-bold">{{ item.author }}</span>
-                    </span>
-                    <br/>
-                    <span class="text-sm font-newsreader italic">
-                        <span class="font-geistMonoVariable">{{ item.time }}</span>
-                    </span>
-                </p>
+                    </h1>
+                    <p class="text-lg font-newsreader">
+                      <span class="italic">from: </span>
+                      <span class="">{{ item.author }}</span>
+                    </p>
+                    <p class="text-sm font-newsreader italic">
+                        {{ item.time }}
+                    </p>
             </li>
         </ul>
     </div>

diff --git a/src/components/Secreto.vue b/src/components/Secreto.vue
@@ -4,9 +4,9 @@
         <textarea
           v-model="newComment"
           autofocus
-          placeholder="Just say helloo or drop your story here!"
-          class="w-full italic font-newsreader rounded-lg bg-zinc-200/60 p-4 text-md text-zinc-900 shadow-sm focus:outline-none dark:bg-zinc-900 dark:text-zinc-100"
-        ></textarea>
+          placeholder="Type your secrets..."
+          class="w-full italic font-newsreader rounded-lg bg-zinc-200/60 p-4 text-md text-zinc-900 shadow-sm focus:outline-none dark:bg-zinc-900 dark:text-zinc-100">
+        </textarea>
           <button
             type="submit"
             class="mt-2 font-bold text-center w-full px-4 py-2 bg-zinc-200/60 text-sm text-zinc-900 rounded-lg">
@@ -25,17 +25,12 @@
     <div v-else>
       <ul>
         <li class="mt-10 animate-fade-up animate-once animate-duration-1000 animate-ease-linear" v-for="item in data" :key="item.id">
-          <p>
-            <span class="text-black dark:text-white text-lg font-bold">
+            <h1 class="text-black dark:text-white text-lg font-bold mb-1">
               {{ item.txt }}
-            </span>
-            <br />
-            <span class="text-sm font-newsreader">
-              <span class="font-geistMonoVariable">
-                 {{ new Date(item.created_at).toLocaleString('en-US', { timeZone: 'Asia/Jakarta', day: 'numeric', month: 'short', year: 'numeric', hour: 'numeric', minute: 'numeric', second: 'numeric', hour12: true, timeZoneName: 'short' }) }}
-              </span>
-            </span>
-          </p>
+            </h1>
+            <p class="text-sm font-geistMonoVariable tracking-tight">
+              {{ new Date(item.created_at).toLocaleString('en-US', { timeZone: 'Asia/Jakarta', day: 'numeric', month: 'short', year: 'numeric', hour: 'numeric', minute: 'numeric', second: 'numeric', hour12: true, timeZoneName: 'short' }) }}
+            </p>
         </li>
       </ul>
     </div>

diff --git a/src/layouts/BlogLayout.astro b/src/layouts/BlogLayout.astro
@@ -2,9 +2,7 @@
 import Layout from "@layouts/Layout.astro";
 import Pagination from "@components/Pagination.astro";
 import { Image } from "astro:assets";
-import authorImage from "../../public/krido.png";
 import type { ImageMetadata } from "astro";
-import { defaultMeta } from "@data/constants";
 import Header from "@components/common/Header.astro";
 
 interface Props {

diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -16,6 +16,7 @@ const posts = (await getCollection("blog")).sort(
     <LoadingScreen client:load/>
     <div class="grid place-items-center animate-fade-down animate-once animate-duration-1000 animate-delay-[2500ms] animate-ease-linear">
         <Picture src={myImage}
+          title="yuxxeun cute avatar"
           alt="yuxxeun emoji"
           loading="eager" decoding="async" class="grayscale-0 aspect-square object-cover w-36 h-36" />
         <p class="-mt-3 mt-5 max-w-prose font-newsreader italic lg:text-2xl text-xl">

diff --git a/src/pages/secreto/index.astro b/src/pages/secreto/index.astro
@@ -4,7 +4,7 @@ import Header from "@components/common/Header.astro";
 import Secreto from "@components/Secreto.vue";
 
 const title = 'secreto — yuxxeun'
-const description = 'say hello or tell me something funny today!'
+const description = 'Say hello or tell me something funny today!'
 ---
 
 <Layout title={title} description={description}>