39 lines
1.3 KiB
Vue
39 lines
1.3 KiB
Vue
<script setup>
|
|
const posts = [
|
|
{
|
|
title: 'sori.studio를 직접 만들기 시작하며',
|
|
excerpt: '블로그와 포털의 경계에 있는 개인 공간을 직접 구축하기 위한 첫 기록입니다.',
|
|
tag: 'NOTE',
|
|
publishedAt: '2026.04.29',
|
|
to: '/posts/hello-sori-studio'
|
|
},
|
|
{
|
|
title: '글쓰기 도구는 왜 직접 만들게 되는가',
|
|
excerpt: '네이버 블로그, 티스토리, 워드프레스, Ghost를 거쳐 남은 취향의 빈칸을 정리합니다.',
|
|
tag: 'DEV',
|
|
publishedAt: '2026.04.29',
|
|
to: '/posts/custom-writing-tool'
|
|
}
|
|
]
|
|
</script>
|
|
|
|
<template>
|
|
<MainColumn>
|
|
<section class="home-hero site-section">
|
|
<div class="home-hero__inner site-section-header">
|
|
<p class="home-hero__eyebrow text-xs font-semibold uppercase text-muted">
|
|
Personal Blog / CMS
|
|
</p>
|
|
<h1 class="home-hero__title mt-3 text-5xl font-semibold leading-tight tracking-normal">
|
|
sori.studio
|
|
</h1>
|
|
<p class="home-hero__description mt-4 max-w-xl text-base leading-7 text-muted">
|
|
글을 쌓고, 프로젝트와 링크를 연결하고, 오래 쓰기 좋은 개인 블로그를 직접 구축합니다.
|
|
</p>
|
|
</div>
|
|
</section>
|
|
|
|
<PostCard v-for="post in posts" :key="post.to" :post="post" />
|
|
</MainColumn>
|
|
</template>
|