feat: wrap some pages in index first

This commit is contained in:
Damillora 2022-07-25 01:26:04 +07:00
parent 501d19607d
commit b7f880f4c1
6 changed files with 357 additions and 343 deletions

View File

@ -1,5 +1,6 @@
<script> <script>
import Container from '@damillora/plachta/components/Container/Container.svelte'; import Container from '@damillora/plachta/components/Container/Container.svelte';
import Index from '@damillora/plachta/components/PageTypes/Index.svelte';
</script> </script>
<svelte:head> <svelte:head>
@ -7,99 +8,101 @@
</svelte:head> </svelte:head>
<Container> <Container>
<h1 class="page-header__heading">About Damillora</h1> <Index>
<p> <h1 class="page-header__heading">About Damillora</h1>
Hello! My name is Damillora. I'm an indie Virtual YouTuber with a focus on technology, games, <p>
and music exploration! Hello! My name is Damillora. I'm an indie Virtual YouTuber with a focus on technology, games,
</p> and music exploration!
<h2>Profile</h2> </p>
<ul> <h2>Profile</h2>
<li><strong>Name: </strong> Damillora</li> <ul>
<li><strong>Birthday: </strong>February 29</li> <li><strong>Name: </strong> Damillora</li>
</ul> <li><strong>Birthday: </strong>February 29</li>
<h2>Credits</h2> </ul>
<p> <h2>Credits</h2>
I am thankful to several for bringing my Virtual YouTuber project to life, and I will list them <p>
here. I am thankful to several for bringing my Virtual YouTuber project to life, and I will list
</p> them here.
<h3>Illustrator: Mira Cassiela</h3> </p>
<p>Virtual artist | L2D artist + freelance character designer and illustrator</p> <h3>Illustrator: Mira Cassiela</h3>
<p> <p>Virtual artist | L2D artist + freelance character designer and illustrator</p>
<a href="https://www.youtube.com/channel/UCW62PICl31M0TDhTcvwepqw">YouTube</a> <p>
&bull; <a href="https://www.youtube.com/channel/UCW62PICl31M0TDhTcvwepqw">YouTube</a>
<a href="https://twitter.com/miracassiela">Twitter</a> &bull;
&bull; <a href="https://twitter.com/miracassiela">Twitter</a>
<a href="https://www.instagram.com/miracassiela/">Instagram</a> &bull;
&bull; <a href="https://www.instagram.com/miracassiela/">Instagram</a>
<a href="https://linktr.ee/miracassiela">Links</a> &bull;
</p> <a href="https://linktr.ee/miracassiela">Links</a>
<h3>Live2D Rigging: Siauw Adhie</h3> </p>
<p> <h3>Live2D Rigging: Siauw Adhie</h3>
<a href="https://twitter.com/adhiesc123">Twitter</a> <p>
&bull; <a href="https://twitter.com/adhiesc123">Twitter</a>
<a href="https://www.youtube.com/c/SiauwAdhie">YouTube</a> &bull;
&bull; <a href="https://www.youtube.com/c/SiauwAdhie">YouTube</a>
<a href="https://www.fiverr.com/adhiesc">Fiverr</a> &bull;
</p> <a href="https://www.fiverr.com/adhiesc">Fiverr</a>
<h2>Where you can find me</h2> </p>
<h3>Publishing media</h3> <h2>Where you can find me</h2>
<p>I publish content mainly in those sites</p> <h3>Publishing media</h3>
<ul> <p>I publish content mainly in those sites</p>
<li> <ul>
<p>YouTube:</p> <li>
<p><a href="/channel">Damillora</a></p> <p>YouTube:</p>
</li> <p><a href="/channel">Damillora</a></p>
<li> </li>
<p>Twitch:</p> <li>
<p><a href="https://www.twitch.tv/damillora">Damillora</a></p> <p>Twitch:</p>
</li> <p><a href="https://www.twitch.tv/damillora">Damillora</a></p>
<li> </li>
<p>SoundCloud:</p> <li>
<p><a href="https://soundcloud.com/damillora">damillora</a></p> <p>SoundCloud:</p>
</li> <p><a href="https://soundcloud.com/damillora">damillora</a></p>
<li> </li>
<p>GitHub:</p> <li>
<p><a href="https://github.com/Damillora">Damillora</a></p> <p>GitHub:</p>
</li> <p><a href="https://github.com/Damillora">Damillora</a></p>
</ul> </li>
<h3>Alternative technologies</h3> </ul>
<p> <h3>Alternative technologies</h3>
Mainstream platforms control what you can post, and you can lose access to data rightfully <p>
yours. Mainstream platforms control what you can post, and you can lose access to data rightfully
<br /> yours.
I maintain presence in several altenative platforms and technologies to ensure I have control of <br />
data I post, to contribute to a possible future, and as a backup when mainstream platforms go down. I maintain presence in several altenative platforms and technologies to ensure I have control of
<br /> data I post, to contribute to a possible future, and as a backup when mainstream platforms go down.
If you have a presence in those platforms, I encourage you to use these instead, you will help the <br />
adoption of those technologies! If you have a presence in those platforms, I encourage you to use these instead, you will help
</p> the adoption of those technologies!
<ul> </p>
<li> <ul>
<p>Fediverse:</p> <li>
<p><a href="https://fed.nanao.moe/@Damillora">Damillora@fed.nanao.moe</a></p> <p>Fediverse:</p>
</li> <p><a href="https://fed.nanao.moe/@Damillora">Damillora@fed.nanao.moe</a></p>
<li> </li>
<p>PeerTube:</p> <li>
<p><a href="/fedichan">damillora@live.nanao.moe</a></p> <p>PeerTube:</p>
</li> <p><a href="/fedichan">damillora@live.nanao.moe</a></p>
<li> </li>
<p>Funkwhale:</p> <li>
<p><a href="https://sounds.nanao.moe/@Damillora">@Damillora@live.nanao.moe</a></p> <p>Funkwhale:</p>
</li> <p><a href="https://sounds.nanao.moe/@Damillora">@Damillora@live.nanao.moe</a></p>
<li> </li>
<p>Matrix</p> <li>
<p>@damillora:matrix.nanao.moe</p> <p>Matrix</p>
</li> <p>@damillora:matrix.nanao.moe</p>
<li> </li>
<p>Gemini</p> <li>
<p><a href="gemini://gemini.nanao.moe">gemini.nanao.moe</a></p> <p>Gemini</p>
</li> <p><a href="gemini://gemini.nanao.moe">gemini.nanao.moe</a></p>
</ul> </li>
<h2>GPG public key</h2> </ul>
<p>My public key is accessible <a href="/damillora.asc">here</a>.</p> <h2>GPG public key</h2>
<h2>Producer Meishi</h2> <p>My public key is accessible <a href="/damillora.asc">here</a>.</p>
<div class="gallery"> <h2>Producer Meishi</h2>
<img src="/images/meishi/front-shianv2.png" alt="Meishi front" /> <div class="gallery">
<img src="/images/meishi/back-shianv2.png" alt="Meishi back" /> <img src="/images/meishi/front-shianv2.png" alt="Meishi front" />
</div> <img src="/images/meishi/back-shianv2.png" alt="Meishi back" />
</div>
</Index>
</Container> </Container>

