Elizhium/litlyx
1
0
Fork 0
mirror of https://github.com/Litlyx/litlyx synced 2025-12-10 15:58:38 +01:00
Code Issues Packages Projects Releases Wiki Activity

.

Browse Source
This commit is contained in:
Emily
2024-07-16 21:22:41 +02:00
parent 3a58b1d91c
commit 807816d0f6
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
landing/pages/blog/index.vue
View File

@@ -19,8 +19,8 @@ import { blogPosts, homePosts } from '~/blog/Blog';
<div class="home-posts flex gap-10 justify-center"> <div class="home-posts flex gap-10 justify-center">
<NuxtLink tag="article" :to="post.id" v-for="post of homePosts" class="flex flex-col gap-2"> <NuxtLink tag="article" :to="post.id" v-for="post of homePosts" class="flex flex-col gap-2">
<img class="w-full h-full rounded-xl outline outline-[1px] outline-gray-100/20" :src="'/blog/' + post.image" <img class="w-full h-full rounded-xl outline outline-[1px] outline-gray-100/20"
:alt="post.title"> :src="'/blog/' + post.image" :alt="post.title">
<h4 class="font-normal mt-2"> {{ post.title }} </h4> <h4 class="font-normal mt-2"> {{ post.title }} </h4>
<div class="flex gap-3 items-center text-[1rem]"> <div class="flex gap-3 items-center text-[1rem]">
<img class="w-9 h-9 rounded-full" :src="'/blog/' + post.authorImage" :alt="post.author"> <img class="w-9 h-9 rounded-full" :src="'/blog/' + post.authorImage" :alt="post.author">
@@ -34,11 +34,11 @@ import { blogPosts, homePosts } from '~/blog/Blog';
<div class="grid grid-cols-3 gap-2"> <div class="grid grid-cols-3 gap-2">
<NuxtLink tag="article" :to="post.id" v-for="post of blogPosts" class="flex flex-col gap-2"> <NuxtLink tag="article" :to="post.id" v-for="post of blogPosts" class="flex flex-col gap-2">
<img class="rounded-xl outline outline-[1px] outline-gray-100/20" :src="'/blog/' +post.image" <img class="rounded-xl outline outline-[1px] outline-gray-100/20" :src="'/blog/' + post.image"
:alt="post.title"> :alt="post.title">
<h5 class="font-normal mt-2"> {{ post.title }} </h5> <h5 class="font-normal mt-2"> {{ post.title }} </h5>
<div class="flex gap-3 items-center text-[.9rem]"> <div class="flex gap-3 items-center text-[.9rem]">
<img class="w-8 h-8 rounded-full" :src="'/blog/' +post.authorImage" :alt="post.author"> <img class="w-8 h-8 rounded-full" :src="'/blog/' + post.authorImage" :alt="post.author">
<div class="font-normal"> {{ post.author }} </div> <div class="font-normal"> {{ post.author }} </div>
<div class="text-gray-400"> • {{ post.created_at }} </div> <div class="text-gray-400"> • {{ post.created_at }} </div>
</div> </div>