feat: upgrade shian

This commit is contained in:
Damillora 2021-04-22 20:35:13 +07:00
parent a0eed6e09b
commit f7e37b23bd
43 changed files with 86 additions and 87 deletions

View File

@ -9,7 +9,7 @@
"start": "node __sapper__/build" "start": "node __sapper__/build"
}, },
"dependencies": { "dependencies": {
"@damillora/shian": "^1.1.0", "@damillora/shian": "^2.0.0",
"compression": "^1.7.1", "compression": "^1.7.1",
"dayjs": "^1.10.4", "dayjs": "^1.10.4",
"howler": "^2.2.1", "howler": "^2.2.1",

View File

@ -16,6 +16,6 @@
</script> </script>
<div class="menu__item" on:click={toggleMode}> <div class="menu__item" on:click={toggleMode}>
<i class="material-icons md-24">{icon}</i> <i class="menu__icon material-icons md-24">{icon}</i>
<p class="menu__text">{text}</p> <p class="menu__text">{text}</p>
</div> </div>

View File

@ -14,9 +14,9 @@
<img {src} {alt} on:click={() => (shown = !shown)} /> <img {src} {alt} on:click={() => (shown = !shown)} />
<div <div
class:gallery__popup={true} class:gallery__popup={true}
class:hidden={!shown} class:gallery__popup--hidden={!shown}
> >
<img {src} {alt} on:click={open} draggable="false" /> <img class="gallery__popup-image" {src} {alt} on:click={open} draggable="false" />
<div <div
class="gallery__exit" class="gallery__exit"
on:click={() => (shown = !shown)} on:click={() => (shown = !shown)}

View File

@ -9,7 +9,7 @@
<p class="game-item__caption"><a href={link}>{name}</a></p> <p class="game-item__caption"><a href={link}>{name}</a></p>
</div> </div>
<div class="game-item__content"> <div class="game-item__content">
<p><span class="game-item__icon material-icons">person</span><CopyArea value={playername} /></p> <p class="game-item__text"><span class="game-item__icon material-icons">person</span><CopyArea value={playername} /></p>
<p><span class="game-item__icon material-icons">code</span><CopyArea value={gameid} /></p> <p class="game-item__text"><span class="game-item__icon material-icons">code</span><CopyArea value={gameid} /></p>
</div> </div>
</div> </div>

View File

@ -20,14 +20,15 @@
<div class="site-header__inner"> <div class="site-header__inner">
<header class="header"> <header class="header">
<div class="header__top"> <div class="header__top">
<div <a
class="header__title" class="header__title"
on:click={() => on:click={() =>
(menu_shown = menu_shown (menu_shown = menu_shown
? !menu_shown ? !menu_shown
: menu_shown)} : menu_shown)}
href="/"
> >
<a href="/"><h1>Damillora</h1></a> Damillora
</div> </div>
<div <div
class="header__nav-button" class="header__nav-button"
@ -36,7 +37,7 @@
<span class="header__icon material-icons" alt="menu" <span class="header__icon material-icons" alt="menu"
>menu</span >menu</span
> >
<p>Menu</p> <p class="header__nav-button-text">Menu</p>
</div> </div>
</div> </div>
<div <div

View File

@ -7,6 +7,8 @@
<p class="media-item__caption"><a href={link}>{title}</a></p> <p class="media-item__caption"><a href={link}>{title}</a></p>
</div> </div>
<div class="media-item__content"> <div class="media-item__content">
<p class="media-item__text">
<slot /> <slot />
</p>
</div> </div>
</div> </div>

View File

@ -3,8 +3,8 @@
</script> </script>
<div class="menu__item"> <div class="menu__item">
<a href={link}> <a class="menu_link" href={link}>
<i class="material-icons md-24">{icon}</i> <i class="menu__icon material-icons md-24">{icon}</i>
<p class="menu__text">{text}</p> <p class="menu__text">{text}</p>
</a> </a>
</div> </div>

View File

@ -16,8 +16,8 @@
<div class="page"> <div class="page">
<PageHeader> <PageHeader>
<h1>{status}</h1> <h1 class="page-header__heading">{status}</h1>
<p>{error.message}</p> <p class="page-header__text">{error.message}</p>
</PageHeader> </PageHeader>
{#if dev && error.stack} {#if dev && error.stack}
<pre>{error.stack}</pre> <pre>{error.stack}</pre>

View File

@ -9,7 +9,7 @@
<div class="page"> <div class="page">
<PageHeader> <PageHeader>
<h1>About Damillora</h1> <h1 class="page-header__heading">About Damillora</h1>
</PageHeader> </PageHeader>
<main class="container main"> <main class="container main">
<p>Hello! My name is Damillora.</p> <p>Hello! My name is Damillora.</p>

View File

@ -8,7 +8,7 @@
<div class="page"> <div class="page">
<PageHeader> <PageHeader>
<h1>Contact</h1> <h1 class="page-header__heading">Contact</h1>
</PageHeader> </PageHeader>
<main class="container mx-auto main"> <main class="container mx-auto main">
<p>You can contact me via various channels.</p> <p>You can contact me via various channels.</p>

View File

@ -8,8 +8,8 @@
<div class="page"> <div class="page">
<PageHeader imageType="cue-mei2"> <PageHeader imageType="cue-mei2">
<h1 class="title">Game Profile: ARGONAVIS from BanG Dream! AAside</h1> <h1 class="page-header__heading">Game Profile: ARGONAVIS from BanG Dream! AAside</h1>
<p><a href="https://aaside.bushimo.jp">Game Website</a></p> <p class="page-header__text"><a href="https://aaside.bushimo.jp">Game Website</a></p>
</PageHeader> </PageHeader>
<main class="container main"> <main class="container main">
<h2>My Review</h2> <h2>My Review</h2>

View File

@ -8,8 +8,8 @@
<div class="page"> <div class="page">
<PageHeader> <PageHeader>
<h1 class="title">Game Profile: Arcaea</h1> <h1 class="page-header__heading">Game Profile: Arcaea</h1>
<p><a href="https://arcaea.lowiro.com">Game Website</a></p> <p class="page-header__text"><a href="https://arcaea.lowiro.com">Game Website</a></p>
</PageHeader> </PageHeader>
<main class="container mx-auto main" /> <main class="container mx-auto main" />
</div> </div>

View File

@ -8,8 +8,8 @@
<div class="page"> <div class="page">
<PageHeader> <PageHeader>
<h1 class="title">Game Profile: Arknights</h1> <h1 class="page-header__heading">Game Profile: Arknights</h1>
<p><a href="https://www.arknights.global">Game Website</a></p> <p class="page-header__text"><a href="https://www.arknights.global">Game Website</a></p>
</PageHeader> </PageHeader>
<main class="container mx-auto main"> <main class="container mx-auto main">
<h2>My Review</h2> <h2>My Review</h2>

View File

@ -8,8 +8,8 @@
<div class="page"> <div class="page">
<PageHeader> <PageHeader>
<h1 class="title">Game Profile: Azur Lane (EN)</h1> <h1 class="page-header__heading">Game Profile: Azur Lane (EN)</h1>
<p><a href="https://azurlane.yo-star.com">Game Website</a></p> <p class="page-header__text"><a href="https://azurlane.yo-star.com">Game Website</a></p>
</PageHeader> </PageHeader>
<main class="container mx-auto main" /> <main class="container mx-auto main" />
</div> </div>

View File

@ -8,8 +8,8 @@
<div class="page"> <div class="page">
<PageHeader> <PageHeader>
<h1 class="title">Game Profile: BanG Dream! Girls Band Party (JP)</h1> <h1 class="page-header__heading">Game Profile: BanG Dream! Girls Band Party (JP)</h1>
<p><a href="https://bang-dream.bushimo.jp/">Game Website</a></p> <p class="page-header__text"><a href="https://bang-dream.bushimo.jp/">Game Website</a></p>
</PageHeader> </PageHeader>
<main class="container mx-auto main" /> <main class="container mx-auto main" />
</div> </div>

View File

@ -8,8 +8,8 @@
<div class="page"> <div class="page">
<PageHeader> <PageHeader>
<h1 class="title">Game Profile: Blue Archive</h1> <h1 class="page-header__heading">Game Profile: Blue Archive</h1>
<p><a href="https://bluearchive.jp/">Game Website</a></p> <p class="page-header__text"><a href="https://bluearchive.jp/">Game Website</a></p>
</PageHeader> </PageHeader>
<main class="container mx-auto main"> <main class="container mx-auto main">
<h2>My Review</h2> <h2>My Review</h2>

View File

@ -8,8 +8,8 @@
<div class="page"> <div class="page">
<PageHeader> <PageHeader>
<h1 class="title">Game Profile: CUE!</h1> <h1 class="page-header__heading">Game Profile: CUE!</h1>
<p><a href="https://www.cue-liber.jp/">Game Website</a></p> <p class="page-header__text"><a href="https://www.cue-liber.jp/">Game Website</a></p>
</PageHeader> </PageHeader>
<main class="container mx-auto main"> <main class="container mx-auto main">
<h2>My Review</h2> <h2>My Review</h2>

View File

@ -8,8 +8,8 @@
<div class="page"> <div class="page">
<PageHeader> <PageHeader>
<h1 class="title">Game Profile: Fate/Grand Order (JP)</h1> <h1 class="page-header__heading">Game Profile: Fate/Grand Order (JP)</h1>
<p><a href="https://www.fate-go.jp">Game Website</a></p> <p class="page-header__text"><a href="https://www.fate-go.jp">Game Website</a></p>
</PageHeader> </PageHeader>
<main class="container main" /> <main class="container main" />
</div> </div>

View File

@ -8,8 +8,8 @@
<div class="page"> <div class="page">
<PageHeader> <PageHeader>
<h1 class="title">Game Profile: Genshin Impact</h1> <h1 class="page-header__heading">Game Profile: Genshin Impact</h1>
<p><a href="https://genshin.mihoyo.com">Game Website</a></p> <p class="page-header__text"><a href="https://genshin.mihoyo.com">Game Website</a></p>
</PageHeader> </PageHeader>
<main class="container mx-auto main" /> <main class="container mx-auto main" />
</div> </div>

View File

@ -8,8 +8,8 @@
<div class="page"> <div class="page">
<PageHeader> <PageHeader>
<h1 class="title">Game Profile: Honkai Impact 3rd</h1> <h1 class="page-header__heading">Game Profile: Honkai Impact 3rd</h1>
<p><a href="https://honkaiimpact3.mihoyo.com">Game Website</a></p> <p class="page-header__text"><a href="https://honkaiimpact3.mihoyo.com">Game Website</a></p>
</PageHeader> </PageHeader>
<main class="container mx-auto main" /> <main class="container mx-auto main" />
</div> </div>

View File

@ -9,10 +9,10 @@
<div class="page"> <div class="page">
<PageHeader> <PageHeader>
<h1 class="title">Game Profile</h1> <h1 class="page-header__heading">Game Profile</h1>
</PageHeader> </PageHeader>
<main class="container mx-auto main"> <main class="container mx-auto main">
<p> <p class="page-header__text">
I play arcade and mobile games mostly, not all are recorded / I play arcade and mobile games mostly, not all are recorded /
streamed. streamed.
</p> </p>

View File

@ -8,10 +8,10 @@
<div class="page"> <div class="page">
<PageHeader> <PageHeader>
<h1 class="title"> <h1 class="page-header__heading">
Game Profile: Love Live! School Idol Festival (JP) Game Profile: Love Live! School Idol Festival (JP)
</h1> </h1>
<p><a href="https://lovelive-sif.bushimo.jp/">Game Website</a></p> <p class="page-header__text"><a href="https://lovelive-sif.bushimo.jp/">Game Website</a></p>
</PageHeader> </PageHeader>
<main class="container mx-auto main" /> <main class="container mx-auto main" />
</div> </div>

View File

@ -8,10 +8,10 @@
<div class="page"> <div class="page">
<PageHeader> <PageHeader>
<h1 class="title"> <h1 class="page-header__heading">
Game Profile: Love Live! School idol festival ALL STARS Game Profile: Love Live! School idol festival ALL STARS
</h1> </h1>
<p><a href="https://lovelive-as.bushimo.jp/">Game Website</a></p> <p class="page-header__text"><a href="https://lovelive-as.bushimo.jp/">Game Website</a></p>
</PageHeader> </PageHeader>
<main class="container mx-auto main" /> <main class="container mx-auto main" />
</div> </div>

View File

@ -8,8 +8,8 @@
<div class="page"> <div class="page">
<PageHeader> <PageHeader>
<h1 class="title">Game Profile: maimai DX</h1> <h1 class="page-header__heading">Game Profile: maimai DX</h1>
<p><a href="https://maimai.sega.com/">Game Website</a></p> <p class="page-header__text"><a href="https://maimai.sega.com/">Game Website</a></p>
</PageHeader> </PageHeader>
<main class="container mx-auto main" /> <main class="container mx-auto main" />
</div> </div>

View File

@ -8,10 +8,10 @@
<div class="page"> <div class="page">
<PageHeader> <PageHeader>
<h1 class="title"> <h1 class="page-header__heading">
Game Profile: The iDOLM@STER Million Live: Theater Days Game Profile: The iDOLM@STER Million Live: Theater Days
</h1> </h1>
<p> <p class="page-header__text">
<a href="https://millionlive.idolmaster.jp/theaterdays/" <a href="https://millionlive.idolmaster.jp/theaterdays/"
>Game Website</a >Game Website</a
> >

View File

@ -8,8 +8,8 @@
<div class="page"> <div class="page">
<PageHeader> <PageHeader>
<h1 class="title">Game Profile: Nogikoi</h1> <h1 class="page-header__heading">Game Profile: Nogikoi</h1>
<p><a href="https://nogikoi.jp">Game Website</a></p> <p class="page-header__text"><a href="https://nogikoi.jp">Game Website</a></p>
</PageHeader> </PageHeader>
<main class="container mx-auto main" /> <main class="container mx-auto main" />
</div> </div>

View File

@ -8,8 +8,8 @@
<div class="page"> <div class="page">
<PageHeader> <PageHeader>
<h1 class="title">Game Profile: THE iDOLM@STER POPLINKS</h1> <h1 class="page-header__heading">Game Profile: THE iDOLM@STER POPLINKS</h1>
<p> <p class="page-header__text">
<a href="https://poplinks.idolmaster-official.jp/">Game Website</a> <a href="https://poplinks.idolmaster-official.jp/">Game Website</a>
</p> </p>
</PageHeader> </PageHeader>

View File

@ -8,8 +8,8 @@
<div class="page"> <div class="page">
<PageHeader> <PageHeader>
<h1 class="title">Game Profile: Project SEKAI COLORFUL STAGE!</h1> <h1 class="page-header__heading">Game Profile: Project SEKAI COLORFUL STAGE!</h1>
<p><a href="https://pjsekai.sega.jp/">Game Website</a></p> <p class="page-header__text"><a href="https://pjsekai.sega.jp/">Game Website</a></p>
</PageHeader> </PageHeader>
<main class="container mx-auto main"> <main class="container mx-auto main">
<h2>My Review</h2> <h2>My Review</h2>

View File

@ -8,8 +8,8 @@
<div class="page"> <div class="page">
<PageHeader> <PageHeader>
<h1 class="title">Game Profile: SOUND VOLTEX VIVID WAVE</h1> <h1 class="page-header__heading">Game Profile: SOUND VOLTEX VIVID WAVE</h1>
<p> <p class="page-header__text">
<a href="https://p.eagate.573.jp/game/sdvx/v/p/index.html" <a href="https://p.eagate.573.jp/game/sdvx/v/p/index.html"
>Game Website</a >Game Website</a
> >

View File

@ -8,8 +8,8 @@
<div class="page"> <div class="page">
<PageHeader> <PageHeader>
<h1 class="title">Game Profile: Shadowverse</h1> <h1 class="page-header__heading">Game Profile: Shadowverse</h1>
<p><a href="https://shadowverse.com/">Game Website</a></p> <p class="page-header__text"><a href="https://shadowverse.com/">Game Website</a></p>
</PageHeader> </PageHeader>
<main class="container mx-auto main" /> <main class="container mx-auto main" />
</div> </div>

View File

@ -8,8 +8,8 @@
<div class="page"> <div class="page">
<PageHeader> <PageHeader>
<h1 class="title">Game Profile: THE IDOLM@STER: Shiny Colors</h1> <h1 class="page-header__heading">Game Profile: THE IDOLM@STER: Shiny Colors</h1>
<p><a href="https://shinycolors.idolmaster.jp">Game Website</a></p> <p class="page-header__text"><a href="https://shinycolors.idolmaster.jp">Game Website</a></p>
</PageHeader> </PageHeader>
<main class="container mx-auto main" /> <main class="container mx-auto main" />
</div> </div>

View File

@ -8,8 +8,8 @@
<div class="page"> <div class="page">
<PageHeader> <PageHeader>
<h1 class="title">Game Profile: Revue Starlight Re LIVE (EN)</h1> <h1 class="page-header__heading">Game Profile: Revue Starlight Re LIVE (EN)</h1>
<p> <p class="page-header__text">
<a href="https://www.en.revuestarlight-relive.com/">Game Website</a> <a href="https://www.en.revuestarlight-relive.com/">Game Website</a>
</p> </p>
</PageHeader> </PageHeader>

View File

@ -8,8 +8,8 @@
<div class="page"> <div class="page">
<PageHeader> <PageHeader>
<h1 class="title">Game Profile: Tokyo 7th Sisters</h1> <h1 class="page-header__heading">Game Profile: Tokyo 7th Sisters</h1>
<p><a href="https://t7s.jp">Game Website</a></p> <p class="page-header__text"><a href="https://t7s.jp">Game Website</a></p>
</PageHeader> </PageHeader>
<main class="container mx-auto main" /> <main class="container mx-auto main" />
</div> </div>

View File

@ -8,8 +8,8 @@
<div class="page"> <div class="page">
<PageHeader> <PageHeader>
<h1 class="title">Game Profile:</h1> <h1 class="page-header__heading">Game Profile:</h1>
<p><a href="/">Game Website</a></p> <p class="page-header__text"><a href="/">Game Website</a></p>
</PageHeader> </PageHeader>
<main class="container mx-auto main"> <main class="container mx-auto main">
<h2>My Review</h2> <h2>My Review</h2>

View File

@ -8,8 +8,8 @@
<div class="page"> <div class="page">
<PageHeader> <PageHeader>
<h1 class="title">Game Profile: 欅坂46・日向坂46 UNI'S ON AIR</h1> <h1 class="page-header__heading">Game Profile: 欅坂46・日向坂46 UNI'S ON AIR</h1>
<p><a href="https://keyahina-unisonair.com/">Game Website</a></p> <p class="page-header__text"><a href="https://keyahina-unisonair.com/">Game Website</a></p>
</PageHeader> </PageHeader>
<main class="container mx-auto main"> <main class="container mx-auto main">
<h2>My Review</h2> <h2>My Review</h2>

View File

@ -8,9 +8,9 @@
<div class="page"> <div class="page">
<PageHeader> <PageHeader>
<h1>Damillora</h1> <h1 class="page-header__heading">Damillora</h1>
<p>A curious technologist, a web programmer, and a future EN Vtuber</p> <p class="page-header__text">A curious technologist, a web programmer, and a future EN Vtuber</p>
<p>EN/ID OK, JP read only</p> <p class="page-header__text">EN/ID OK, JP read only</p>
</PageHeader> </PageHeader>
<main class="container main" /> <main class="container main" />
</div> </div>

View File

@ -9,7 +9,7 @@
<div class="page"> <div class="page">
<PageHeader> <PageHeader>
<h1>Links</h1> <h1 class="page-header__heading">Links</h1>
</PageHeader> </PageHeader>
<main class="container mx-auto main"> <main class="container mx-auto main">
<p> <p>
@ -20,10 +20,8 @@
title="Damillora's Favorite Music Playlist" title="Damillora's Favorite Music Playlist"
link="/favmusiclist" link="/favmusiclist"
> >
<p>
This playlist contains some of the music I listen to This playlist contains some of the music I listen to
frequently. frequently.
</p>
</MediaItem> </MediaItem>
</div> </div>
<div class="card-list"> <div class="card-list">
@ -31,9 +29,7 @@
title="Damillora's Carrd" title="Damillora's Carrd"
link="https://damillora.carrd.co" link="https://damillora.carrd.co"
> >
<p>
Information that I think people expect out of a Carrd web page. Information that I think people expect out of a Carrd web page.
</p>
</MediaItem> </MediaItem>
</div> </div>
</main> </main>

View File

@ -9,8 +9,8 @@
<div class="page"> <div class="page">
<PageHeader> <PageHeader>
<h1>Altessimo</h1> <h1 class="page-header__heading">Altessimo</h1>
<p> <p class="page-header__text">
<a href="https://altessimo.nanao.moe">live</a> <a href="https://altessimo.nanao.moe">live</a>
&bull; &bull;
<a href="https://github.com/Damillora/Altessimo">source code</a> <a href="https://github.com/Damillora/Altessimo">source code</a>

View File

@ -9,7 +9,7 @@
<div class="page"> <div class="page">
<PageHeader> <PageHeader>
<h1>Project Portfolio</h1> <h1 class="page-header__heading">Project Portfolio</h1>
</PageHeader> </PageHeader>
<main class="container mx-auto main"> <main class="container mx-auto main">
<p> <p>

View File

@ -9,8 +9,8 @@
<div class="page"> <div class="page">
<PageHeader> <PageHeader>
<h1>nanao.moe (legacy)</h1> <h1 class="page-header__heading">nanao.moe (legacy)</h1>
<p> <p class="page-header__text">
<a href="https://nanao.moe">former live</a> <a href="https://nanao.moe">former live</a>
&bull; &bull;
<a href="https://github.com/Damillora/miracle">source code</a> <a href="https://github.com/Damillora/miracle">source code</a>

View File

@ -9,8 +9,8 @@
<div class="page"> <div class="page">
<PageHeader> <PageHeader>
<h1>nanao.moe</h1> <h1 class="page-header__heading">nanao.moe</h1>
<p> <p class="page-header__text">
<a href="https://nanao.moe">live</a> <a href="https://nanao.moe">live</a>
&bull; &bull;
<a href="https://github.com/Damillora/rinze">source code</a> <a href="https://github.com/Damillora/rinze">source code</a>

View File

@ -9,8 +9,8 @@
<div class="page"> <div class="page">
<PageHeader> <PageHeader>
<h1>Damillora's Virtual Memoir</h1> <h1 class="page-header__heading">Damillora's Virtual Memoir</h1>
<p> <p class="page-header__text">
<a href="https://blog.nanao.moe">live</a> <a href="https://blog.nanao.moe">live</a>
&bull; &bull;
<a href="https://github.com/Damillora/Yuika">source code</a> <a href="https://github.com/Damillora/Yuika">source code</a>

View File

@ -843,10 +843,10 @@
lodash "^4.17.19" lodash "^4.17.19"
to-fast-properties "^2.0.0" to-fast-properties "^2.0.0"
"@damillora/shian@^1.1.0": "@damillora/shian@^2.0.0":
version "1.1.5" version "2.0.0"
resolved "https://registry.yarnpkg.com/@damillora/shian/-/shian-1.1.5.tgz#c39485ff87b0c1df93151ddc9153b9f831b264a6" resolved "https://registry.yarnpkg.com/@damillora/shian/-/shian-2.0.0.tgz#f64d3dedf2a6bbfa06c9477f242bea8375261621"
integrity sha512-vOBmArbi4pQmDOir3JWlbP82nT+KXY4ViauZaaCUuKzgZL+nBrcCY9qG4ZqlwQIwzTLVCtg9cgAZxWGyNWRoGw== integrity sha512-grK0nfoXmE8PGDuM6E1TbQxzW1sGuen08Ux3GPTMkJOjNKPoNHlTQ+HvmGyJQo9qaf3prNkK1RsoopFsn2FEbQ==
"@polka/url@^1.0.0-next.12", "@polka/url@^1.0.0-next.9": "@polka/url@^1.0.0-next.12", "@polka/url@^1.0.0-next.9":
version "1.0.0-next.12" version "1.0.0-next.12"