View File

@ -1,6 +1,7 @@
<script> <script>
import Hero from '@damillora/plachta/components/Hero/Hero.svelte'; import Hero from '@damillora/plachta/components/Hero/Hero.svelte';
import Container from '@damillora/plachta/components/Container/Container.svelte'; import Container from '@damillora/plachta/components/Container/Container.svelte';
import Index from '@damillora/plachta/components/PageTypes/Index.svelte';
</script> </script>
<svelte:head> <svelte:head>
@ -8,16 +9,18 @@
</svelte:head> </svelte:head>
<Container> <Container>
<h1>Contact</h1> <Index>
<p>You can contact me via various channels.</p> <h1>Contact</h1>
<h2>Email: damillora(at)damillora.com</h2> <p>You can contact me via various channels.</p>
<p> <h2>Email: damillora(at)damillora.com</h2>
Emails are perfect for long-form correspondences. If you want to discuss about larger projects <p>
or you're a corporation, I highly recommend using email. Emails are perfect for long-form correspondences. If you want to discuss about larger projects
</p> or you're a corporation, I highly recommend using email.
<h2>Twitter: <a href="https://twitter.com/Damillora">Damillora</a></h2> </p>
<p> <h2>Twitter: <a href="https://twitter.com/Damillora">Damillora</a></h2>
If you're a VTuber and want to collaborate, please send me a Direct Message my way via Twitter! <p>
I will gladly help set up the things needed. If you're a VTuber and want to collaborate, please send me a Direct Message my way via
</p> Twitter! I will gladly help set up the things needed.
</p>
</Index>
</Container> </Container>

