2020-08-05 14:38:23 +00:00
|
|
|
<template>
|
|
|
|
<div class="page">
|
2021-01-07 21:06:14 +00:00
|
|
|
<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>
|