zoeissleeping/juls07.dev
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

updated cards slightly, just need to pull on a remote

Browse Source
This commit is contained in:
Zoe
2022-12-09 15:32:49 -06:00
parent 5d422a15b3
commit 549d2513a5
12 changed files with 892 additions and 1036 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
pages/blog/[...slug].vue
View File

@@ -1,7 +1,7 @@
<template>
<Nav />
<main class="grid grid-cols-12 gap-5 justify-center">
<div class="py-6 !col-start-2 md:!col-start-3 lg:!col-start-4 lg:col-span-6 md:col-span-8 col-span-10">
<div class="pt-6 mb-4 !col-start-2 md:!col-start-3 lg:!col-start-4 lg:col-span-6 md:col-span-8 col-span-10">
<ContentDoc v-slot="{ doc }">
<img :src="doc.image.src"
class="mb-2" />
@@ -13,9 +13,10 @@
{{ new Date(doc.date).toDateString().split(' ').slice(1).join(' ') }}
</p>
<div class="flex flex-wrap w-full gap-2 justify-start mb-7">
<tagButton v-for="tag in doc.tags"
<IconButton v-for="tag in doc.tags"
:name="tag"
:iconName='tag' />
:iconName='tag'
isTag="true" />
</div>
<ContentRenderer :value="doc" />
</ContentDoc>
@@ -23,7 +24,7 @@
</main>
<footer class="grid grid-cols-12 gap-5 justify-center">
<div class="py-2 mb-4 !col-start-3 md:!col-start-4 xl:!col-start-5 xl:col-span-4 md:col-span-6 col-span-8">
<NewsletterSignup class="mb-2" />
<!-- <NewsletterSignup class="mb-2" /> -->
© 2022 Juls07 - GPL v3.0 License
</div>
</footer>

7
pages/blog/index.vue
View File

@@ -5,7 +5,7 @@
<div v-for="article in articles"
:key="article._path"
class="mb-5 px-1.5">
<div class="text-white bg-zinc-800 max-h-[563.25px] overflow-hidden rounded-lg border border-neutral-700 shadow-md">
<div class="text-white bg-zinc-800 max-h-[563.25px] h-[563.25px] overflow-hidden rounded-lg border border-neutral-700 shadow-md">
<img v-if="article.image.src"
:src="article.image.src"
class="w-full rounded-tl-lg rounded-tr-lg" />
@@ -28,9 +28,10 @@
:path="article._path"
v-slot="{ doc }">
<div class="flex flex-wrap w-full gap-2 justify-start mb-2">
<tagButton v-for="tag in doc.tags"
<IconButton v-for="tag in doc.tags"
:name="tag"
:iconName='tag' />
:iconName='tag'
isTag="true" />
</div>
<ContentRenderer :value="doc" :excerpt="true" />
</ContentDoc>