View File

@ -1,6 +1,7 @@
<script> <script>
import Container from '@damillora/plachta/components/Container/Container.svelte'; import Container from '@damillora/plachta/components/Container/Container.svelte';
import GameListItem from '$lib/components/GameListItem.svelte'; import GameListItem from '$lib/components/GameListItem.svelte';
import Index from '@damillora/plachta/components/PageTypes/Index.svelte';
</script> </script>
<svelte:head> <svelte:head>
@ -8,176 +9,177 @@
</svelte:head> </svelte:head>
<Container> <Container>
<h1>Game Profile</h1> <Index>
<h1>Game Profile</h1>
<p> <p>
This page lists various IDs from games that I play or try out, in varying states of activity. This page lists various IDs from games that I play or try out, in varying states of activity.
</p> </p>
<p>My most frequently played genre is rhythm games, but sometimes I try other genres too</p> <p>My most frequently played genre is rhythm games, but sometimes I try other genres too</p>
<h2>Game Consoles</h2> <h2>Game Consoles</h2>
<GameListItem <GameListItem
name="Nintendo Switch" name="Nintendo Switch"
link="/games" link="/games"
playername="Damillora" playername="Damillora"
gameid="SW-8522-2159-0226" gameid="SW-8522-2159-0226"
/> />
<h2>Game IDs</h2> <h2>Game IDs</h2>
<div class="card-list"> <div class="card-list">
<GameListItem <GameListItem
name="Alchemy Stars (SEA)" name="Alchemy Stars (SEA)"
link="/games/alchemystars" link="/games/alchemystars"
playername="Damilora" playername="Damilora"
gameid="67119157" gameid="67119157"
/> />
<GameListItem name="Arcaea" link="/games/arcaea" playername="Damillora" gameid="264202217" /> <GameListItem name="Arcaea" link="/games/arcaea" playername="Damillora" gameid="264202217" />
<GameListItem <GameListItem
name="ARGONAVIS from BanG Dream! AAside" name="ARGONAVIS from BanG Dream! AAside"
link="/games/aaside" link="/games/aaside"
playername="Damilora" playername="Damilora"
gameid="3BUWJibt" gameid="3BUWJibt"
/> />
<GameListItem <GameListItem
name="Arknights" name="Arknights"
link="/games/arknights" link="/games/arknights"
playername="Damillora" playername="Damillora"
gameid="Damillora#0835" gameid="Damillora#0835"
/> />
<GameListItem <GameListItem
name="Artery Gear: Fusion (EN)" name="Artery Gear: Fusion (EN)"
link="/games/arterygear" link="/games/arterygear"
playername="Damilora" playername="Damilora"
gameid="030454085" gameid="030454085"
/> />
<GameListItem <GameListItem
name="Azur Lane (EN)" name="Azur Lane (EN)"
link="/games/azurlane" link="/games/azurlane"
playername="Damillora" playername="Damillora"
gameid="204960914" gameid="204960914"
/> />
<GameListItem <GameListItem
name="BanG Dream! Girls Band Party (JP)" name="BanG Dream! Girls Band Party (JP)"
link="/games/bandori" link="/games/bandori"
playername="Damillora" playername="Damillora"
gameid="106205253" gameid="106205253"
/> />
<GameListItem <GameListItem
name="Blue Archive" name="Blue Archive"
link="/games/bluearchive" link="/games/bluearchive"
playername="Damillora" playername="Damillora"
gameid="6296686" gameid="6296686"
/> />
<GameListItem <GameListItem
name="Counter:Side" name="Counter:Side"
link="/games/counterside" link="/games/counterside"
playername="Damillora" playername="Damillora"
gameid="#394941" gameid="#394941"
/> />
<GameListItem name="CUE!" link="/games/cue" playername="Damillora" gameid="37132287893" /> <GameListItem name="CUE!" link="/games/cue" playername="Damillora" gameid="37132287893" />
<GameListItem <GameListItem
name="Fate/Grand Order (JP)" name="Fate/Grand Order (JP)"
link="/games/fgo" link="/games/fgo"
playername="Damillora" playername="Damillora"
gameid="744497723" gameid="744497723"
/> />
<GameListItem <GameListItem
name="Genshin Impact" name="Genshin Impact"
link="/games/genshin" link="/games/genshin"
playername="Damillora" playername="Damillora"
gameid="804547223" gameid="804547223"
/> />
<GameListItem <GameListItem
name="Honkai Impact 3rd" name="Honkai Impact 3rd"
link="/games/honkai" link="/games/honkai"
playername="Damillora" playername="Damillora"
gameid="17918429" gameid="17918429"
/> />
<GameListItem <GameListItem
name="IDOLY PRIDE" name="IDOLY PRIDE"
link="/games/idoly" link="/games/idoly"
playername="Damillora" playername="Damillora"
gameid="QAPHJWMY" gameid="QAPHJWMY"
/> />
<GameListItem <GameListItem
name="Love Live! School Idol Festival (JP)" name="Love Live! School Idol Festival (JP)"
link="/games/llsif" link="/games/llsif"
playername="Damillora" playername="Damillora"
gameid="755897396" gameid="755897396"
/> />
<GameListItem <GameListItem
name="Love Live! School idol festival ALL STARS (JP)" name="Love Live! School idol festival ALL STARS (JP)"
link="/games/llsifas" link="/games/llsifas"
playername="-" playername="-"
gameid="-" gameid="-"
/> />
<GameListItem <GameListItem
name="maimai DX" name="maimai DX"
link="/games/maimai" link="/games/maimai"
playername="YUIKA283" playername="YUIKA283"
gameid="6027059823123" gameid="6027059823123"
/> />
<GameListItem name="Nogikoi" link="/games/nogikoi" playername="-" gameid="1673068678" /> <GameListItem name="Nogikoi" link="/games/nogikoi" playername="-" gameid="1673068678" />
<GameListItem <GameListItem
name="Project SEKAI COLORFUL STAGE" name="Project SEKAI COLORFUL STAGE"
link="/games/puroseka" link="/games/puroseka"
playername="Damillora" playername="Damillora"
gameid="5121608293470214" gameid="5121608293470214"
/> />
<GameListItem <GameListItem
name="Revue Starlight Re LIVE (EN)" name="Revue Starlight Re LIVE (EN)"
link="/games/starira" link="/games/starira"
playername="[RS]Damillora" playername="[RS]Damillora"
gameid="2490812618" gameid="2490812618"
/> />
<GameListItem <GameListItem
name="Shadowverse" name="Shadowverse"
link="/games/shadowverse" link="/games/shadowverse"
playername="Damillora" playername="Damillora"
gameid="778908673" gameid="778908673"
/> />
<GameListItem <GameListItem
name="SOUND VOLTEX VIVID WAVE" name="SOUND VOLTEX VIVID WAVE"
link="/games/sdvx" link="/games/sdvx"
playername="YUIKA283" playername="YUIKA283"
gameid="SV-6457-6694" gameid="SV-6457-6694"
/> />
<GameListItem <GameListItem
name="The iDOLM@STER Million Live: Theater Days" name="The iDOLM@STER Million Live: Theater Days"
link="/games/mirishita" link="/games/mirishita"
playername="Damillora" playername="Damillora"
gameid="CGTEDUQ4" gameid="CGTEDUQ4"
/> />
<GameListItem <GameListItem
name="THE iDOLM@STER POPLINKS" name="THE iDOLM@STER POPLINKS"
link="/games/poplinks" link="/games/poplinks"
playername="Damillora" playername="Damillora"
gameid="EQCU3N7K6T44J" gameid="EQCU3N7K6T44J"
/> />
<GameListItem <GameListItem
name="THE IDOLM@STER: Shiny Colors" name="THE IDOLM@STER: Shiny Colors"
link="/games/shinymas" link="/games/shinymas"
playername="Damillora" playername="Damillora"
gameid="ePmtJyTwzn" gameid="ePmtJyTwzn"
/> />
<GameListItem <GameListItem
name="THE IDOLM@STER SideM GROWING STARS" name="THE IDOLM@STER SideM GROWING STARS"
link="/games/saisuta" link="/games/saisuta"
playername="Damillora" playername="Damillora"
gameid="XZFL59XM" gameid="XZFL59XM"
/> />
<GameListItem <GameListItem
name="Tokyo 7th Sisters" name="Tokyo 7th Sisters"
link="/games/t7s" link="/games/t7s"
playername="Damillora" playername="Damillora"
gameid="M2mXkWk" gameid="M2mXkWk"
/> />
<GameListItem <GameListItem
name="欅坂46・日向坂46 UNI'S ON AIR" name="欅坂46・日向坂46 UNI'S ON AIR"
link="games/unison" link="games/unison"
playername="Damillora" playername="Damillora"
gameid="y2medy4d" gameid="y2medy4d"
/> />
<!-- <!--
<GameListItem <GameListItem
name="" name=""
link="" link=""
@ -185,5 +187,6 @@
gameid="" gameid=""
/> />
--> -->
</div> </div>
</Index>
</Container> </Container>

