51 lines
1.3 KiB
Vue
51 lines
1.3 KiB
Vue
<template>
|
|
<div class="container">
|
|
<div class="col fill">
|
|
<div class="row">
|
|
<h3 class="primary japanese lily">{{ subheader }}</h3>
|
|
<h1 class="primary japanese yuriko">{{ header }}</h1>
|
|
<h2 class="primary yuriko-sub">{{ romaji }}</h2>
|
|
</div>
|
|
<div class="expand">
|
|
|
|
</div>
|
|
<div class="row">
|
|
<h1 class="primary name">Damillora</h1>
|
|
<h2 class="sub">an idol fan with a strange music to it</h2>
|
|
<p>
|
|
<nuxt-link to="/about">about</nuxt-link> |
|
|
<nuxt-link to="/games">game profile</nuxt-link> |
|
|
<nuxt-link to="/sns">social media</nuxt-link> |
|
|
<a href="https://nanao.moe/blog">blog</a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
|
|
export default {
|
|
components: {
|
|
|
|
},
|
|
computed: {
|
|
subheader() {
|
|
return process.env.subheader
|
|
},
|
|
header() {
|
|
return process.env.header
|
|
},
|
|
romaji() {
|
|
return process.env.romaji
|
|
},
|
|
},
|
|
transition: {
|
|
name: 'nanao',
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
</style>
|