From e04be7874a71f9cbd47a392b6456829f8cedcad4 Mon Sep 17 00:00:00 2001
From: Damillora <developer@damillora.com>
Date: Sat, 28 Sep 2019 23:12:03 +0700
Subject: [PATCH] Rework pages

---
 layouts/default.vue | 19 ++++++++-----------
 pages/about.vue     |  4 +++-
 pages/games.vue     |  4 ++--
 pages/index.vue     |  5 +----
 pages/sns.vue       | 43 +++++++++++++++++++++++++++++++++++++++++++
 5 files changed, 57 insertions(+), 18 deletions(-)
 create mode 100644 pages/sns.vue

diff --git a/layouts/default.vue b/layouts/default.vue
index baabb76..e848d51 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -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;
 }
diff --git a/pages/about.vue b/pages/about.vue
index 3f32399..e878562 100644
--- a/pages/about.vue
+++ b/pages/about.vue
@@ -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>
diff --git a/pages/games.vue b/pages/games.vue
index 24b2a19..3e9e9f9 100644
--- a/pages/games.vue
+++ b/pages/games.vue
@@ -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>
diff --git a/pages/index.vue b/pages/index.vue
index 8865c45..5f014f0 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -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>
diff --git a/pages/sns.vue b/pages/sns.vue
new file mode 100644
index 0000000..b9fc81a
--- /dev/null
+++ b/pages/sns.vue
@@ -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>