View File

@ -1,6 +1,7 @@
<script> <script>
import Hero from '@damillora/plachta/components/Hero/Hero.svelte'; import Hero from '@damillora/plachta/components/Hero/Hero.svelte';
import Container from '@damillora/plachta/components/Container/Container.svelte'; import Container from '@damillora/plachta/components/Container/Container.svelte';
import Index from '@damillora/plachta/components/PageTypes/Index.svelte';
</script> </script>
<svelte:head> <svelte:head>
@ -8,23 +9,25 @@
</svelte:head> </svelte:head>
<Container> <Container>
<h1>Welcome to Damillora's website</h1> <Index>
<p> <h1>Welcome to Damillora's website</h1>
Welcome to the official website of indie Virtual YouTuber and technology enthusiast Damillora! <p>
</p> Welcome to the official website of indie Virtual YouTuber and technology enthusiast Damillora!
<p> </p>
I do tech, programming, and mobile games stuff. I like unique, weird, and interesting things, <p>
</p> I do tech, programming, and mobile games stuff. I like unique, weird, and interesting things,
<h2>Channel trailer</h2> </p>
<p>Coming soon...</p> <h2>Channel trailer</h2>
<h2> <p>Coming soon...</p>
Join the Network: <a href="https://discord.gg/hzdgA7ZyNz">Discord</a>&nbsp;|&nbsp;<a <h2>
href="https://matrix.to/#/#general:matrix.nanao.moe">Matrix</a Join the Network: <a href="https://discord.gg/hzdgA7ZyNz">Discord</a>&nbsp;|&nbsp;<a
> href="https://matrix.to/#/#general:matrix.nanao.moe">Matrix</a
</h2> >
<p> </h2>
The Damillora Network is the official place for my fans to interact, and a place for enthusiast <p>
to gather and discuss about various topics! The Damillora Network is the official place for my fans to interact, and a place for
</p> enthusiast to gather and discuss about various topics!
<p>The Network is reachable via Discord and Matrix.</p> </p>
<p>The Network is reachable via Discord and Matrix.</p>
</Index>
</Container> </Container>

