Update webpage to be compliant with future Yuika design

This commit is contained in:
Damillora 2019-11-30 03:13:03 +07:00
parent 0815bacfaf
commit 6911d8c6f9
22 changed files with 546 additions and 896 deletions

88
assets/css/tailwind.css Normal file
View File

@ -0,0 +1,88 @@
@import url('https://fonts.googleapis.com/css?family=Exo+2:300,400,500&display=swap');
@import 'tailwindcss/base';
@import 'tailwindcss/components';
@import 'tailwindcss/utilities';
html {
@apply font-sans;
}
.main {
background-image: url('~assets/images/bg-sm.png');
background-size: cover;
background-position: center;
@apply min-h-screen;
}
@screen sm {
.main {
background-image: url('~assets/images/bg-md.png');
}
}
@screen md {
.main {
background-image: url('~assets/images/bg-lg.png');
}
}
@screen lg {
.main {
background-image: url('~assets/images/bg-xl.png');
}
}
@screen xl {
.main {
background-image: url('~assets/images/bg-xxl.png');
}
}
.card {
@apply text-white py-2 px-2;
background-color: rgba(0,0,0,0.3);
}
.content {
@apply relative overflow-y-auto;
height: calc(100vh - 7rem);
}
.page {
@apply text-white py-2 px-2 w-full right-0;
background-color: rgba(0,0,0,0.3);
min-height: calc(100vh - 7rem);
}
@screen sm {
.page {
@apply w-3/4;
}
}
@screen md {
.page {
@apply w-3/5;
}
}
@screen lg {
.page {
@apply w-1/2;
}
}
@screen xl {
.page {
@apply w-2/5;
}
}
.page h1 {
@apply text-4xl;
}
.page h2 {
@apply text-3xl;
}
.page ul {
@apply list-disc;
}
.page a {
@apply text-yuika-blue-200;
}

BIN
assets/images/bg-lg.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 943 KiB

BIN
assets/images/bg-md.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 563 KiB

BIN
assets/images/bg-sm.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 404 KiB

BIN
assets/images/bg-xl.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 MiB

BIN
assets/images/bg-xxl.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.9 MiB

BIN
assets/images/bg.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.4 MiB

View File

