Rework pages
This commit is contained in:
parent
b6451bcd79
commit
e04be7874a
|
@ -81,7 +81,8 @@ h1 {
|
||||||
}
|
}
|
||||||
h2 {
|
h2 {
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
font-size: 3vw;
|
font-size: 2vw;
|
||||||
|
font-weight: 300;
|
||||||
}
|
}
|
||||||
@media only screen and (max-aspect-ratio: 8/5) {
|
@media only screen and (max-aspect-ratio: 8/5) {
|
||||||
body {
|
body {
|
||||||
|
@ -142,7 +143,8 @@ h2 {
|
||||||
}
|
}
|
||||||
h2 {
|
h2 {
|
||||||
color: #ffffff;
|
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) {
|
@media only screen and (min-aspect-ratio: 5/5) and (max-aspect-ratio: 8/5) {
|
||||||
|
@ -175,7 +177,8 @@ h2 {
|
||||||
}
|
}
|
||||||
h2 {
|
h2 {
|
||||||
color: #ffffff;
|
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) {
|
@media only screen and (max-aspect-ratio: 8/5) and (max-width: 479px) {
|
||||||
|
@ -243,19 +246,13 @@ a:hover{
|
||||||
margin-bottom: 5px;
|
margin-bottom: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.sub {
|
|
||||||
margin-top: 0px;
|
|
||||||
font-weight: 300;
|
|
||||||
margin-bottom: 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.title {
|
.title {
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
}
|
}
|
||||||
.games-list > li {
|
ul > li {
|
||||||
font-size: 1.6vw;
|
font-size: 1.6vw;
|
||||||
}
|
}
|
||||||
.games-list > li > p {
|
ul > li > p {
|
||||||
margin-top: 0px;
|
margin-top: 0px;
|
||||||
margin-bottom: 5px;
|
margin-bottom: 5px;
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,7 +1,9 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<h1 class="title">About Damillora</h1>
|
<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">
|
<div class="back">
|
||||||
<nuxt-link to="/">back</nuxt-link>
|
<nuxt-link to="/">back</nuxt-link>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -3,9 +3,9 @@
|
||||||
<h1 class="title">Game Profile</h1>
|
<h1 class="title">Game Profile</h1>
|
||||||
<p>I play arcade and mobile games mostly, not all are recorded / streamed.</p>
|
<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>
|
<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>
|
<p>
|
||||||
<ul class="games-list">
|
<ul>
|
||||||
<li>
|
<li>
|
||||||
<p><a href="https://p.eagate.573.jp/game/sdvx/v/">SOUND VOLTEX VIVID WAVE</a></p>
|
<p><a href="https://p.eagate.573.jp/game/sdvx/v/">SOUND VOLTEX VIVID WAVE</a></p>
|
||||||
<p>ID: SV-6457-6694</p>
|
<p>ID: SV-6457-6694</p>
|
||||||
|
|
|
@ -16,12 +16,9 @@
|
||||||
<p>
|
<p>
|
||||||
<nuxt-link to="/about">about</nuxt-link> |
|
<nuxt-link to="/about">about</nuxt-link> |
|
||||||
<nuxt-link to="/games">game profile</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>
|
<a href="https://nanao.moe/blog">blog</a>
|
||||||
</p>
|
</p>
|
||||||
<p>SNS:
|
|
||||||
<a href="https://nanao.moe/twitter">twitter</a> |
|
|
||||||
<a href="https://nanao.moe/fediverse">fediverse</a>
|
|
||||||
</p>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -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>
|
Loading…
Reference in New Issue