View File

@ -1,6 +1,7 @@
<script> <script>
import Hero from '@damillora/plachta/components/Hero/Hero.svelte'; import Hero from '@damillora/plachta/components/Hero/Hero.svelte';
import Container from '@damillora/plachta/components/Container/Container.svelte'; import Container from '@damillora/plachta/components/Container/Container.svelte';
import Index from '@damillora/plachta/components/PageTypes/Index.svelte';
import MediaItem from '$lib/components/MediaItem.svelte'; import MediaItem from '$lib/components/MediaItem.svelte';
</script> </script>
@ -9,15 +10,17 @@
</svelte:head> </svelte:head>
<Container> <Container>
<h1>Links</h1> <Index>
<h1>Links</h1>
<p>Here, I post links that is of my interest, and might be for you too!</p> <p>Here, I post links that is of my interest, and might be for you too!</p>
<h2>Personal Links</h2> <h2>Personal Links</h2>
<div class="card-list"> <div class="card-list">
<MediaItem <MediaItem
title="Damillora's Favorite Music Playlist" title="Damillora's Favorite Music Playlist"
link="/favmusiclist" link="/favmusiclist"
description="This playlist contains some of the music I listen to frequently." description="This playlist contains some of the music I listen to frequently."
/> />
</div> </div>
</Index>
</Container> </Container>

