69 lines
1.8 KiB
Vue
69 lines
1.8 KiB
Vue
|
<template>
|
||
|
|
<div class="page">
|
||
|
|
<div class="card title-card">
|
||
|
|
<div class="card-subtitle">
|
||
|
|
<p>Projects</p>
|
||
|
|
</div>
|
||
|
|
<div class="card-title">
|
||
|
|
<h1>nanao.moe</h1>
|
||
|
|
</div>
|
||
|
|
<div class="card-content">
|
||
|
|
<p>
|
||
|
|
<a href="https://nanao.moe">live</a>
|
||
|
|
•
|
||
|
|
<a href="https://github.com/Damillora/miracle">source code</a>
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="card">
|
||
|
|
<div class="card-title">
|
||
|
|
<h1>Description</h1>
|
||
|
|
</div>
|
||
|
|
<div class="card-content">
|
||
|
|
<p>
|
||
|
|
A domain carves a person's place in the Internet. nanao.moe serves as one for my side hobbies.
|
||
|
|
The website contains information about my hobbies, such as games, and has a link to my hobby blog.
|
||
|
|
</p>
|
||
|
|
<p>
|
||
|
|
Originally, nanao.moe is styled in pure CSS. However, it later used Tailwind.
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="card">
|
||
|
|
<div class="card-title">
|
||
|
|
<h1>Technologies</h1>
|
||
|
|
</div>
|
||
|
|
<div class="card-content">
|
||
|
|
<ul>
|
||
|
|
<li>Vue.js</li>
|
||
|
|
<li>Nuxt.js</li>
|
||
|
|
<li>Tailwind CSS</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="card">
|
||
|
|
<div class="card-title">
|
||
|
|
<h1>Screenshots</h1>
|
||
|
|
</div>
|
||
|
|
<div class="card-content">
|
||
|
|
<div class="gallery">
|
||
|
|
<GalleryImage :src="require('~/assets/projects/miracle/1.png')" />
|
||
|
|
<GalleryImage :src="require('~/assets/projects/miracle/2.png')" />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
<script>
|
||
|
|
import GalleryImage from '~/components/GalleryImage';
|
||
|
|
|
||
|
|
export default {
|
||
|
|
components: {
|
||
|
|
GalleryImage,
|
||
|
|
},
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
<style>
|
||
|
|
|
||
|
|
</style>
|