From 562f1aa60c481daa6f452c76923c5559ec83253e Mon Sep 17 00:00:00 2001
From: Damillora <developer@damillora.com>
Date: Thu, 30 Jan 2020 14:16:48 +0700
Subject: [PATCH] Per page game profiles

---
 assets/css/tailwind.css     |   3 ++
 components/GameListItem.vue |  16 ++++++
 pages/games.vue             | 102 -----------------------------------
 pages/games/arcaea.vue      |  22 ++++++++
 pages/games/bandori.vue     |  22 ++++++++
 pages/games/cue.vue         |  28 ++++++++++
 pages/games/index.vue       | 103 ++++++++++++++++++++++++++++++++++++
 pages/games/llsif.vue       |  22 ++++++++
 pages/games/llsifas.vue     |  28 ++++++++++
 pages/games/maimai.vue      |  22 ++++++++
 pages/games/mirishita.vue   |  22 ++++++++
 pages/games/nogikoi.vue     |  22 ++++++++
 pages/games/sdvx.vue        |  22 ++++++++
 pages/games/shadowverse.vue |  22 ++++++++
 pages/games/shinymas.vue    |  22 ++++++++
 pages/games/starira.vue     |  22 ++++++++
 pages/games/t7s.vue         |  21 ++++++++
 pages/games/template.vue    |  26 +++++++++
 pages/games/unison.vue      |  27 ++++++++++
 19 files changed, 472 insertions(+), 102 deletions(-)
 create mode 100644 components/GameListItem.vue
 delete mode 100644 pages/games.vue
 create mode 100644 pages/games/arcaea.vue
 create mode 100644 pages/games/bandori.vue
 create mode 100644 pages/games/cue.vue
 create mode 100644 pages/games/index.vue
 create mode 100644 pages/games/llsif.vue
 create mode 100644 pages/games/llsifas.vue
 create mode 100644 pages/games/maimai.vue
 create mode 100644 pages/games/mirishita.vue
 create mode 100644 pages/games/nogikoi.vue
 create mode 100644 pages/games/sdvx.vue
 create mode 100644 pages/games/shadowverse.vue
 create mode 100644 pages/games/shinymas.vue
 create mode 100644 pages/games/starira.vue
 create mode 100644 pages/games/t7s.vue
 create mode 100644 pages/games/template.vue
 create mode 100644 pages/games/unison.vue

diff --git a/assets/css/tailwind.css b/assets/css/tailwind.css
index 0a49a38..bed3162 100644
--- a/assets/css/tailwind.css
+++ b/assets/css/tailwind.css
@@ -55,3 +55,6 @@ body {
     @apply text-yuika-blue-200;
 }
 