View File

@ -1,6 +1,7 @@
<script> <script>
import Container from '@damillora/plachta/components/Container/Container.svelte'; import Container from '@damillora/plachta/components/Container/Container.svelte';
import ProjectItem from '$lib/components/ProjectItem.svelte'; import ProjectItem from '$lib/components/ProjectItem.svelte';
import Index from '@damillora/plachta/components/PageTypes/Index.svelte';
</script> </script>
<svelte:head> <svelte:head>
@ -8,44 +9,42 @@
</svelte:head> </svelte:head>
<Container> <Container>
<h1>Projects</h1> <Index>
<h1>Projects</h1>
<p>This is a list of projects that I maintain and publicly available on my GitHub.</p> <p>This is a list of projects that I maintain and publicly available on my GitHub.</p>
<h2>Active Projects</h2> <h2>Active Projects</h2>
<div class="card-list"> <div class="card-list">
<ProjectItem <ProjectItem
name="nanao.moe" name="nanao.moe"
codename="rinze" codename="rinze"
description="The home page for my online identity" description="The home page for my online identity"
/> />
<ProjectItem <ProjectItem
name="Damillora's Virtual Memoir" name="Damillora's Virtual Memoir"
codename="shallie" codename="shallie"
description="My online blog" description="My online blog"
/> />
<ProjectItem <ProjectItem
name="Altessimo" name="Altessimo"
codename="altessimo" codename="altessimo"
description="Work-in-progress database of composers and lyricists of THE iDOLM@STER" description="Work-in-progress database of composers and lyricists of THE iDOLM@STER"
/> />
<ProjectItem <ProjectItem
name="Shioriko" name="Shioriko"
codename="shioriko" codename="shioriko"
description="Booru-like imageboard software written in Go and Svelte" description="Booru-like imageboard software written in Go and Svelte"
/> />
</div> </div>
<h2>Inactive Projects</h2> <h2>Inactive Projects</h2>
<div class="card-list"> <div class="card-list">
<ProjectItem <ProjectItem
name="nanao.moe (legacy)" name="nanao.moe (legacy)"
codename="miracle" codename="miracle"
description="Former codebase of nanao.moe" description="Former codebase of nanao.moe"
/> />
<ProjectItem <ProjectItem name="Yuika theme" codename="yuika" description="Previous theme for my blog" />
name="Yuika theme" </div>
codename="yuika" </Index>
description="Previous theme for my blog"
/>
</div>
</Container> </Container>