Add latest article section to homepage and back to articles link

This commit is contained in:
2026-04-06 15:34:29 +03:00
parent 999967eb74
commit 09becbd76e
5 changed files with 92 additions and 41 deletions

View File

@@ -1,45 +1,47 @@
<template>
<UContainer class="flex flex-col gap-5 p-4 sm:p-6 lg:p-8 max-w-3xl" as="section">
<div class="text-sm text-gray-500">Personal projects</div>
<UContainer
class="flex flex-col gap-5 p-4 sm:p-6 lg:p-8 max-w-3xl"
as="section"
>
<div class="text-sm text-gray-500">Personal projects</div>
<div class="grid grid-cols-1 gap-5 md:grid-cols-3">
<Project
title="Ghostwriter"
image="https://www.ghostwriter.rocks/ghostwriter-logo.png"
url="https://ghostwriter.rocks"
>
<template v-slot:description>
Creative post-generation for Strava activities with a lightweight, playful product feel.
</template>
<template v-slot:subtitle> Compatible with Strava </template>
</Project>
<div class="grid grid-cols-1 gap-5 md:grid-cols-3">
<Project
title="Ghostwriter"
image="https://app.ghostwriter.rocks/_ipx/_/ghostwriter-logo.png"
url="https://ghostwriter.rocks"
>
<template v-slot:description>
Creative post-generation for Strava activities with a lightweight,
playful product feel.
</template>
<template v-slot:subtitle> Compatible with Strava </template>
</Project>
<Project
title="Places for Zendesk"
image="https://990141.apps.zdusercontent.com/990141/assets/1701544308-8c83d0f02afd0b3d7342e5f19304c4b4/logo.png"
url="https://getplaces.co"
>
<template v-slot:description>
Location-aware lead capture designed to connect digital conversations to real-world businesses.
</template>
<template v-slot:subtitle>
Built for Zendesk marketplace
</template>
</Project>
<Project
title="Places for Zendesk"
image="https://990141.apps.zdusercontent.com/990141/assets/1701544308-8c83d0f02afd0b3d7342e5f19304c4b4/logo.png"
url="https://getplaces.co"
>
<template v-slot:description>
Location-aware lead capture designed to connect digital conversations
to real-world businesses.
</template>
<template v-slot:subtitle> Built for Zendesk marketplace </template>
</Project>
<Project
title="SneakPeek"
image="https://cdn.livechat-files.com/api/file/developers/img/applications/449B6QFGg/icons/AecAyk1Gg-960x960.png"
url="https://www.livechat.com/marketplace/apps/sneakpeek"
marketplace="LiveChat"
>
<template v-slot:description
>Turn plain links into richer, more informative chat experiences</template
>
<template v-slot:subtitle>
Built for LiveChat marketplace
</template>
</Project>
</div>
</UContainer>
<Project
title="SneakPeek"
image="https://cdn.livechat-files.com/api/file/developers/img/applications/449B6QFGg/icons/AecAyk1Gg-960x960.png"
url="https://www.livechat.com/marketplace/apps/sneakpeek"
marketplace="LiveChat"
>
<template v-slot:description
>Turn plain links into richer, more informative chat
experiences</template
>
<template v-slot:subtitle> Built for LiveChat marketplace </template>
</Project>
</div>
</UContainer>
</template>