miracle/pages/projects/index.vue

36 lines
860 B
Vue
Raw Normal View History

2020-08-05 14:38:23 +00:00
<template>
<div class="page">
<PageHeader imageType="mei">
2020-12-26 09:50:33 +00:00
<h1>Project Portfolio</h1>
</PageHeader>
<main class="container mx-auto main">
<p>I build applications in my spare time, but currently only some are published / live right now</p>
<div class="card-list">
<ProjectItem name="nanao.moe" codename="miracle" description="The home page for my online identity." />
<ProjectItem name="nanao.moe Blog" codename="yuika" description="The blog for my hobbies" />
</div>
</main>
2020-08-05 14:38:23 +00:00
</div>
</template>
<script>
import ProjectItem from "@/components/ProjectItem";
2020-12-26 09:50:33 +00:00
import PageHeader from "@/components/PageHeader";
2020-08-05 14:38:23 +00:00
export default {
components: {
ProjectItem,
2020-12-26 09:50:33 +00:00
PageHeader,
2020-08-05 14:38:23 +00:00
},
2020-11-09 11:16:34 +00:00
head: {
2020-08-05 14:38:23 +00:00
title: "Project Portfolio",
}
}
</script>
<style>
.card-list {
@apply flex flex-col;
}
</style>