+.content blockquote {
+   @apply border-l-4 border-white pl-8 text-gray-200;
+}
diff --git a/components/GameListItem.vue b/components/GameListItem.vue
new file mode 100644
index 0000000..0c6d595
--- /dev/null
+++ b/components/GameListItem.vue
@@ -0,0 +1,16 @@
+<template>
+  <li>
+    <p>{{ name }}</p>
+    <p><nuxt-link :to="link">Profile</nuxt-link></p>
+    <p>ID: {{ gameid }}</p>
+  </li>
+</template>
+
+<script>
+export default {
+  props : [ 'name', 'link', 'gameid' ],
+}
+</script>
+
+<style>
+</style>
diff --git a/pages/games.vue b/pages/games.vue
deleted file mode 100644
index 0d701ea..0000000
--- a/pages/games.vue
+++ /dev/null
@@ -1,102 +0,0 @@
-<template>
-  <div class="page">
-<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>Game IDs</h2>
-            <p>
-                <ul>
-                    <li>
-                        <p><a href="https://p.eagate.573.jp/game/sdvx/v/">SOUND VOLTEX VIVID WAVE</a></p>
-                        <p>Player Name: YUIKA283</p>
-                        <p>ID: SV-6457-6694</p>
-                    </li>
-                    <li>
-                        <p><a href="https://maimai.sega.com">maimai DX</a></p>
-                        <p>Player Name: YUIKA283</p>
-                        <p>ID: 6027059823123</p>
-                    </li>
-                    <li>
-                        <p><a href="https://millionlive.idolmaster.jp/theaterdays/">THE IDOLM@STER Million Live: Theater Days</a></p>
-                        <p>Player Name: Damillora</p>
-                        <p>ID: CGTEDUQ4</p>
-                    </li>
-                    <li>
-                        <p><a href="https://arcaea.lowiro.com">Arcaea</a></p>
-                        <p>Player Name: Damillora</p>
-                        <p>ID: 264202217</p>
-                    </li>
-                    <li>
-                        <p><a href="http://t7s.jp">Tokyo 7th Sisters</a></p>
-                        <p>Player Name: Damillora</p>
-                        <p>ID: M2mXkWk</p>
-                    </li>
-                    <li>
-                        <p><a href="https://bang-dream.bushimo.jp/">BanG Dream! Girls Band Party (JP)</a></p>
-                        <p>Player Name: Damillora</p>
-                        <p>ID: 106205253</p>
-                    </li>
-                    <li>
-                        <p><a href="https://lovelive-sif.bushimo.jp/">Love Live! School Idol Festival (JP)</a></p>
-                        <p>Player Name: Damillora</p>
-                        <p>ID: 755897396</p>
-                    </li>
-                    <li>
-                        <p><a href="https://www.en.revuestarlight-relive.com/">Revue Starlight Re LIVE (EN)</a></p>
-                        <p>Player Name: [RS]Damillora</p>
-                        <p>ID: 2490812618</p>
-                    </li>
-                    <li>
-                        <p><a href="https://shadowverse.com/">Shadowverse</a></p>
-                        <p>Player Name: Damillora</p>
-                        <p>ID: 778908673</p>
-                    </li>
-                    <li>
-                        <p><a href="https://nogikoi.jp/">Nogikoi</a></p>
-                        <p>Player Name: -</p>
-                        <p>ID: 1673068678</p>
-                    </li>
-                    <li>
-                        <p><a href="https://shinycolors.idolmaster.jp">THE IDOLM@STER: Shiny Colors</a></p>
-                        <p>Player Name: Damillora</p>
-                        <p>ID: ePmtJyTwzn</p>
-                    </li>
-                    <li>
-                        <p><a href="https://keyahina-unisonair.com/">UNI'S ON AIR</a></p>
-                        <p>Player Name: Damillora</p>
-                        <p>ID: y2medy4d</p>
-                    </li>
-                    <li>
-                        <p><a href="https://www.cue-liber.jp/">CUE!</a></p>
-                        <p>Player Name: Damillora</p>
-                        <p>ID: 37132287893</p>
-                    </li>
-                    <li>
-                        <p><a href="https://lovelive-as.bushimo.jp/">Love Live ! School idol festival ALL STARS</a></p>
-                        <p>Player Name: -</p>
-                        <p>ID: (soon)</p>
-                    </li>
-                    <!--
-                    <li>
-                        <p><a href=""></a></p>
-                        <p>Player Name: </p>
-                        <p>ID: </p>
-                    </li>
-                    -->
-                </ul>
-            </p>
-  </div>
-</template>
-
-<script>
-
-export default {
-  components: {
-
-  },
-
-}
-</script>
-
-<style>
-</style>
diff --git a/pages/games/arcaea.vue b/pages/games/arcaea.vue
new file mode 100644
index 0000000..68c1c39
--- /dev/null
+++ b/pages/games/arcaea.vue
@@ -0,0 +1,22 @@
+<template>
+  <div class="page">
+            <h1 class="title">Game Profile: Arcaea</h1>
+            <p><a href="https://arcaea.lowiro.com">Game Website</a></p>
+            <h2>My Game ID</h2>
+            <p>Player Name: Damillora</p>
+            <p>ID: 264202217</p>
+  </div>
+</template>
+
+<script>
+
+export default {
+  components: {
+
+  },
+
+}
+</script>
+
+<style>
+</style>
diff --git a/pages/games/bandori.vue b/pages/games/bandori.vue
new file mode 100644
index 0000000..e8be6ea
--- /dev/null
+++ b/pages/games/bandori.vue
@@ -0,0 +1,22 @@
+<template>
+  <div class="page">
+            <h1 class="title">Game Profile: BanG Dream! Girls Band Party (JP)</h1>
+            <p><a href="https://bang-dream.bushimo.jp/">Game Website</a></p>
+            <h2>My Game ID</h2>
+            <p>Player Name: [RS]Damillora</p>
+            <p>ID: 106205253</p>
+  </div>
+</template>
+
+<script>
+
+export default {
+  components: {
+
+  },
+
+}
+</script>
+
+<style>
+</style>
diff --git a/pages/games/cue.vue b/pages/games/cue.vue
new file mode 100644
index 0000000..3b797ef
--- /dev/null
+++ b/pages/games/cue.vue
@@ -0,0 +1,28 @@
+<template>
+  <div class="page">
+            <h1 class="title">Game Profile: CUE!</h1>
+            <p><a href="https://www.cue-liber.jp/">Game Website</a></p>
+            <h2>My Review</h2>
+            <blockquote>
+               Despite the similarities  and the amount of grinding, CUE! manages to stand out for me. 
+               I recommend to try it sometimes, and get to the point where you can change casts in the anime. You will appreciate it.
+            </blockquote>
+            <p><a href="https://blog.nanao.moe/game-reviews/cue/">Read more</a></p>
+            <h2>My Game ID</h2>
+            <p>Player Name: Damillora</p>
+            <p>ID: 37132287893</p>
+  </div>
+</template>
+
+<script>
+
+export default {
+  components: {
+
+  },
+
+}
+</script>
+
+<style>
+</style>
diff --git a/pages/games/index.vue b/pages/games/index.vue
new file mode 100644
index 0000000..a781b5d
--- /dev/null
+++ b/pages/games/index.vue
@@ -0,0 +1,103 @@
+<template>
+  <div class="page">
+            <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>Game IDs</h2>
+            <p>
+                <ul>
+                    <GameListItem 
+                      name="SOUND VOLTEX VIVID WAVE"
+                      link="/games/sdvx"
+                      gameid="SV-6457-6694"
+                     />
+                    <GameListItem 
+                      name="maimai DX"
+                      link="/games/maimai"
+                      gameid="6027059823123"
+                     />
+                    <GameListItem 
+                      name="The IDOLM@STER Million Live: Theater Days"
+                      link="/games/mirishita"
+                      gameid="CGTEDUQ4"
+                     />
+                    <GameListItem 
+                      name="Arcaea"
+                      link="/games/arcaea"
+                      gameid="264202217"
+                     />
+                    <GameListItem 
+                      name="Tokyo 7th Sisters"
+                      link="/games/t7s"
+                      gameid="M2mXkWk"
+                     />
+                    <GameListItem 
+                      name="BanG Dream! Girls Band Party (JP)"
+                      link="/games/bandori"
+                      gameid="106205253"
+                     />
+                    <GameListItem
+                      name="Love Live! School Idol Festival (JP)"
+                      link="/games/llsif"
+                      gameid="755897396"
+                     />
+                    <GameListItem
+                      name="Revue Starlight Re LIVE (EN)"
+                      link="/games/starira"
+                      gameid="2490812618"
+                     />
+                    <GameListItem
+                      name="Shadowverse"
+                      link="/games/shadowverse"
+                      gameid="778908673"
+                     />
+                    <GameListItem
+                      name="Nogikoi"
+                      link="/games/nogikoi"
+                      gameid="1673068678"
+                     />
+                    <GameListItem
+                      name="THE IDOLM@STER: Shiny Colors"
+                      link="/games/shinymas"
+                      gameid="ePmtJyTwzn"
+                     />
+                    <GameListItem
+                      name="欅坂46・日向坂46 UNI'S ON AIR"
+                      link="games/unison"
+                      gameid="y2medy4d"
+                     />
+                    <GameListItem
+                      name="CUE!"
+                      link="/games/cue"
+                      gameid="37132287893"
+                     />
+                    <GameListItem
+                      name="Love Live! School idol festival ALL STARS"
+                      link="/games/llsifas"
+                      gameid="-"
+                     />
+                    <!--
+                    <GameListItem
+                      name=""
+                      link=""
+                      gameid=""
+                     />
+                    -->
+                </ul>
+            </p>
+  </div>
+</template>
+
+<script>
+import GameListItem from "@/components/GameListItem";
+
+export default {
+  components: {
+    GameListItem,
+  },
+
+}
+</script>
+
+<style>
+</style>
diff --git a/pages/games/llsif.vue b/pages/games/llsif.vue
new file mode 100644
index 0000000..3a1d2fd
--- /dev/null
+++ b/pages/games/llsif.vue
@@ -0,0 +1,22 @@
+<template>
+  <div class="page">
+            <h1 class="title">Game Profile: Love Live! School Idol Festival (JP)<</h1>
+            <p><a href="https://lovelive-sif.bushimo.jp/">Game Website</a></p>
+            <h2>My Game ID</h2>
+            <p>Player Name: Damillora</p>
+            <p>ID: 755897396</p>
+  </div>
+</template>
+
+<script>
+
+export default {
+  components: {
+
+  },
+
+}
+</script>
+
+<style>
+</style>
diff --git a/pages/games/llsifas.vue b/pages/games/llsifas.vue
new file mode 100644
index 0000000..f49ce32
--- /dev/null
+++ b/pages/games/llsifas.vue
@@ -0,0 +1,28 @@
+<template>
+  <div class="page">
+            <h1 class="title">Game Profile: Love Live! School idol festival ALL STARS</h1>
+            <p><a href="https://lovelive-as.bushimo.jp/">Game Website</a></p>
+<!--
+            <h2>My Review</h2>
+            <blockquote>
+            </blockquote>
+            <p><a href="">Read more</a></p>
+-->
+            <h2>My Game ID</h2>
+            <p>Player Name: -</p>
+            <p>ID: -</p>
+  </div>
+</template>
+
+<script>
+
+export default {
+  components: {
+
+  },
+
+}
+</script>
+
+<style>
+</style>
diff --git a/pages/games/maimai.vue b/pages/games/maimai.vue
new file mode 100644
index 0000000..94b84a5
--- /dev/null
+++ b/pages/games/maimai.vue
@@ -0,0 +1,22 @@
+<template>
+  <div class="page">
+            <h1 class="title">Game Profile: maimai DX</h1>
+            <p><a href="https://maimai.sega.com/">Game Website</a></p>
+            <h2>My Game ID</h2>
+            <p>Player Name: YUIKA283</p>
+            <p>ID: 6027059823123</p>
+  </div>
+</template>
+
+<script>
+
+export default {
+  components: {
+
+  },
+
+}
+</script>
+
+<style>
+</style>
diff --git a/pages/games/mirishita.vue b/pages/games/mirishita.vue
new file mode 100644
index 0000000..65024e3
--- /dev/null
+++ b/pages/games/mirishita.vue
@@ -0,0 +1,22 @@
+<template>
+  <div class="page">
+            <h1 class="title">Game Profile: The IDOLM@STER Million Live: Theater Days</h1>
+            <p><a href="https://millionlive.idolmaster.jp/theaterdays/">Game Website</a></p>
+            <h2>My Game ID</h2>
+            <p>Player Name: Damillora</p>
+            <p>ID: CGTEDUQ4</p>
+  </div>
+</template>
+
+<script>
+
+export default {
+  components: {
+
+  },
+
+}
+</script>
+
+<style>
+</style>
diff --git a/pages/games/nogikoi.vue b/pages/games/nogikoi.vue
new file mode 100644
index 0000000..84c5999
--- /dev/null
+++ b/pages/games/nogikoi.vue
@@ -0,0 +1,22 @@
+<template>
+  <div class="page">
+            <h1 class="title">Game Profile: Nogikoi</h1>
+            <p><a href="https://nogikoi.jp">Game Website</a></p>
+            <h2>My Game ID</h2>
+            <p>Player Name: -</p>
+            <p>ID: 1673068678</p>
+  </div>
+</template>
+
+<script>
+
+export default {
+  components: {
+
+  },
+
+}
+</script>
+
+<style>
+</style>
diff --git a/pages/games/sdvx.vue b/pages/games/sdvx.vue
new file mode 100644
index 0000000..356bb7a
--- /dev/null
+++ b/pages/games/sdvx.vue
@@ -0,0 +1,22 @@
+<template>
+  <div class="page">
+            <h1 class="title">Game Profile: SOUND VOLTEX VIVID WAVE</h1>
+            <p><a href="https://p.eagate.573.jp/game/sdvx/v/p/index.html">Game Website</a></p>
+            <h2>My Game ID</h2>
+            <p>Player Name: YUIKA283</p>
+            <p>ID: SV-6457-6694</p>
+  </div>
+</template>
+
+<script>
+
+export default {
+  components: {
+
+  },
+
+}
+</script>
+
+<style>
+</style>
diff --git a/pages/games/shadowverse.vue b/pages/games/shadowverse.vue
new file mode 100644
index 0000000..7c5fa75
--- /dev/null
+++ b/pages/games/shadowverse.vue
@@ -0,0 +1,22 @@
+<template>
+  <div class="page">
+            <h1 class="title">Game Profile: Shadowverse</h1>
+            <p><a href="https://shadowverse.com/">Game Website</a></p>
+            <h2>My Game ID</h2>
+            <p>Player Name: Damillora</p>
+            <p>ID: 778908673</p>
+  </div>
+</template>
+
+<script>
+
+export default {
+  components: {
+
+  },
+
+}
+</script>
+
+<style>
+</style>
diff --git a/pages/games/shinymas.vue b/pages/games/shinymas.vue
new file mode 100644
index 0000000..dab5abe
--- /dev/null
+++ b/pages/games/shinymas.vue
@@ -0,0 +1,22 @@
+<template>
+  <div class="page">
+            <h1 class="title">Game Profile: THE IDOLM@STER: Shiny Colors</h1>
+            <p><a href="https://shinycolors.idolmaster.jp">Game Website</a></p>
+            <h2>My Game ID</h2>
+            <p>Player Name: Damillora</p>
+            <p>ID: ePmtJyTwzn</p>
+  </div>
+</template>
+
+<script>
+
+export default {
+  components: {
+
+  },
+
+}
+</script>
+
+<style>
+</style>
diff --git a/pages/games/starira.vue b/pages/games/starira.vue
new file mode 100644
index 0000000..2a07ad8
--- /dev/null
+++ b/pages/games/starira.vue
@@ -0,0 +1,22 @@
+<template>
+  <div class="page">
+            <h1 class="title">Game Profile: Revue Starlight Re LIVE (EN)</h1>
+            <p><a href="https://www.en.revuestarlight-relive.com/">Game Website</a></p>
+            <h2>My Game ID</h2>
+            <p>Player Name: [RS]Damillora</p>
+            <p>ID: 2490812618</p>
+  </div>
+</template>
+
+<script>
+
+export default {
+  components: {
+
+  },
+
+}
+</script>
+
+<style>
+</style>
diff --git a/pages/games/t7s.vue b/pages/games/t7s.vue
new file mode 100644
index 0000000..6f19c5e
--- /dev/null
+++ b/pages/games/t7s.vue
@@ -0,0 +1,21 @@
+<template>
+  <div class="page">
+            <h1 class="title">Game Profile: Tokyo 7th Sisters</h1>
+            <p><a href="https://t7s.jp">Game Website</a></p>
+            <h2>My Game ID</h2>
+            <p>Player Name: Damillora</p>
+            <p>ID: M2mXkWk</p>
+  </div>
+</template>
+
+<script>
+export default {
+  components: {
+    
+  },
+
+}
+</script>
+
+<style>
+</style>
diff --git a/pages/games/template.vue b/pages/games/template.vue
new file mode 100644
index 0000000..1c8c5e8
--- /dev/null
+++ b/pages/games/template.vue
@@ -0,0 +1,26 @@
+<template>
+  <div class="page">
+            <h1 class="title">Game Profile: </h1>
+            <p><a href="">Game Website</a></p>
+            <h2>My Review</h2>
+            <blockquote>
+            </blockquote>
+            <p><a href="">Read more</a></p>
+            <h2>My Game ID</h2>
+            <p>Player Name: </p>
+            <p>ID: </p>
+  </div>
+</template>
+
+<script>
+
+export default {
+  components: {
+
+  },
+
+}
+</script>
+
+<style>
+</style>
diff --git a/pages/games/unison.vue b/pages/games/unison.vue
new file mode 100644
index 0000000..4b1e695
--- /dev/null
+++ b/pages/games/unison.vue
@@ -0,0 +1,27 @@
+<template>
+  <div class="page">
+            <h1 class="title">Game Profile: 欅坂46・日向坂46 UNI'S ON AIR</h1>
+            <p><a href="https://keyahina-unisonair.com/">Game Website</a></p>
+            <h2>My Review</h2>
+            <blockquote>
+              Suffice to say, I enjoy this game more than Nogizaka46's rhythm game, which requires memorization of songs a bit too much.
+            </blockquote>
+            <p><a href="https://blog.nanao.moe/game-reviews/keyakizaka46-hinatazaka46-unis-on-air/">Read more</a></p>
+            <h2>My Game ID</h2>
+            <p>Player Name: Damillora</p>
+            <p>ID: y2medy4d</p>
+  </div>
+</template>
+
+<script>
+
+export default {
+  components: {
+
+  },
+
+}
+</script>
+
+<style>
+</style>