Rework pages

This commit is contained in:
Damillora 2019-09-28 23:12:03 +07:00
parent b6451bcd79
commit e04be7874a
5 changed files with 57 additions and 18 deletions

View File

@ -81,7 +81,8 @@ h1 {
}
h2 {
color: #ffffff;
font-size: 3vw;
font-size: 2vw;
font-weight: 300;
}
@media only screen and (max-aspect-ratio: 8/5) {
body {
@ -142,7 +143,8 @@ h2 {
}
h2 {
color: #ffffff;
font-size: 8vw;
font-size: 4.6vw;
font-weight: 300;
}
}
@media only screen and (min-aspect-ratio: 5/5) and (max-aspect-ratio: 8/5) {
@ -175,7 +177,8 @@ h2 {
}
h2 {
color: #ffffff;
font-size: 5.6vw;
font-size: 3.5vw;
font-weight: 300;
}
}
@media only screen and (max-aspect-ratio: 8/5) and (max-width: 479px) {
@ -243,19 +246,13 @@ a:hover{
margin-bottom: 5px;
}
.sub {
margin-top: 0px;
font-weight: 300;
margin-bottom: 0px;
}
.title {
margin-bottom: 10px;
}
.games-list > li {
ul > li {
font-size: 1.6vw;
}
.games-list > li > p {
ul > li > p {
margin-top: 0px;
margin-bottom: 5px;
}

View File

@ -1,7 +1,9 @@
<template>
<div class="container">
<h1 class="title">About Damillora</h1>
<p>I'm a rhythm game player and idol fan. I also create videos and write blog posts. </p>
<p>Hello! My name is Damillora.</p>
<p>I enjoy playing rhythm games, and talking about idol and rhythm games in general!</p>
<div class="back">
<nuxt-link to="/">back</nuxt-link>
</div>

View File

@ -3,9 +3,9 @@
<h1 class="title">Game Profile</h1>
<p>I play arcade and mobile games mostly, not all are recorded / streamed.</p>
<p>My most frequently played genre is rhythm games, but sometimes I try other genres too</p>
<h2 class="sub">Game IDs</h2>
<h2>Game IDs</h2>
<p>
<ul class="games-list">
<ul>
<li>
<p><a href="https://p.eagate.573.jp/game/sdvx/v/">SOUND VOLTEX VIVID WAVE</a></p>
<p>ID: SV-6457-6694</p>

View File

@ -16,12 +16,9 @@
<p>
<nuxt-link to="/about">about</nuxt-link>&nbsp;|&nbsp;
<nuxt-link to="/games">game profile</nuxt-link>&nbsp;|&nbsp;
<nuxt-link to="/sns">social media</nuxt-link>&nbsp;|&nbsp;
<a href="https://nanao.moe/blog">blog</a>
</p>
<p>SNS:&nbsp;
<a href="https://nanao.moe/twitter">twitter</a>&nbsp;|&nbsp;
<a href="https://nanao.moe/fediverse">fediverse</a>
</p>
</div>
</div>
</div>

43
pages/sns.vue Normal file
View File

@ -0,0 +1,43 @@
<template>
<div class="container">
<h1 class="title">Social Media</h1>
<p>I maintain a presence at a number of social media, be sure to follow me there!</p>
<p>
<ul>
<li>
<p>YouTube:</p>
<p><a href="/channel">Damillora</a></p>
<p><a href="/ArchivesOfAYurikoP">Archives of a YurikoP</a></p>
</li>
<li>
<p>Twitter:</p>
<p><a href="/twitter">Damillora</a></p>
<p><a href="/twittermitsumine">mitsumine_dmi</a></p>
</li>
<li>
<p>Fediverse:</p>
<p><a href="/fediverse">Damillora@misskey.nanao.moe</a></p>
</li>
</ul>
</p>
<div class="back">
<nuxt-link to="/">back</nuxt-link>
</div>
</div>
</template>
<script>
export default {
components: {
},
transition: {
name: 'nanao',
}
}
</script>
<style>
</style>