@ -1,271 +0,0 @@
body {
background: linear-gradient(to right, #060600 45% ,transparent 65%), url("/junna-360.jpg") no-repeat calc(0% + 300px) 0%;
background-size: cover;
background-attachment: fixed;
scroll-behavior: smooth;
}
@media only screen and (max-height: 479px) {
body {
background: linear-gradient(to right, #060600 45% ,transparent 65%), url("/junna-360.jpg") no-repeat calc(0% + 150px) 0%;
background-size: cover;
background-attachment: fixed;
}
}
@media only screen and (max-height: 899px) {
body {
background: linear-gradient(to right, #060600 45% ,transparent 65%), url("/junna-720.jpg") no-repeat calc(0% + 300px) 0%;
background-size: cover;
background-attachment: fixed;
}
}
@media only screen and (min-height: 900px) {
body {
background: linear-gradient(to right, #060600 45% ,transparent 65%), url("/junna-1080.jpg") no-repeat calc(0% + 450px) 0%;
background-size: cover;
background-attachment: fixed;
}
}
.content-container {
margin-top: 5vh;
margin-left: 2.5%;
margin-right: 60%;
word-wrap: break-word;
font-family: 'Exo 2', sans-serif;
}
.header {
display: none;
}
.gradient {
display: none;
}
.lily {
font-size: 1.6vw;
margin-top: 0px;
margin-bottom: 0px;
font-weight: 300;
}
.yuriko {
margin-top: 0px;
font-size: 5vw;
margin-bottom: 5px;
}
.yuriko-sub {
margin-top: 0px;
font-weight: 300;
margin-bottom: 0px;
font-size: 2.6vw;
}
p {
color: #ffffff;
font-size: 1.3vw;
}
h1 {
color: #95caed;
font-size: 3.2vw;
font-weight: 500;
}
h2 {
color: #ffffff;
font-size: 2vw;
font-weight: 300;
}
@media only screen and (max-aspect-ratio: 8/5) {
body {
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
background: #060600;
}
.content-container {
margin-left: 3%;
margin-right: 3%;
}
.header {
margin-left: 0px;
margin-right: 0px;
display: block;
height: 50vh;
background: url("/junna.jpg") no-repeat;
background-size: cover;
background-attachment: fixed;
background-position: left 40% top;
}
.gradient {
display: block;
position: absolute;
top: 25vh;
left: 0%;
width: 100%;
height: 25vh;
background: linear-gradient(to top,#060600 25%,transparent 100%);
}
.lily {
font-size: 7.5vw;
margin-top: 0px;
margin-bottom: 0px;
font-weight: 300;
}
.yuriko {
margin-top: 0px;
font-size: 15vw;
margin-bottom: 5px;
}
.yuriko-sub {
margin-top: 0px;
font-weight: 300;
margin-bottom: 0px;
font-size: 8vw;
}
p {
color: #ffffff;
font-size: 5vw;
}
h1 {
color: #95caed;
font-size: 10vw;
font-weight: 500;
}
h2 {
color: #ffffff;
font-size: 4.6vw;
font-weight: 300;
}
.smol-yurik {
display: none;
}
}
@media only screen and (min-aspect-ratio: 5/5) and (max-aspect-ratio: 8/5) {
.lily {
font-size: 5vw;
margin-top: 0px;
margin-bottom: 0px;
font-weight: 300;
}
.yuriko {
margin-top: 0px;
font-size: 10vw;
margin-bottom: 5px;
}
.yuriko-sub {
margin-top: 0px;
font-weight: 300;
margin-bottom: 0px;
font-size: 5.6vw;
}
p {
color: #ffffff;
font-size: 3.3vw;
}
h1 {
color: #95caed;
font-size: 6.7vw;
font-weight: 500;
}
h2 {
color: #ffffff;
font-size: 3.5vw;
font-weight: 300;
}
}
@media only screen and (max-aspect-ratio: 8/5) and (max-width: 479px) {
.header {
margin-left: 0px;
margin-right: 0px;
display: block;
height: 50vh;
background: url("/junna-360.jpg") no-repeat;
background-size: cover;
background-attachment: fixed;
background-position: left 40% top;
}
}
@media only screen and (max-aspect-ratio: 8/5) and (max-width: 899px) {
.header {
margin-left: 0px;
margin-right: 0px;
display: block;
height: 50vh;
background: url("/junna-720.jpg") no-repeat;
background-size: cover;
background-attachment: fixed;
background-position: left 40% top;
}
}
@media only screen and (max-aspect-ratio: 8/5) and (min-width: 899px) {
.header {
margin-left: 0px;
margin-right: 0px;
display: block;
height: 50vh;
background: url("/junna-720.jpg") no-repeat;
background-size: cover;
background-attachment: fixed;
background-position: left 40% top;
}
}
.primary {
color: #95caed;
}
.japanese{
font-family: 'M PLUS 1p', sans-serif;
}
a {
text-decoration: none;
color: #95caed;
}
a:hover{
text-decoration: underline;
}
.name {
margin-top: 0px;
margin-bottom: 5px;
}
.title {
margin-bottom: 10px;
}
ul > li {
font-size: 1.6vw;
}
ul > li > p {
margin-top: 0px;
margin-bottom: 5px;
}
.col {
display: flex;
flex-flow: column;
}
.row {
flex: 0 1 auto;
}
.expand {
flex: 1 1 auto;
}
.fill {
height: 87vh;
}
.nanao-enter-active,
.nanao-leave-active {
transition-property: opacity;
transition-timing-function: ease-in-out;
transition-duration: 100ms;
}
.nanao-enter,
.nanao-leave-to {
opacity: 0;
}

View File

@ -1,271 +0,0 @@
body {
background: linear-gradient(to right, #ffffff 45% ,transparent 65%), url("/yuika-360.jpg") no-repeat calc(0% + 150px) 0%;
background-size: cover;
background-attachment: fixed;
scroll-behavior: smooth;
}
@media only screen and (max-height: 479px) {
body {
background: linear-gradient(to right, #ffffff 45% ,transparent 65%), url("/yuika-360.jpg") no-repeat calc(0% + 150px) 0%;
background-size: cover;
background-attachment: fixed;
}
}
@media only screen and (max-height: 899px) {
body {
background: linear-gradient(to right, #ffffff 45% ,transparent 65%), url("/yuika-720.jpg") no-repeat calc(0% + 300px) 0%;
background-size: cover;
background-attachment: fixed;
}
}
@media only screen and (min-height: 900px) {
body {
background: linear-gradient(to right, #ffffff 45% ,transparent 65%), url("/yuika-1080.jpg") no-repeat calc(0% + 450px) 0%;
background-size: cover;
background-attachment: fixed;
}
}
.content-container {
margin-top: 5vh;
margin-left: 2.5%;
margin-right: 60%;
word-wrap: break-word;
font-family: 'Exo 2', sans-serif;
}
.header {
display: none;
}
.gradient {
display: none;
}
.lily {
font-size: 1.6vw;
margin-top: 0px;
margin-bottom: 0px;
font-weight: 300;
}
.yuriko {
margin-top: 0px;
font-size: 5vw;
margin-bottom: 5px;
}
.yuriko-sub {
margin-top: 0px;
font-weight: 300;
margin-bottom: 0px;
font-size: 2.6vw;
}
p {
color: #000000;
font-size: 1.3vw;
}
h1 {
color: #3b90c6;
font-size: 3.2vw;
font-weight: 500;
}
h2 {
color: #000000;
font-size: 2vw;
font-weight: 300;
}
@media only screen and (max-aspect-ratio: 8/5) {
body {
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
background: #ffffff;
}
.content-container {
margin-left: 3%;
margin-right: 3%;
}
.header {
margin-left: 0px;
margin-right: 0px;
display: block;
height: 50vh;
background: url("/yuika.jpg") no-repeat;
background-size: cover;
background-attachment: fixed;
background-position: right 55% top;
}
.gradient {
display: block;
position: absolute;
top: 25vh;
left: 0%;
width: 100%;
height: 25vh;
background: linear-gradient(to top,#ffffff 25%,transparent 100%);
}
.lily {
font-size: 7.5vw;
margin-top: 0px;
margin-bottom: 0px;
font-weight: 300;
}
.yuriko {
margin-top: 0px;
font-size: 15vw;
margin-bottom: 5px;
}
.yuriko-sub {
margin-top: 0px;
font-weight: 300;
margin-bottom: 0px;
font-size: 8vw;
}
p {
color: #000000;
font-size: 5vw;
}
h1 {
color: #3b90c6;
font-size: 10vw;
font-weight: 500;
}
h2 {
color: #000000;
font-size: 4.6vw;
font-weight: 300;
}
.smol-yurik {
display: none;
}
}
@media only screen and (min-aspect-ratio: 5/5) and (max-aspect-ratio: 8/5) {
.lily {
font-size: 5vw;
margin-top: 0px;
margin-bottom: 0px;
font-weight: 300;
}
.yuriko {
margin-top: 0px;
font-size: 10vw;
margin-bottom: 5px;
}
.yuriko-sub {
margin-top: 0px;
font-weight: 300;
margin-bottom: 0px;
font-size: 5.6vw;
}
p {
color: #000000;
font-size: 3.3vw;
}
h1 {
color: #3b90c6;
font-size: 6.7vw;
font-weight: 500;
}
h2 {
color: #000000;
font-size: 3.5vw;
font-weight: 300;
}
}
@media only screen and (max-aspect-ratio: 8/5) and (max-width: 479px) {
.header {
margin-left: 0px;
margin-right: 0px;
display: block;
height: 50vh;
background: url("/yuika-360.jpg") no-repeat;
background-size: cover;
background-attachment: fixed;
background-position: right 55% top;
}
}
@media only screen and (max-aspect-ratio: 8/5) and (max-width: 899px) {
.header {
margin-left: 0px;
margin-right: 0px;
display: block;
height: 50vh;
background: url("/yuika-720.jpg") no-repeat;
background-size: cover;
background-attachment: fixed;
background-position: right 55% top;
}
}
@media only screen and (max-aspect-ratio: 8/5) and (min-width: 899px) {
.header {
margin-left: 0px;
margin-right: 0px;
display: block;
height: 50vh;
background: url("/yuika-720.jpg") no-repeat;
background-size: cover;
background-attachment: fixed;
background-position: right 55% top;
}
}
.primary {
color: #3b90c6;
}
.japanese{
font-family: 'M PLUS 1p', sans-serif;
}
a {
text-decoration: none;
color: #3b90c6;
}
a:hover{
text-decoration: underline;
}
.name {
margin-top: 0px;
margin-bottom: 5px;
}
.title {
margin-bottom: 10px;
}
ul > li {
font-size: 1.6vw;
}
ul > li > p {
margin-top: 0px;
margin-bottom: 5px;
}
.col {
display: flex;
flex-flow: column;
}
.row {
flex: 0 1 auto;
}
.expand {
flex: 1 1 auto;
}
.fill {
height: 87vh;
}
.nanao-enter-active,
.nanao-leave-active {
transition-property: opacity;
transition-timing-function: ease-in-out;
transition-duration: 100ms;
}
.nanao-enter,
.nanao-leave-to {
opacity: 0;
}

View File

@ -1,271 +0,0 @@
body {
background: linear-gradient(to right, #060600 45% ,transparent 65%), url("/yuriko-360.jpg") no-repeat;
background-size: cover;
background-attachment: fixed;
scroll-behavior: smooth;
}
@media only screen and (max-height: 479px) {
body {
background: linear-gradient(to right, #060600 45% ,transparent 65%), url("/yuriko-360.jpg") no-repeat;
background-size: cover;
background-attachment: fixed;
}
}
@media only screen and (max-height: 899px) {
body {
background: linear-gradient(to right, #060600 45% ,transparent 65%), url("/yuriko-720.jpg") no-repeat;
background-size: cover;
background-attachment: fixed;
}
}
@media only screen and (min-height: 900px) {
body {
background: linear-gradient(to right, #060600 45% ,transparent 65%), url("/yuriko-1080.jpg") no-repeat;
background-size: cover;
background-attachment: fixed;
}
}
.content-container {
margin-top: 5vh;
margin-left: 2.5%;
margin-right: 60%;
word-wrap: break-word;
font-family: 'Exo 2', sans-serif;
}
.header {
display: none;
}
.gradient {
display: none;
}
.lily {
font-size: 1.6vw;
margin-top: 0px;
margin-bottom: 0px;
font-weight: 300;
}
.yuriko {
margin-top: 0px;
font-size: 5vw;
margin-bottom: 5px;
}
.yuriko-sub {
margin-top: 0px;
font-weight: 300;
margin-bottom: 0px;
font-size: 2.6vw;
}
p {
color: #ffffff;
font-size: 1.3vw;
}
h1 {
color: #c7b83c;
font-size: 3.2vw;
font-weight: 500;
}
h2 {
color: #ffffff;
font-size: 2vw;
font-weight: 300;
}
@media only screen and (max-aspect-ratio: 8/5) {
body {
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
background: #060600;
}
.content-container {
margin-left: 3%;
margin-right: 3%;
}
.header {
margin-left: 0px;
margin-right: 0px;
display: block;
height: 50vh;
background: url("/yuriko.jpg") no-repeat;
background-size: cover;
background-attachment: fixed;
background-position: right 20% top;
}
.gradient {
display: block;
position: absolute;
top: 25vh;
left: 0%;
width: 100%;
height: 25vh;
background: linear-gradient(to top,#060600 25%,transparent 100%);
}
.lily {
font-size: 7.5vw;
margin-top: 0px;
margin-bottom: 0px;
font-weight: 300;
}
.yuriko {
margin-top: 0px;
font-size: 15vw;
margin-bottom: 5px;
}
.yuriko-sub {
margin-top: 0px;
font-weight: 300;
margin-bottom: 0px;
font-size: 8vw;
}
p {
color: #ffffff;
font-size: 5vw;
}
h1 {
color: #c7b83c;
font-size: 10vw;
font-weight: 500;
}
h2 {
color: #ffffff;
font-size: 4.6vw;
font-weight: 300;
}
.smol-yurik {
display: none;
}
}
@media only screen and (min-aspect-ratio: 5/5) and (max-aspect-ratio: 8/5) {
.lily {
font-size: 5vw;
margin-top: 0px;
margin-bottom: 0px;
font-weight: 300;
}
.yuriko {
margin-top: 0px;
font-size: 10vw;
margin-bottom: 5px;
}
.yuriko-sub {
margin-top: 0px;
font-weight: 300;
margin-bottom: 0px;
font-size: 5.6vw;
}
p {
color: #ffffff;
font-size: 3.3vw;
}
h1 {
color: #c7b83c;
font-size: 6.7vw;
font-weight: 500;
}
h2 {
color: #ffffff;
font-size: 3.5vw;
font-weight: 300;
}
}
@media only screen and (max-aspect-ratio: 8/5) and (max-width: 479px) {
.header {
margin-left: 0px;
margin-right: 0px;
display: block;
height: 50vh;
background: url("/yuriko-360.jpg") no-repeat;
background-size: cover;
background-attachment: fixed;
background-position: right 20% top;
}
}
@media only screen and (max-aspect-ratio: 8/5) and (max-width: 899px) {
.header {
margin-left: 0px;
margin-right: 0px;
display: block;
height: 50vh;
background: url("/yuriko-720.jpg") no-repeat;
background-size: cover;
background-attachment: fixed;
background-position: right 20% top;
}
}
@media only screen and (max-aspect-ratio: 8/5) and (min-width: 899px) {
.header {
margin-left: 0px;
margin-right: 0px;
display: block;
height: 50vh;
background: url("/yuriko-720.jpg") no-repeat;
background-size: cover;
background-attachment: fixed;
background-position: right 20% top;
}
}
.primary {
color: #c7b83c;
}
.japanese{
font-family: 'M PLUS 1p', sans-serif;
}
a {
text-decoration: none;
color: #c7b83c;
}
a:hover{
text-decoration: underline;
}
.name {
margin-top: 0px;
margin-bottom: 5px;
}
.title {
margin-bottom: 10px;
}
ul > li {
font-size: 1.6vw;
}
ul > li > p {
margin-top: 0px;
margin-bottom: 5px;
}
.col {
display: flex;
flex-flow: column;
}
.row {
flex: 0 1 auto;
}
.expand {
flex: 1 1 auto;
}
.fill {
height: 87vh;
}
.nanao-enter-active,
.nanao-leave-active {
transition-property: opacity;
transition-timing-function: ease-in-out;
transition-duration: 100ms;
}
.nanao-enter,
.nanao-leave-to {
opacity: 0;
}

29
components/Footer.vue Normal file
View File

@ -0,0 +1,29 @@
<template>
<div>
<footer>
<div class="footer-left">
<h1>(C) 2019 Damillora</h1>
</div>
</footer>
<div class="h-12"></div>
</div>
</template>
<script>
export default {
}
</script>
<style>
footer {
@apply h-12 bottom-0 w-full z-10 flex flex-row justify-start items-center px-4 fixed;
background-color: rgba(0,0,0,0.3);
}
footer h1 {
@apply text-white;
}
.footer-left {
}
</style>

43
components/Header.vue Normal file
View File

@ -0,0 +1,43 @@
<template>
<div>
<header>
<div class="header-left">
<nuxt-link to="/"><p class="header-link">Damillora</p></nuxt-link>
</div>
<div class="header-middle">
</div>
<div class="header-right">
<nuxt-link to="/about"><p class="header-link">about</p></nuxt-link>
<nuxt-link to="/games"><p class="header-link">game profile</p></nuxt-link>
<nuxt-link to="/sns"><p class="header-link">social media</p></nuxt-link>
<a href="//blog.nanao.moe"><p class="header-link">blog</p></a>
</div>
</header>
<div class="h-16"></div>
</div>
</template>
<script>
export default {
}
</script>
<style>
header {
@apply h-16 fixed top-0 w-full z-10 flex flex-row justify-start items-center px-4;
background-color: rgba(0,0,0,0.3);
}
.header-link {
@apply text-white text-lg mx-2;
}
.header-left {
}
.header-middle {
@apply flex-grow;
}
.header-right {
@apply flex flex-row;
}
</style>

View File

@ -1,22 +1,26 @@
<template>
<div>
<div class="header">
<div class="gradient">
</div>
</div>
<div class="content-container">
<div class="main">
<Header/>
<div class="content">
<nuxt />
</div>
<Footer/>
</div>
</template>
<script>
// import FloatingYuriko from '~/components/FloatingYuriko'
import Footer from '~/components/Footer'
import Header from '~/components/Header'
export default {
components: {
// FloatingYuriko
Footer,
Header,
}
}
</script>
<style>
</style>

View File

@ -1,7 +1,5 @@
require('dotenv').config({ path: process.env.THEME ? ".env."+process.env.THEME : ".env"})
console.log("We are running "+process.env.THEME+" theme");
module.exports = {
mode: 'universal',
server: {
@ -12,7 +10,7 @@ module.exports = {
** Headers of the page
*/
head: {
title: 'Damillora - '+(process.env.DOMAIN || "nanao.moe"),
title: 'Damillora - nanao.moe',
meta: [
{ charset: 'utf-8' },
{ name: 'viewport', content: 'width=device-width, initial-scale=1' },
@ -32,7 +30,6 @@ module.exports = {
** Global CSS
*/
css: [
'@/assets/themes/'+(process.env.THEME || "yuriko")+'.css'
],
env: {
subheader: process.env.SUBHEADER || "" ,
@ -48,12 +45,13 @@ module.exports = {
** Nuxt.js dev-modules
*/
buildModules: [
'@nuxtjs/tailwindcss',
],
/*
** Nuxt.js modules
*/
modules: [
['@nuxtjs/dotenv', { filename: process.env.THEME ? ".env."+process.env.THEME : ".env" }],
['@nuxtjs/dotenv' ],
],
/*
** Build configuration
@ -75,5 +73,4 @@ module.exports = {
serverMiddleware: [
],
buildDir: '.nuxt.'+(process.env.THEME || "yuriko")
}

View File

@ -12,12 +12,14 @@
},
"dependencies": {
"@nuxtjs/dotenv": "^1.4.1",
"@nuxtjs/tailwindcss": "^1.2.0",
"cross-env": "^5.2.0",
"express": "^4.16.4",
"howler": "^2.1.2",
"node-sass": "^4.12.0",
"nuxt": "^2.0.0",
"sass-loader": "^8.0.0",
"tailwindcss-transitions": "^2.1.0",
"tall": "^2.2.0"
},
"devDependencies": {

View File

@ -1,5 +1,5 @@
<template>
<div class="container">
<div class="page">
<h1>404</h1>
<p>oops!</p>
<p>
@ -13,9 +13,6 @@
export default {
components: {
},
transition: {
name: 'nanao',
},
middleware: 'shorten',
}

View File

@ -1,13 +1,9 @@
<template>
<div class="container">
<div class="page">
<h1 class="title">About Damillora</h1>
<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>
</div>
</div>
</template>
<script>
@ -16,9 +12,6 @@ export default {
components: {
},
transition: {
name: 'nanao',
}
}
</script>

View File

@ -1,5 +1,5 @@
<template>
<div class="container">
<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>
@ -66,9 +66,6 @@
-->
</ul>
</p>
<div class="back">
<nuxt-link to="/">back</nuxt-link>
</div>
</div>
</template>
@ -78,9 +75,6 @@ export default {
components: {
},
transition: {
name: 'nanao',
}
}
</script>

View File

@ -1,23 +1,10 @@
<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>&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>
<template>
<div class="card absolute right-0 bottom-0 w-full sm:w-2/3 md:w-1/2 lg:w-2/5 xl:w-1/3">
<div class="flex flex-col">
<div class="flex flex-col">
<h1 class="text-4xl py-1">Damillora</h1>
<h2 class="text-xl py-1">an idol fan with a strange music to it</h2>
</div>
</div>
</div>
@ -29,20 +16,6 @@ export default {
components: {
},
computed: {
subheader() {
return process.env.subheader
},
header() {
return process.env.header
},
romaji() {
return process.env.romaji
},
},
transition: {
name: 'nanao',
}
}
</script>

View File

@ -1,5 +1,5 @@
<template>
<div class="container">
<div class="page">
<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>
@ -17,9 +17,6 @@
</ul>
</p>
<div class="back">
<nuxt-link to="/">back</nuxt-link>
</div>
</div>
</template>
@ -29,9 +26,6 @@ export default {
components: {
},
transition: {
name: 'nanao',
}
}
</script>

43
tailwind.config.js Normal file
View File

@ -0,0 +1,43 @@
module.exports = {
theme: {
transitionProperty: {
'none': 'none',
'all': 'all',
'color': 'color',
'bg': 'background-color',
'border': 'border-color',
'colors': ['color', 'background-color', 'border-color'],
'opacity': 'opacity',
'transform': 'transform',
},
extend: {
colors: {
'yuika-blue': {
'100': '#C6E7F8',
'200': '#9FD3F0',
'300': '#7BBEE5',
'400': '#5AA7D7',
'500': '#3B90C6',
'600': '#2E72AA',
'700': '#22558C',
'800': '#173B6C',
'900': '#0E254C',
}
},
maxHeight: {
'16': '4rem',
'24': '6rem',
'32': '8rem',
}
},
fontFamily: {
'sans': ['"Exo 2"',' -apple-system', 'BlinkMacSystemFont', '"Segoe UI"', 'Roboto', '"Helvetica Neue"', 'Arial', '"Noto Sans"', 'sans-serif', '"Apple Color Emoji"', '"Segoe UI Emoji"', '"Segoe UI Symbol"', '"Noto Color Emoji"'],
'display': ['"Exo 2"',' -apple-system', 'BlinkMacSystemFont', '"Segoe UI"', 'Roboto', '"Helvetica Neue"', 'Arial', '"Noto Sans"', 'sans-serif', '"Apple Color Emoji"', '"Segoe UI Emoji"', '"Segoe UI Symbol"', '"Noto Color Emoji"'],
'body': ['"Exo 2"',' -apple-system', 'BlinkMacSystemFont', '"Segoe UI"', 'Roboto', '"Helvetica Neue"', 'Arial', '"Noto Sans"', 'sans-serif', '"Apple Color Emoji"', '"Segoe UI Emoji"', '"Segoe UI Symbol"', '"Noto Color Emoji"'],
}
},
variants: ['responsive', 'group-hover', 'hover', 'active' ],
plugins: [
require('tailwindcss-transitions')(),
],
}

326
yarn.lock
View File

@ -710,6 +710,14 @@
resolved "https://registry.yarnpkg.com/@csstools/convert-colors/-/convert-colors-1.4.0.tgz#ad495dc41b12e75d588c6db8b9834f08fa131eb7"
integrity sha512-5a6wqoJV/xEdbRNKVo6I4hO3VjyDq//8q2f9I6PBAvMesJHFauXDorcNCsr9RzvsZnaWi5NYCcfyqP1QeFHFbw==
"@fullhuman/postcss-purgecss@^1.1.0":
version "1.3.0"
resolved "https://registry.yarnpkg.com/@fullhuman/postcss-purgecss/-/postcss-purgecss-1.3.0.tgz#d632900d818f4fcf4678e7326923fb838c3e03a7"
integrity sha512-zvfS3dPKD2FAtMcXapMJXGbDgEp9E++mLR6lTgSruv6y37uvV5xJ1crVktuC1gvnmMwsa7Zh1m05FeEiz4VnIQ==
dependencies:
postcss "^7.0.14"
purgecss "^1.4.0"
"@nuxt/babel-preset-app@2.9.2":
version "2.9.2"
resolved "https://registry.yarnpkg.com/@nuxt/babel-preset-app/-/babel-preset-app-2.9.2.tgz#e8d2ac841db845ef88ca2687093a95a480106e5d"
@ -959,6 +967,16 @@
consola "^2.10.1"
dotenv "^8.1.0"
"@nuxtjs/tailwindcss@^1.2.0":
version "1.2.0"
resolved "https://registry.yarnpkg.com/@nuxtjs/tailwindcss/-/tailwindcss-1.2.0.tgz#e558ef3c4a19e57f5e962b7f4ae8522fa3494891"
integrity sha512-ZVwN7o6Ot/e3deJy8rfbzkl+JAbBouGosAY02UPiTMfBFGNYV+d3OXijpSfaMXnipHVgPZeBzs17tyGmx0p1ZQ==
dependencies:
consola "^2.10.1"
fs-extra "^8.1.0"
nuxt-purgecss "^0.2.1"
tailwindcss "^1.1.3"
"@nuxtjs/youch@^4.2.3":
version "4.2.3"
resolved "https://registry.yarnpkg.com/@nuxtjs/youch/-/youch-4.2.3.tgz#36f8b22df5a0efaa81373109851e1d857aca6bed"
@ -1312,7 +1330,7 @@ ansi-styles@^2.2.1:
resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-2.2.1.tgz#b432dd3358b634cf75e1e4664368240533c1ddbe"
integrity sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4=
ansi-styles@^3.2.1:
ansi-styles@^3.2.0, ansi-styles@^3.2.1:
version "3.2.1"
resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-3.2.1.tgz#41fbb20243e50b12be0f04b8dedbf07520ce841d"
integrity sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==
@ -1451,6 +1469,19 @@ atob@^2.1.1:
resolved "https://registry.yarnpkg.com/atob/-/atob-2.1.2.tgz#6d9517eb9e030d2436666651e86bd9f6f13533c9"
integrity sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg==
autoprefixer@^9.4.5:
version "9.7.2"
resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-9.7.2.tgz#26cf729fbb709323b40171a874304884dcceffed"
integrity sha512-LCAfcdej1182uVvPOZnytbq61AhnOZ/4JelDaJGDeNwewyU1AMaNthcHsyz1NRjTmd2FkurMckLWfkHg3Z//KA==
dependencies:
browserslist "^4.7.3"
caniuse-lite "^1.0.30001010"
chalk "^2.4.2"
normalize-range "^0.1.2"
num2fraction "^1.2.2"
postcss "^7.0.23"
postcss-value-parser "^4.0.2"
autoprefixer@^9.6.1:
version "9.6.1"
resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-9.6.1.tgz#51967a02d2d2300bb01866c1611ec8348d355a47"
@ -1774,6 +1805,15 @@ browserslist@^4.0.0, browserslist@^4.6.0, browserslist@^4.6.3, browserslist@^4.6
electron-to-chromium "^1.3.247"
node-releases "^1.1.29"
browserslist@^4.7.3:
version "4.7.3"
resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.7.3.tgz#02341f162b6bcc1e1028e30624815d4924442dc3"
integrity sha512-jWvmhqYpx+9EZm/FxcZSbUZyDEvDTLDi3nSAKbzEkyWvtI0mNSmUosey+5awDW1RUlrgXbQb5A6qY1xQH9U6MQ==
dependencies:
caniuse-lite "^1.0.30001010"
electron-to-chromium "^1.3.306"
node-releases "^1.1.40"
buffer-from@^1.0.0:
version "1.1.1"
resolved "https://registry.yarnpkg.com/buffer-from/-/buffer-from-1.1.1.tgz#32713bc028f75c02fdb710d7c7bcec1f2c6070ef"
@ -1808,7 +1848,7 @@ bytes@3.0.0:
resolved "https://registry.yarnpkg.com/bytes/-/bytes-3.0.0.tgz#d32815404d689699f85a4ea4fa8755dd13a96048"
integrity sha1-0ygVQE1olpn4Wk6k+odV3ROpYEg=
bytes@3.1.0:
bytes@3.1.0, bytes@^3.0.0:
version "3.1.0"
resolved "https://registry.yarnpkg.com/bytes/-/bytes-3.1.0.tgz#f6cf7933a360e0588fa9fde85651cdc7f805d1f6"
integrity sha512-zauLjrfCG+xvoyaqLoV8bLVXXNGC4JqlxFCutSDWA6fJrTo2ZuvLYTqZ7aHBLZSMOopbzwv8f+wZcVzfVTI2Dg==
@ -1888,6 +1928,11 @@ camel-case@3.0.x, camel-case@^3.0.0:
no-case "^2.2.0"
upper-case "^1.1.1"
camelcase-css@^2.0.1:
version "2.0.1"
resolved "https://registry.yarnpkg.com/camelcase-css/-/camelcase-css-2.0.1.tgz#ee978f6947914cc30c6b44741b6ed1df7f043fd5"
integrity sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==
camelcase-keys@^2.0.0:
version "2.1.0"
resolved "https://registry.yarnpkg.com/camelcase-keys/-/camelcase-keys-2.1.0.tgz#308beeaffdf28119051efa1d932213c91b8f92e7"
@ -1931,6 +1976,11 @@ caniuse-lite@^1.0.0, caniuse-lite@^1.0.30000980, caniuse-lite@^1.0.30000981, can
resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30000997.tgz#ba44a606804f8680894b7042612c2c7f65685b7e"
integrity sha512-BQLFPIdj2ntgBNWp9Q64LGUIEmvhKkzzHhUHR3CD5A9Lb7ZKF20/+sgadhFap69lk5XmK1fTUleDclaRFvgVUA==
caniuse-lite@^1.0.30001010:
version "1.0.30001012"
resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001012.tgz#653ec635e815b9e0fb801890923b0c2079eb34ec"
integrity sha512-7RR4Uh04t9K1uYRWzOJmzplgEOAXbfK72oVNokCdMzA67trrhPzy93ahKk1AWHiA0c58tD2P+NHqxrA8FZ+Trg==
capture-stack-trace@^1.0.0:
version "1.0.1"
resolved "https://registry.yarnpkg.com/capture-stack-trace/-/capture-stack-trace-1.0.1.tgz#a6c0bbe1f38f3aa0b92238ecb6ff42c344d4135d"
@ -2061,6 +2111,15 @@ cliui@^3.2.0:
strip-ansi "^3.0.1"
wrap-ansi "^2.0.0"
cliui@^5.0.0:
version "5.0.0"
resolved "https://registry.yarnpkg.com/cliui/-/cliui-5.0.0.tgz#deefcfdb2e800784aa34f46fa08e06851c7bbbc5"
integrity sha512-PYeGSEmmHM6zvoef2w8TPzlrnNpXIjTipYK780YswmIP9vjxmd6Y2a3CB2Ks6/AU8NHjZugXvo8w3oWM2qnwXA==
dependencies:
string-width "^3.1.0"
strip-ansi "^5.2.0"
wrap-ansi "^5.1.0"
clone-deep@^4.0.1:
version "4.0.1"
resolved "https://registry.yarnpkg.com/clone-deep/-/clone-deep-4.0.1.tgz#c19fd9bdbbf85942b4fd979c84dcf7d5f07c2387"
@ -2221,6 +2280,16 @@ connect@^3.7.0:
parseurl "~1.3.3"
utils-merge "1.0.1"
consola@^1.4.5:
version "1.4.5"
resolved "https://registry.yarnpkg.com/consola/-/consola-1.4.5.tgz#09732d07cb50af07332e54e0f42fafb92b962c4a"
integrity sha512-movqq3MbyXbSf7cG/x+EbO3VjKQVZPB/zeB5+lN1TuBYh9BWDemLQca9P+a4xpO4lXva9rz+Bd8XyqlH136Lww==
dependencies:
chalk "^2.3.2"
figures "^2.0.0"
lodash "^4.17.5"
std-env "^1.1.0"
consola@^2.10.0, consola@^2.10.1, consola@^2.6.0, consola@^2.9.0:
version "2.10.1"
resolved "https://registry.yarnpkg.com/consola/-/consola-2.10.1.tgz#4693edba714677c878d520e4c7e4f69306b4b927"
@ -2678,7 +2747,7 @@ debug@^4.1.0, debug@^4.1.1:
dependencies:
ms "^2.1.1"
decamelize@^1.1.1, decamelize@^1.1.2:
decamelize@^1.1.1, decamelize@^1.1.2, decamelize@^1.2.0:
version "1.2.0"
resolved "https://registry.yarnpkg.com/decamelize/-/decamelize-1.2.0.tgz#f6534d15148269b20352e7bee26f501f9a191290"
integrity sha1-9lNNFRSCabIDUue+4m9QH5oZEpA=
@ -2894,6 +2963,11 @@ electron-to-chromium@^1.3.247:
resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.267.tgz#7745ff9d447fd2a9802e1c6dfa518631e0cf5357"
integrity sha512-9Q2ixAJC+oHjWNtJV0MQ4vJMCWSowIrC6V6vcr+bwPddTDHj2ddv9xxXCzf4jT/fy6HP7maPoW0gifXkRxCttQ==
electron-to-chromium@^1.3.306:
version "1.3.314"
resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.314.tgz#c186a499ed2c9057bce9eb8dca294d6d5450facc"
integrity sha512-IKDR/xCxKFhPts7h+VaSXS02Z1mznP3fli1BbXWXeN89i2gCzKraU8qLpEid8YzKcmZdZD3Mly3cn5/lY9xsBQ==
elliptic@^6.0.0:
version "6.5.1"
resolved "https://registry.yarnpkg.com/elliptic/-/elliptic-6.5.1.tgz#c380f5f909bf1b9b4428d028cd18d3b0efd6b52b"
@ -3229,6 +3303,13 @@ figgy-pudding@^3.5.1:
resolved "https://registry.yarnpkg.com/figgy-pudding/-/figgy-pudding-3.5.1.tgz#862470112901c727a0e495a80744bd5baa1d6790"
integrity sha512-vNKxJHTEKNThjfrdJwHc7brvM6eVevuO5nTj6ez8ZQ1qbXTvGthucRF7S4vf2cr71QVnT70V34v0S1DyQsti0w==
figures@^2.0.0:
version "2.0.0"
resolved "https://registry.yarnpkg.com/figures/-/figures-2.0.0.tgz#3ab1a2d2a62c8bfb431a0c94cb797a2fce27c962"
integrity sha1-OrGi0qYsi/tDGgyUy3l6L84nyWI=
dependencies:
escape-string-regexp "^1.0.5"
figures@^3.0.0:
version "3.0.0"
resolved "https://registry.yarnpkg.com/figures/-/figures-3.0.0.tgz#756275c964646163cc6f9197c7a0295dbfd04de9"
@ -3377,7 +3458,7 @@ from2@^2.1.0:
inherits "^2.0.1"
readable-stream "^2.0.0"
fs-extra@^8.0.1, fs-extra@^8.1.0:
fs-extra@^8.0.0, fs-extra@^8.0.1, fs-extra@^8.1.0:
version "8.1.0"
resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-8.1.0.tgz#49d43c45a88cd9677668cb7be1b46efdb8d2e1c0"
integrity sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g==
@ -3462,6 +3543,11 @@ get-caller-file@^1.0.1:
resolved "https://registry.yarnpkg.com/get-caller-file/-/get-caller-file-1.0.3.tgz#f978fa4c90d1dfe7ff2d6beda2a515e713bdcf4a"
integrity sha512-3t6rVToeoZfYSGd8YoLFR2DJkiQrIiUrGcjvFX2mDw3bn6k2OtwHN0TNCLbBO+w8qTvimhDkv+LSscbJY1vE6w==
get-caller-file@^2.0.1:
version "2.0.5"
resolved "https://registry.yarnpkg.com/get-caller-file/-/get-caller-file-2.0.5.tgz#4f94412a82db32f36e3b0b9741f8a97feb031f7e"
integrity sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==
get-stdin@^4.0.1:
version "4.0.1"
resolved "https://registry.yarnpkg.com/get-stdin/-/get-stdin-4.0.1.tgz#b968c6b0a04384324902e8bf1a5df32579a450fe"
@ -3491,6 +3577,14 @@ getpass@^0.1.1:
dependencies:
assert-plus "^1.0.0"
glob-all@^3.1.0:
version "3.1.0"
resolved "https://registry.yarnpkg.com/glob-all/-/glob-all-3.1.0.tgz#8913ddfb5ee1ac7812656241b03d5217c64b02ab"
integrity sha1-iRPd+17hrHgSZWJBsD1SF8ZLAqs=
dependencies:
glob "^7.0.5"
yargs "~1.2.6"
glob-parent@^3.1.0:
version "3.1.0"
resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-3.1.0.tgz#9e6af6299d8d3bd2bd40430832bd113df906c5ae"
@ -3518,6 +3612,18 @@ glob@^7.0.0, glob@^7.0.3, glob@^7.1.2, glob@^7.1.3, glob@^7.1.4, glob@~7.1.1:
once "^1.3.0"
path-is-absolute "^1.0.0"
glob@^7.0.5:
version "7.1.6"
resolved "https://registry.yarnpkg.com/glob/-/glob-7.1.6.tgz#141f33b81a7c2492e125594307480c46679278a6"
integrity sha512-LwaxwyZ72Lk7vZINtNNrywX0ZuLyStrdDtabefZKAY5ZGJhVtgdznluResxNmPitE0SAO+O26sWTHeKSI2wMBA==
dependencies:
fs.realpath "^1.0.0"
inflight "^1.0.4"
inherits "2"
minimatch "^3.0.4"
once "^1.3.0"
path-is-absolute "^1.0.0"
global-dirs@^0.1.0:
version "0.1.1"
resolved "https://registry.yarnpkg.com/global-dirs/-/global-dirs-0.1.1.tgz#b319c0dd4607f353f3be9cca4c72fc148c49f445"
@ -4041,7 +4147,7 @@ is-callable@^1.1.4:
resolved "https://registry.yarnpkg.com/is-callable/-/is-callable-1.1.4.tgz#1e1adf219e1eeb684d691f9d6a05ff0d30a24d75"
integrity sha512-r5p9sxJjYnArLjObpjA4xu5EKI3CuKHkJXMhT7kwbpUyIFD1n5PMAsoPvWnvtZiNz7LjkYDRZhd7FlI0eMijEA==
is-ci@^1.0.10:
is-ci@^1.0.10, is-ci@^1.1.0:
version "1.2.1"
resolved "https://registry.yarnpkg.com/is-ci/-/is-ci-1.2.1.tgz#e3779c8ee17fccf428488f6e281187f2e632841c"
integrity sha512-s6tfsaQaQi3JNciBH6shVqEDvhGut0SUXr31ag8Pd8BBbVVlcGfWhpPmEOoM6RJ5TFhbypvf5yyRw/VXW1IiWg==
@ -4549,6 +4655,11 @@ lodash.templatesettings@^4.0.0:
dependencies:
lodash._reinterpolate "^3.0.0"
lodash.toarray@^4.4.0:
version "4.4.0"
resolved "https://registry.yarnpkg.com/lodash.toarray/-/lodash.toarray-4.4.0.tgz#24c4bfcd6b2fba38bfd0594db1179d8e9b656561"
integrity sha1-JMS/zWsvuji/0FlNsRedjptlZWE=
lodash.uniq@^4.5.0:
version "4.5.0"
resolved "https://registry.yarnpkg.com/lodash.uniq/-/lodash.uniq-4.5.0.tgz#d0225373aeb652adc1bc82e4945339a842754773"
@ -4794,6 +4905,11 @@ minimist@0.0.8:
resolved "https://registry.yarnpkg.com/minimist/-/minimist-0.0.8.tgz#857fcabfc3397d2625b8228262e86aa7a011b05d"
integrity sha1-hX/Kv8M5fSYluCKCYuhqp6ARsF0=
minimist@^0.1.0:
version "0.1.0"
resolved "https://registry.yarnpkg.com/minimist/-/minimist-0.1.0.tgz#99df657a52574c21c9057497df742790b2b4c0de"
integrity sha1-md9lelJXTCHJBXSX33QnkLK0wN4=
minimist@^1.1.3, minimist@^1.2.0:
version "1.2.0"
resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.0.tgz#a35008b20f41383eec1fb914f4cd5df79a264284"
@ -4938,6 +5054,13 @@ no-case@^2.2.0:
dependencies:
lower-case "^1.1.1"
node-emoji@^1.8.1:
version "1.10.0"
resolved "https://registry.yarnpkg.com/node-emoji/-/node-emoji-1.10.0.tgz#8886abd25d9c7bb61802a658523d1f8d2a89b2da"
integrity sha512-Yt3384If5H6BYGVHiHwTL+99OzJKHhgp82S8/dktEK73T26BazdgZ4JZh92xSVtGNJvz9UbXdNAc5hcrXV42vw==
dependencies:
lodash.toarray "^4.4.0"
node-fetch@^2.6.0:
version "2.6.0"
resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-2.6.0.tgz#e633456386d4aa55863f676a7ab0daa8fdecb0fd"
@ -5018,6 +5141,13 @@ node-releases@^1.1.29:
dependencies:
semver "^5.3.0"
node-releases@^1.1.40:
version "1.1.41"
resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-1.1.41.tgz#57674a82a37f812d18e3b26118aefaf53a00afed"
integrity sha512-+IctMa7wIs8Cfsa8iYzeaLTFwv5Y4r5jZud+4AnfymzeEXKBCavFX0KBgzVaPVqf0ywa6PrO8/b+bPqdwjGBSg==
dependencies:
semver "^6.3.0"
node-res@^5.0.1:
version "5.0.1"
resolved "https://registry.yarnpkg.com/node-res/-/node-res-5.0.1.tgz#ffaa462e206509d66d0ba28a4daf1f032daa6460"
@ -5132,6 +5262,11 @@ normalize-url@^3.0.0:
resolved "https://registry.yarnpkg.com/normalize-url/-/normalize-url-3.3.0.tgz#b2e1c4dc4f7c6d57743df733a4f5978d18650559"
integrity sha512-U+JJi7duF1o+u2pynbp2zXDW2/PADgC30f0GsHZtRh+HOcXHnw137TrNlyxxRvWW5fjKd3bcLHPxofWuCjaeZg==
normalize.css@^8.0.1:
version "8.0.1"
resolved "https://registry.yarnpkg.com/normalize.css/-/normalize.css-8.0.1.tgz#9b98a208738b9cc2634caacbc42d131c97487bf3"
integrity sha512-qizSNPO93t1YUuUhP22btGOo3chcvDFqFaj2TRybP0DMxkHOCTYwp3n34fel4a31ORXy4m1Xq0Gyqpb5m33qIg==
npm-bundled@^1.0.1:
version "1.0.6"
resolved "https://registry.yarnpkg.com/npm-bundled/-/npm-bundled-1.0.6.tgz#e7ba9aadcef962bb61248f91721cd932b3fe6bdd"
@ -5186,6 +5321,17 @@ number-is-nan@^1.0.0:
resolved "https://registry.yarnpkg.com/number-is-nan/-/number-is-nan-1.0.1.tgz#097b602b53422a522c1afb8790318336941a011d"
integrity sha1-CXtgK1NCKlIsGvuHkDGDNpQaAR0=
nuxt-purgecss@^0.2.1:
version "0.2.1"
resolved "https://registry.yarnpkg.com/nuxt-purgecss/-/nuxt-purgecss-0.2.1.tgz#5cabb515beaff96cfb833b3ce13caecec953daca"
integrity sha512-d2PXW9jvGLr3aF7BUf6s28oc8XpfS+aIord2DhwsAWoEOZh8f7c95+/491zrj1hEwv1aUlHSsXMK9UKCPrcdtA==
dependencies:
"@fullhuman/postcss-purgecss" "^1.1.0"
consola "^1.4.5"
glob-all "^3.1.0"
purgecss "^1.1.0"
purgecss-webpack-plugin "^1.4.0"
nuxt@^2.0.0:
version "2.9.2"
resolved "https://registry.yarnpkg.com/nuxt/-/nuxt-2.9.2.tgz#3c190fe79dcb00550029d065bb9505caffd02bbb"
@ -5751,6 +5897,16 @@ postcss-font-variant@^4.0.0:
dependencies:
postcss "^7.0.2"
postcss-functions@^3.0.0:
version "3.0.0"
resolved "https://registry.yarnpkg.com/postcss-functions/-/postcss-functions-3.0.0.tgz#0e94d01444700a481de20de4d55fb2640564250e"
integrity sha1-DpTQFERwCkgd4g3k1V+yZAVkJQ4=
dependencies:
glob "^7.1.2"
object-assign "^4.1.1"
postcss "^6.0.9"
postcss-value-parser "^3.3.0"
postcss-gap-properties@^2.0.0:
version "2.0.0"
resolved "https://registry.yarnpkg.com/postcss-gap-properties/-/postcss-gap-properties-2.0.0.tgz#431c192ab3ed96a3c3d09f2ff615960f902c1715"
@ -5791,6 +5947,14 @@ postcss-initial@^3.0.0:
lodash.template "^4.5.0"
postcss "^7.0.2"
postcss-js@^2.0.0:
version "2.0.3"
resolved "https://registry.yarnpkg.com/postcss-js/-/postcss-js-2.0.3.tgz#a96f0f23ff3d08cec7dc5b11bf11c5f8077cdab9"
integrity sha512-zS59pAk3deu6dVHyrGqmC3oDXBdNdajk4k1RyxeVXCrcEDBUBHoIhE4QTsmhxgzXxsaqFDAkUZfmMa5f/N/79w==
dependencies:
camelcase-css "^2.0.1"
postcss "^7.0.18"
postcss-lab-function@^2.0.1:
version "2.0.1"
resolved "https://registry.yarnpkg.com/postcss-lab-function/-/postcss-lab-function-2.0.1.tgz#bb51a6856cd12289ab4ae20db1e3821ef13d7d2e"
@ -5927,6 +6091,14 @@ postcss-modules-values@^3.0.0:
icss-utils "^4.0.0"
postcss "^7.0.6"
postcss-nested@^4.1.1:
version "4.2.1"
resolved "https://registry.yarnpkg.com/postcss-nested/-/postcss-nested-4.2.1.tgz#4bc2e5b35e3b1e481ff81e23b700da7f82a8b248"
integrity sha512-AMayXX8tS0HCp4O4lolp4ygj9wBn32DJWXvG6gCv+ZvJrEa00GUxJcJEEzMh87BIe6FrWdYkpR2cuyqHKrxmXw==
dependencies:
postcss "^7.0.21"
postcss-selector-parser "^6.0.2"
postcss-nesting@^7.0.0:
version "7.0.1"
resolved "https://registry.yarnpkg.com/postcss-nesting/-/postcss-nesting-7.0.1.tgz#b50ad7b7f0173e5b5e3880c3501344703e04c052"
@ -6197,12 +6369,12 @@ postcss-url@^8.0.0:
postcss "^7.0.2"
xxhashjs "^0.2.1"
postcss-value-parser@^3.0.0, postcss-value-parser@^3.2.3, postcss-value-parser@^3.3.1:
postcss-value-parser@^3.0.0, postcss-value-parser@^3.2.3, postcss-value-parser@^3.3.0, postcss-value-parser@^3.3.1:
version "3.3.1"
resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz#9ff822547e2893213cf1c30efa51ac5fd1ba8281"
integrity sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==
postcss-value-parser@^4.0.0:
postcss-value-parser@^4.0.0, postcss-value-parser@^4.0.2:
version "4.0.2"
resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-4.0.2.tgz#482282c09a42706d1fc9a069b73f44ec08391dc9"
integrity sha512-LmeoohTpp/K4UiyQCwuGWlONxXamGzCMtFxLq4W1nZVGIQLYvMCJx3yAF9qyyuFpflABI9yVdtJAqbihOsCsJQ==
@ -6216,6 +6388,15 @@ postcss-values-parser@^2.0.0, postcss-values-parser@^2.0.1:
indexes-of "^1.0.1"
uniq "^1.0.1"
postcss@^6.0.9:
version "6.0.23"
resolved "https://registry.yarnpkg.com/postcss/-/postcss-6.0.23.tgz#61c82cc328ac60e677645f979054eb98bc0e3324"
integrity sha512-soOk1h6J3VMTZtVeVpv15/Hpdl2cBLX3CAw4TAbkpTJiNPk9YP/zWcD1ND+xEtvyuuvKzbxliTOIyvkSeSJ6ag==
dependencies:
chalk "^2.4.1"
source-map "^0.6.1"
supports-color "^5.4.0"
postcss@^7.0.0, postcss@^7.0.1, postcss@^7.0.14, postcss@^7.0.16, postcss@^7.0.17, postcss@^7.0.2, postcss@^7.0.5, postcss@^7.0.6:
version "7.0.18"
resolved "https://registry.yarnpkg.com/postcss/-/postcss-7.0.18.tgz#4b9cda95ae6c069c67a4d933029eddd4838ac233"
@ -6225,6 +6406,15 @@ postcss@^7.0.0, postcss@^7.0.1, postcss@^7.0.14, postcss@^7.0.16, postcss@^7.0.1
source-map "^0.6.1"
supports-color "^6.1.0"
postcss@^7.0.11, postcss@^7.0.18, postcss@^7.0.21, postcss@^7.0.23:
version "7.0.23"
resolved "https://registry.yarnpkg.com/postcss/-/postcss-7.0.23.tgz#9f9759fad661b15964f3cfc3140f66f1e05eadc1"
integrity sha512-hOlMf3ouRIFXD+j2VJecwssTwbvsPGJVMzupptg+85WA+i7MwyrydmQAgY3R+m0Bc0exunhbJmijy8u8+vufuQ==
dependencies:
chalk "^2.4.2"
source-map "^0.6.1"
supports-color "^6.1.0"
prepend-http@^1.0.0, prepend-http@^1.0.1:
version "1.0.4"
resolved "https://registry.yarnpkg.com/prepend-http/-/prepend-http-1.0.4.tgz#d4f4562b0ce3696e41ac52d0e002e57a635dc6dc"
@ -6248,6 +6438,11 @@ pretty-error@^2.0.2:
renderkid "^2.0.1"
utila "~0.4"
pretty-hrtime@^1.0.3:
version "1.0.3"
resolved "https://registry.yarnpkg.com/pretty-hrtime/-/pretty-hrtime-1.0.3.tgz#b7e3ea42435a4c9b2759d99e0f201eb195802ee1"
integrity sha1-t+PqQkNaTJsnWdmeDyAesZWALuE=
pretty-time@^1.1.0:
version "1.1.0"
resolved "https://registry.yarnpkg.com/pretty-time/-/pretty-time-1.1.0.tgz#ffb7429afabb8535c346a34e41873adf3d74dd0e"
@ -6362,6 +6557,24 @@ punycode@^2.1.0:
resolved "https://registry.yarnpkg.com/punycode/-/punycode-2.1.1.tgz#b58b010ac40c22c5657616c8d2c2c02c7bf479ec"
integrity sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==
purgecss-webpack-plugin@^1.4.0:
version "1.6.0"
resolved "https://registry.yarnpkg.com/purgecss-webpack-plugin/-/purgecss-webpack-plugin-1.6.0.tgz#7b5d6d189f5574c1365592e1445d252162404e4a"
integrity sha512-rVrTWYsOTShUvD5gl0q/krkwTlBUILlyoqRk2XoujNm2dETt276yvK4vP9oyXVPSQyaMCjjP5YPMCq9PNgIlJQ==
dependencies:
purgecss "^1.4.0"
webpack-sources "^1.4.3"
purgecss@^1.1.0, purgecss@^1.4.0:
version "1.4.1"
resolved "https://registry.yarnpkg.com/purgecss/-/purgecss-1.4.1.tgz#d362e63eb1ed9dd1fa1554b9fd7accb8d54e56dc"
integrity sha512-5jONV/D/3nfa+lC425+LA+OWe5/LDn4a79cac+TnzJq3VczwnWlpIDdW275hHsGhkzIlqATQsYFLW7or0cSwNQ==
dependencies:
glob "^7.1.3"
postcss "^7.0.14"
postcss-selector-parser "^6.0.0"
yargs "^14.0.0"
q@^1.1.2:
version "1.5.1"
resolved "https://registry.yarnpkg.com/q/-/q-1.5.1.tgz#7e32f75b41381291d04611f1bf14109ac00651d7"
@ -6505,6 +6718,14 @@ redent@^1.0.0:
indent-string "^2.1.0"
strip-indent "^1.0.1"
reduce-css-calc@^2.1.6:
version "2.1.7"
resolved "https://registry.yarnpkg.com/reduce-css-calc/-/reduce-css-calc-2.1.7.tgz#1ace2e02c286d78abcd01fd92bfe8097ab0602c2"
integrity sha512-fDnlZ+AybAS3C7Q9xDq5y8A2z+lT63zLbynew/lur/IR24OQF5x98tfNwf79mzEdfywZ0a2wpM860FhFfMxZlA==
dependencies:
css-unit-converter "^1.1.1"
postcss-value-parser "^3.3.0"
regenerate-unicode-properties@^8.1.0:
version "8.1.0"
resolved "https://registry.yarnpkg.com/regenerate-unicode-properties/-/regenerate-unicode-properties-8.1.0.tgz#ef51e0f0ea4ad424b77bf7cb41f3e015c70a3f0e"
@ -6655,6 +6876,11 @@ require-main-filename@^1.0.1:
resolved "https://registry.yarnpkg.com/require-main-filename/-/require-main-filename-1.0.1.tgz#97f717b69d48784f5f526a6c5aa8ffdda055a4d1"
integrity sha1-l/cXtp1IeE9fUmpsWqj/3aBVpNE=
require-main-filename@^2.0.0:
version "2.0.0"
resolved "https://registry.yarnpkg.com/require-main-filename/-/require-main-filename-2.0.0.tgz#d0b329ecc7cc0f61649f62215be69af54aa8989b"
integrity sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg==
resolve-from@^3.0.0:
version "3.0.0"
resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-3.0.0.tgz#b22c7af7d9d6881bc8b6e653335eebcb0a188748"
@ -7117,6 +7343,13 @@ static-extend@^0.1.1:
resolved "https://registry.yarnpkg.com/statuses/-/statuses-1.5.0.tgz#161c7dac177659fd9811f43771fa99381478628c"
integrity sha1-Fhx9rBd2Wf2YEfQ3cfqZOBR4Yow=
std-env@^1.1.0:
version "1.3.1"
resolved "https://registry.yarnpkg.com/std-env/-/std-env-1.3.1.tgz#4e1758412439e9ece1d437b1b098551911aa44ee"
integrity sha512-KI2F2pPJpd3lHjng+QLezu0eq+QDtXcv1um016mhOPAJFHKL+09ykK5PUBWta2pZDC8BVV0VPya08A15bUXSLQ==
dependencies:
is-ci "^1.1.0"
std-env@^2.2.1:
version "2.2.1"
resolved "https://registry.yarnpkg.com/std-env/-/std-env-2.2.1.tgz#2ffa0fdc9e2263e0004c1211966e960948a40f6b"
@ -7185,7 +7418,7 @@ string-width@^1.0.1, string-width@^1.0.2:
is-fullwidth-code-point "^2.0.0"
strip-ansi "^4.0.0"
string-width@^3.0.0:
string-width@^3.0.0, string-width@^3.1.0:
version "3.1.0"
resolved "https://registry.yarnpkg.com/string-width/-/string-width-3.1.0.tgz#22767be21b62af1081574306f69ac51b62203961"
integrity sha512-vafcv6KjVZKSgz06oM/H6GDBrAtz8vdhQakGjFIvNrHA6y3HCF1CInLy+QLq8dTJPQ1b+KDUqDFctkdRW44e1w==
@ -7308,7 +7541,7 @@ supports-color@^2.0.0:
resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-2.0.0.tgz#535d045ce6b6363fa40117084629995e9df324c7"
integrity sha1-U10EXOa2Nj+kARcIRimZXp3zJMc=
supports-color@^5.2.0, supports-color@^5.3.0:
supports-color@^5.2.0, supports-color@^5.3.0, supports-color@^5.4.0:
version "5.5.0"
resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-5.5.0.tgz#e2e69a44ac8772f78a1ec0b35b689df6530efc8f"
integrity sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==
@ -7346,6 +7579,33 @@ svgo@^1.0.0:
unquote "~1.1.1"
util.promisify "~1.0.0"
tailwindcss-transitions@^2.1.0:
version "2.1.0"
resolved "https://registry.yarnpkg.com/tailwindcss-transitions/-/tailwindcss-transitions-2.1.0.tgz#54ca6c293a197300c5eb1ab3775dc29f083432f1"
integrity sha512-WafCC+ujZk2rUECdBoFeF8lKTmrrpNudrHxSHNikYfaYyVR7BRRqpB2n49/wxzg8/YWy8OK42MvQnFuJBb2yxw==
dependencies:
lodash "^4.17.15"
tailwindcss@^1.1.3:
version "1.1.4"
resolved "https://registry.yarnpkg.com/tailwindcss/-/tailwindcss-1.1.4.tgz#786bd5faaf485c9eddcb821dd55666c56baa814e"
integrity sha512-p4AxVa4CKpX7IbNxImwNMGG9MHuLgratOaOE/iGriNd4AsRQRM2xMisoQ3KQHqShunrWuObga7rI7xbNsVoWGA==
dependencies:
autoprefixer "^9.4.5"
bytes "^3.0.0"
chalk "^2.4.1"
fs-extra "^8.0.0"
lodash "^4.17.11"
node-emoji "^1.8.1"
normalize.css "^8.0.1"
postcss "^7.0.11"
postcss-functions "^3.0.0"
postcss-js "^2.0.0"
postcss-nested "^4.1.1"
postcss-selector-parser "^6.0.0"
pretty-hrtime "^1.0.3"
reduce-css-calc "^2.1.6"
tall@^2.2.0:
version "2.2.0"
resolved "https://registry.yarnpkg.com/tall/-/tall-2.2.0.tgz#df2bc4a91cba24179f79c41272ae64bba146ac84"
@ -8019,7 +8279,7 @@ webpack-node-externals@^1.7.2:
resolved "https://registry.yarnpkg.com/webpack-node-externals/-/webpack-node-externals-1.7.2.tgz#6e1ee79ac67c070402ba700ef033a9b8d52ac4e3"
integrity sha512-ajerHZ+BJKeCLviLUUmnyd5B4RavLF76uv3cs6KNuO8W+HuQaEs0y0L7o40NQxdPy5w0pcv8Ew7yPUAQG0UdCg==
webpack-sources@^1.0.1, webpack-sources@^1.1.0, webpack-sources@^1.4.0, webpack-sources@^1.4.1:
webpack-sources@^1.0.1, webpack-sources@^1.1.0, webpack-sources@^1.4.0, webpack-sources@^1.4.1, webpack-sources@^1.4.3:
version "1.4.3"
resolved "https://registry.yarnpkg.com/webpack-sources/-/webpack-sources-1.4.3.tgz#eedd8ec0b928fbf1cbfe994e22d2d890f330a933"
integrity sha512-lgTS3Xhv1lCOKo7SA5TjKXMjpSM4sBjNV5+q2bqesbSPs5FjGmU6jjtBSkX9b4qW87vDIsCIlUPOEhbZrMdjeQ==
@ -8075,6 +8335,11 @@ which-module@^1.0.0:
resolved "https://registry.yarnpkg.com/which-module/-/which-module-1.0.0.tgz#bba63ca861948994ff307736089e3b96026c2a4f"
integrity sha1-u6Y8qGGUiZT/MHc2CJ47lgJsKk8=
which-module@^2.0.0:
version "2.0.0"
resolved "https://registry.yarnpkg.com/which-module/-/which-module-2.0.0.tgz#d9ef07dce77b9902b8a3a8fa4b31c3e3f7e6e87a"
integrity sha1-2e8H3Od7mQK4o6j6SzHD4/fm6Ho=
which@1, which@^1.2.9:
version "1.3.1"
resolved "https://registry.yarnpkg.com/which/-/which-1.3.1.tgz#a45043d54f5805316da8d62f9f50918d3da70b0a"
@ -8118,6 +8383,15 @@ wrap-ansi@^2.0.0:
string-width "^1.0.1"
strip-ansi "^3.0.1"
wrap-ansi@^5.1.0:
version "5.1.0"
resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-5.1.0.tgz#1fd1f67235d5b6d0fee781056001bfb694c03b09"
integrity sha512-QC1/iN/2/RPVJ5jYK8BGttj5z83LmSKmvbvrXPNCLZSEb32KKVDJDl/MOt2N01qU2H/FkzEa9PKto1BqDjtd7Q==
dependencies:
ansi-styles "^3.2.0"
string-width "^3.0.0"
strip-ansi "^5.0.0"
wrap-ansi@^6.0.0:
version "6.0.0"
resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-6.0.0.tgz#47c7b7329e0b8000f5756b0693a861e357e4043e"
@ -8197,6 +8471,14 @@ yallist@^3.0.0, yallist@^3.0.2, yallist@^3.0.3:
resolved "https://registry.yarnpkg.com/yallist/-/yallist-3.1.0.tgz#906cc2100972dc2625ae78f566a2577230a1d6f7"
integrity sha512-6gpP93MR+VOOehKbCPchro3wFZNSNmek8A2kbkOAZLIZAYx1KP/zAqwO0sOHi3xJEb+UBz8NaYt/17UNit1Q9w==
yargs-parser@^15.0.0:
version "15.0.0"
resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-15.0.0.tgz#cdd7a97490ec836195f59f3f4dbe5ea9e8f75f08"
integrity sha512-xLTUnCMc4JhxrPEPUYD5IBR1mWCK/aT6+RJ/K29JY2y1vD+FhtgKK0AXRWvI262q3QSffAQuTouFIKUuHX89wQ==
dependencies:
camelcase "^5.0.0"
decamelize "^1.2.0"
yargs-parser@^5.0.0:
version "5.0.0"
resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-5.0.0.tgz#275ecf0d7ffe05c77e64e7c86e4cd94bf0e1228a"
@ -8204,6 +8486,23 @@ yargs-parser@^5.0.0:
dependencies:
camelcase "^3.0.0"
yargs@^14.0.0:
version "14.2.2"
resolved "https://registry.yarnpkg.com/yargs/-/yargs-14.2.2.tgz#2769564379009ff8597cdd38fba09da9b493c4b5"
integrity sha512-/4ld+4VV5RnrynMhPZJ/ZpOCGSCeghMykZ3BhdFBDa9Wy/RH6uEGNWDJog+aUlq+9OM1CFTgtYRW5Is1Po9NOA==
dependencies:
cliui "^5.0.0"
decamelize "^1.2.0"
find-up "^3.0.0"
get-caller-file "^2.0.1"
require-directory "^2.1.1"
require-main-filename "^2.0.0"
set-blocking "^2.0.0"
string-width "^3.0.0"
which-module "^2.0.0"
y18n "^4.0.0"
yargs-parser "^15.0.0"
yargs@^7.0.0:
version "7.1.0"
resolved "https://registry.yarnpkg.com/yargs/-/yargs-7.1.0.tgz#6ba318eb16961727f5d284f8ea003e8d6154d0c8"
@ -8222,3 +8521,10 @@ yargs@^7.0.0:
which-module "^1.0.0"
y18n "^3.2.1"
yargs-parser "^5.0.0"
yargs@~1.2.6:
version "1.2.6"
resolved "https://registry.yarnpkg.com/yargs/-/yargs-1.2.6.tgz#9c7b4a82fd5d595b2bf17ab6dcc43135432fe34b"
integrity sha1-nHtKgv1dWVsr8Xq23MQxNUMv40s=
dependencies:
minimist "^0.1.0"