feat: migrate to plachta

This commit is contained in:
Damillora 2022-07-24 23:25:35 +07:00
parent bfe77a70e5
commit e90c29e615
64 changed files with 3042 additions and 2569 deletions

View File

@ -2,8 +2,9 @@ FROM node:14
# install dependencies # install dependencies
WORKDIR /app WORKDIR /app
COPY package.json package-lock.json ./ RUN npm install -g pnpm
RUN yarn install COPY package.json pnpm-lock.yaml ./
RUN pnpm install
# Copy all local files into the image. # Copy all local files into the image.
COPY . . COPY . .

View File

@ -2,33 +2,34 @@
"name": "~TODO~", "name": "~TODO~",
"version": "0.0.1", "version": "0.0.1",
"scripts": { "scripts": {
"dev": "svelte-kit dev", "dev": "vite dev",
"build": "svelte-kit build", "build": "svelte-kit build",
"preview": "svelte-kit preview", "preview": "svelte-kit preview",
"lint": "prettier --check . && eslint --ignore-path .gitignore .", "lint": "prettier --check . && eslint --ignore-path .gitignore .",
"format": "prettier --write ." "format": "prettier --write ."
}, },
"devDependencies": { "devDependencies": {
"@sveltejs/kit": "^1.0.0-next.95", "@sveltejs/kit": "^1.0.0-next.392",
"@typescript-eslint/eslint-plugin": "^4.19.0", "@typescript-eslint/eslint-plugin": "^4.33.0",
"@typescript-eslint/parser": "^4.19.0", "@typescript-eslint/parser": "^4.33.0",
"eslint": "^7.22.0", "eslint": "^7.32.0",
"eslint-config-prettier": "^8.1.0", "eslint-config-prettier": "^8.5.0",
"eslint-plugin-svelte3": "^3.2.0", "eslint-plugin-svelte3": "^3.4.1",
"prettier": "~2.2.1", "prettier": "~2.2.1",
"prettier-plugin-svelte": "^2.2.0", "prettier-plugin-svelte": "^2.7.0",
"svelte": "^3.29.0", "svelte": "^3.49.0",
"svelte-preprocess": "^4.0.0", "svelte-preprocess": "^4.10.7",
"tslib": "^2.0.0", "tslib": "^2.4.0",
"typescript": "^4.0.0", "typescript": "^4.7.4",
"vite": "^2.2.3" "vite": "^3.0.2"
}, },
"type": "module", "type": "module",
"dependencies": { "dependencies": {
"@damillora/shian": "^3", "@damillora/plachta": "^1.7.0",
"@sveltejs/adapter-node": "^1.0.0-next.17", "@damillora/shian": "^3.3.1",
"dayjs": "^1.10.4", "@sveltejs/adapter-node": "^1.0.0-next.83",
"howler": "^2.2.1", "dayjs": "^1.11.4",
"sass": "^1.35.2" "howler": "^2.2.3",
"sass": "^1.54.0"
} }
} }

1723
pnpm-lock.yaml Normal file

File diff suppressed because it is too large Load Diff

View File

@ -1,32 +1,23 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head>
<meta charset="utf-8" />
<link rel="icon" href="/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link
rel="prefetch"
href="https://fonts.googleapis.com/css?family=Exo+2:300,400,500&display=swap"
/>
<link
rel="prefetch"
href="https://fonts.googleapis.com/css?family=M+PLUS+1p:300,400,500&display=swap"
/>
<link rel="prefetch" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
<link
rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Exo+2:300,400,500&display=swap"
/>
<link
rel="stylesheet"
href="https://fonts.googleapis.com/css?family=M+PLUS+1p:300,400,500&display=swap"
/>
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
<script async defer data-domain="nanao.moe" src="https://stats.nanao.moe/js/plausible.js"></script>
%svelte.head% <head>
</head> <meta charset="utf-8" />
<body> <link rel="icon" href="/favicon.ico" />
<div id="svelte">%svelte.body%</div> <meta name="viewport" content="width=device-width, initial-scale=1" />
</body> <link rel="prefetch" href="https://fonts.googleapis.com/css?family=Exo+2:300,400,500&display=swap" />
</html> <link rel="prefetch" href="https://fonts.googleapis.com/css?family=M+PLUS+1p:300,400,500&display=swap" />
<link rel="prefetch" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Exo+2:300,400,500&display=swap" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=M+PLUS+1p:300,400,500&display=swap" />
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
<script async defer data-domain="nanao.moe" src="https://stats.nanao.moe/js/plausible.js"></script>
%sveltekit.head%
</head>
<body>
<div>%sveltekit.body%</div>
</body>
</html>

View File

@ -10,3 +10,17 @@
</script> </script>
<input type="text" class="copyarea" on:click={copy} bind:value={value} bind:this={copyarea} readonly/> <input type="text" class="copyarea" on:click={copy} bind:value={value} bind:this={copyarea} readonly/>
<style lang="scss">
@import "@damillora/plachta/styles/global";
.copyarea {
background-color: var(--background-color);
cursor: pointer;
height: 100%;
width: 100%;
&:focus {
outline: none;
}
}
</style>

View File

@ -1,21 +0,0 @@
<script>
let icon = "brightness_low";
let text = "Dark Mode";
function toggleMode() {
if(window.document.body.getAttribute("data-theme") != "dark") {
window.document.body.setAttribute("data-theme","dark");
icon = "brightness_high";
text = "Light Mode"
} else {
window.document.body.setAttribute("data-theme","light");
icon = "brightness_low";
text = "Dark Mode"
}
}
</script>
<div class="menu__item menu--dark-mode" on:click={toggleMode}>
<i class="menu__icon material-icons md-24">{icon}</i>
<p class="menu__text">{text}</p>
</div>

View File

@ -1,14 +1,47 @@
<script> <script>
import { Howl } from "howler"; import { Howl } from 'howler';
function yurikoSound() { function yurikoSound() {
var sound = new Howl({ var sound = new Howl({
src: "/yuriko.ogg", src: '/yuriko.ogg',
volume: 0.3 volume: 0.3
}); });
sound.play(); sound.play();
} }
</script> </script>
<div class="floating-yuriko hvr-float" on:click={yurikoSound}> <div class="floating-yuriko hvr-float" on:click={yurikoSound}>
<img src="/yuriko-smol.png" alt="Yuriko" /> <img src="/yuriko-smol.png" alt="Yuriko" />
</div> </div>
<style lang="scss">
.floating-yuriko {
position: fixed;
right: 1rem;
bottom: 1rem;
margin-bottom: 0px;
cursor: pointer;
&__image {
height: 20vh;
}
}
.hvr-float {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-float:hover,
.hvr-float:focus,
.hvr-float:active {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
</style>

View File

@ -1,20 +0,0 @@
<script>
export let src;
export let alt;
let shown;
function open() {
if (shown) {
window.open(src, '_blank');
}
}
</script>
<div class="gallery__image">
<img {src} {alt} on:click={() => (shown = !shown)} />
<div class:gallery__popup={true} class:gallery__popup--hidden={!shown}>
<img class="gallery__popup-image" {src} {alt} on:click={open} draggable="false" />
<div class="gallery__exit" on:click={() => (shown = !shown)}>x</div>
</div>
</div>

View File

@ -1,15 +1,79 @@
<script> <script>
import CopyArea from "$lib/components/CopyArea.svelte"; import Card from '@damillora/plachta/components/Card/Card.svelte';
import CardContent from '@damillora/plachta/components/Card/CardContent.svelte';
import CardTitle from '@damillora/plachta/components/Card/CardTitle.svelte';
import CopyArea from '$lib/components/CopyArea.svelte';
export let name, link, gameid, playername; export let name, link, gameid, playername;
</script> </script>
<div class="game-item"> <Card>
<div class="game-item__title"> <div class="game-card">
<p class="game-item__caption"><a href={link}>{name}</a></p> <CardContent>
</div> <CardTitle>
<div class="game-item__content"> <a href={link}>{name}</a>
<p class="game-item__text"><span class="game-item__icon material-icons">person</span><CopyArea value={playername} /></p> </CardTitle>
<p class="game-item__text"><span class="game-item__icon material-icons">code</span><CopyArea value={gameid} /></p> </CardContent>
</div> <div class="game-card__info">
</div> <div class="game-card__id game-card__id--top">
<span class="game-card__icon material-icons">person</span><CopyArea value={playername} />
</div>
<div class="game-card__id game-card__id--bottom">
<span class="game-card__icon material-icons">code</span><CopyArea value={gameid} />
</div>
</div>
</div>
</Card>
<style lang="scss">
@import '@damillora/plachta/styles/global';
.game-card {
width: 100%;
display: grid;
grid-template-rows: 1fr 150px;
grid-template-columns: 1fr;
@include screen(md) {
grid-template-rows: 1fr;
grid-template-columns: 6fr 300px;
}
&__info {
border-radius: 0px 0px 20px 20px;
}
&__id {
height: 50%;
display: flex;
flex-direction: row;
align-items: center;
min-height: 4rem;
padding-left: 0.5rem;
cursor: pointer;
@include transition;
&:hover {
background-color: var(--highlight-bg-color);
}
&--top {
border-radius: 0px;
@include screen(md) {
border-radius: 0px 20px 0px 0px;
}
}
&--bottom {
border-radius: 0px 0px 20px 20px;
@include screen(md) {
border-radius: 0px 0px 20px 0px;
}
}
}
&__icon {
margin-right: 0.5rem;
}
}
</style>

View File

@ -1,62 +0,0 @@
<script>
import NavItem from "./NavItem.svelte";
import NavSeparator from "./NavSeparator.svelte";
import DarkModeButton from "$lib/components/DarkModeButton.svelte";
import { isYurikoBirthday } from "$lib/yuriko-birthday.js";
let menu_shown = false;
let detached = false;
let scrollY = 0;
function handleScroll(e) {
detached = scrollY > 64;
}
</script>
<svelte:window on:scroll={handleScroll} bind:scrollY />
<div>
<div class:site-header={true} class:enabled={menu_shown} class:detached>
<div class:site-header__background={true} class:site-header__background--enabled={menu_shown} class:background-nanaomoe={true} class:background-nanaomoe--yuriko={isYurikoBirthday()} />
<div class="site-header__inner">
<header class="header">
<div class="header__top">
<a
class="header__title"
href="/"
>
Damillora
</a>
<div
class="header__nav-button"
on:click={() => (menu_shown = !menu_shown)}
>
<span class="header__icon material-icons" alt="menu"
>menu</span
>
<p class="header__nav-button-text">Menu</p>
</div>
</div>
<div
class:menu={true}
class:enabled={menu_shown}
>
<NavItem link="/about" icon="person" text="About" />
<NavItem link="/projects" icon="work" text="Projects" />
<NavItem
link="/games"
icon="videogame_asset"
text="Game Profile"
/>
<NavItem link="/links" icon="share" text="Links" />
<NavItem link="/contact" icon="contacts" text="Contact" />
<NavItem
link="//blog.nanao.moe"
icon="rss_feed"
text="Blog"
/>
<DarkModeButton />
</div>
</header>
</div>
</div>
</div>

View File

@ -1,14 +1,20 @@
<script> <script>
export let title, link; import Card from '@damillora/plachta/components/Card/Card.svelte';
import CardContent from '@damillora/plachta/components/Card/CardContent.svelte';
import CardTitle from '@damillora/plachta/components/Card/CardTitle.svelte';
import CardDescription from '@damillora/plachta/components/Card/CardDescription.svelte';
export let title, link, description;
</script> </script>
<div class="media-item"> <Card>
<div class="media-item__title"> <CardContent>
<p class="media-item__caption"><a href={link}>{title}</a></p> <CardTitle>
</div> <a href={link}>
<div class="media-item__content"> {title}
<p class="media-item__text"> </a>
<slot /> </CardTitle>
</p> <CardDescription>
</div> {description}
</div> </CardDescription>
</CardContent>
</Card>

View File

@ -1,10 +0,0 @@
<script>
export let link, text, icon;
</script>
<div class="menu__item">
<a class="menu__link" href={link}>
<i class="menu__icon material-icons md-24">{icon}</i>
<p class="menu__text">{text}</p>
</a>
</div>

View File

@ -1,3 +0,0 @@
<div class="menu__separator">
</div>

View File

@ -1,14 +0,0 @@
<script>
import { isYurikoBirthday } from "$lib/yuriko-birthday.js";
</script>
<div class="page-header">
<div class:page-header__background={true} class:background-nanaomoe={true} class:background-nanaomoe--yuriko={isYurikoBirthday()} >
<div class="page-header__overlay" />
</div>
<div class="page-header__contents">
<div class="container mx-auto main">
<slot />
</div>
</div>
</div>

View File

@ -1,17 +1,12 @@
<script> <script>
export let codename, name, description; import PostCard from '@damillora/plachta/components/PostCard/PostCard.svelte';
export let codename, name, description;
</script> </script>
<div class="project-item"> <PostCard
<div class="project-item__image"> title={name}
<img src={"/images/projects/" + codename + "/1.png"} alt={name} /> url={`/projects/${codename}`}
</div> excerpt={description}
<div class="project-item__text"> feature_image={`/images/projects/${codename}/1.jpg`}
<div class="project-item__title"> readMore={false}
<h1><a href={"/projects/" + codename}>{name}</a></h1> />
</div>
<div class="project-item__content">
<p>{description}</p>
</div>
</div>
</div>

View File

@ -2,7 +2,7 @@ var linksCache = {}
const shortenerBase = process.env.SHORTENER_BASE || 'https://link.nanao.moe'; const shortenerBase = process.env.SHORTENER_BASE || 'https://link.nanao.moe';
export async function get({ params }) { export async function GET({ params }) {
var path = params.link; var path = params.link;
if (linksCache[path]) { if (linksCache[path]) {
if (linksCache[path] != 'none') { if (linksCache[path] != 'none') {

View File

@ -10,7 +10,7 @@
</script> </script>
<script> <script>
import PageHeader from '$lib/components/PageHeader.svelte'; import Container from '@damillora/plachta/components/Container/Container.svelte';
export let status; export let status;
export let error; export let error;
@ -20,17 +20,14 @@
<title>{status}</title> <title>{status}</title>
</svelte:head> </svelte:head>
<div class="page"> <Container>
<PageHeader> <h1>{status}</h1>
<h1 class="page-header__heading">{status}</h1> <p>{error.message}</p>
<p class="page-header__text">{error.message}</p>
</PageHeader> {#if error.stack}
<main class="container main"> <pre>{error.stack}</pre>
{#if error.stack} {/if}
<pre>{error.stack}</pre> </Container>
{/if}
</main>
</div>
<style> <style>
</style> </style>

View File

@ -1,18 +1,42 @@
<script> <script>
import Header from '$lib/components/Header.svelte'; import Base from "@damillora/plachta/components/Base/Base.svelte";
import Header from "@damillora/plachta/components/Header/Header.svelte";
import Hero from "@damillora/plachta/components/Hero/Hero.svelte";
import NavMenu from "@damillora/plachta/components/Nav/NavMenu.svelte";
import NavDarkMode from "@damillora/plachta/components/Nav/NavDarkMode.svelte";
import Footer from "@damillora/plachta/components/Footer/Footer.svelte";
import FloatingYuriko from '$lib/components/FloatingYuriko.svelte'; import FloatingYuriko from '$lib/components/FloatingYuriko.svelte';
import { isYurikoBirthday } from '$lib/yuriko-birthday.js'; import { isYurikoBirthday } from '$lib/yuriko-birthday.js';
</script> </script>
<Header /> <Base>
<main> <Header>
<slot /> <svelte:fragment slot="title">
</main> <a href="/"> <strong>Damillora</strong></a>
</svelte:fragment>
<svelte:fragment slot="nav">
<NavMenu label="About" url="/about" />
<NavMenu label="Projects" url="/projects" />
<NavMenu label="Game Profile" url="/games" />
<NavMenu label="Links" url="/links" />
<NavMenu label="Contact" url="/contact" />
<NavMenu label="Blog" url="/blog" />
<NavDarkMode />
</svelte:fragment>
</Header>
<Hero background="/images/bg/283-yuika/bg-xl.jpg" />
<slot/>
<Footer>
<p>Copyright (c) 2021 Damillora</p>
</Footer>
</Base>
{#if isYurikoBirthday()} {#if isYurikoBirthday()}
<FloatingYuriko /> <FloatingYuriko />
{/if} {/if}
<style lang="scss" global> <style lang="scss" global>
@import '@damillora/shian/dist/app.css';
@import '../sass/background';
</style> </style>

View File

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

View File

@ -3,7 +3,7 @@
// Public webhook URL for forms. // Public webhook URL for forms.
let webhookUrl = "https://n8n.nanao.moe/webhook/fd943cbe-fd27-47f8-98ec-01c14b5104fe"; let webhookUrl = "https://n8n.nanao.moe/webhook/fd943cbe-fd27-47f8-98ec-01c14b5104fe";
export async function post({ body }) { export async function POST({ body }) {
if (!body.message) { if (!body.message) {
return { return {
status: 400, status: 400,

View File

@ -1,26 +1,23 @@
<script> <script>
import PageHeader from '$lib/components/PageHeader.svelte'; import Hero from '@damillora/plachta/components/Hero/Hero.svelte';
import Container from '@damillora/plachta/components/Container/Container.svelte';
</script> </script>
<svelte:head> <svelte:head>
<title>Damillora: Contact</title> <title>Damillora: Contact</title>
</svelte:head> </svelte:head>
<div class="page"> <Container>
<PageHeader> <h1>Contact</h1>
<h1 class="page-header__heading">Contact</h1> <p>You can contact me via various channels.</p>
</PageHeader> <h2>Email: damillora(at)damillora.com</h2>
<main class="container mx-auto main"> <p>
<p>You can contact me via various channels.</p> Emails are perfect for long-form correspondences. If you want to discuss about larger projects
<h2>Email: damillora(at)damillora.com</h2> or you're a corporation, I highly recommend using email.
<p> </p>
Emails are perfect for long-form correspondences. If you want to discuss about larger projects <h2>Twitter: <a href="https://twitter.com/Damillora">Damillora</a></h2>
or you're a corporation, I highly recommend using email. <p>
</p> If you're a VTuber and want to collaborate, please send me a Direct Message my way via Twitter!
<h2>Twitter: <a href="https://twitter.com/Damillora">Damillora</a></h2> I will gladly help set up the things needed.
<p> </p>
If you're a VTuber and want to collaborate, please send me a Direct Message my way via </Container>
Twitter! I will gladly help set up the things needed.
</p>
</main>
</div>

View File

@ -1,58 +0,0 @@
<script>
import PageHeader from '$lib/components/PageHeader.svelte';
let message = '';
let errors = '';
const submitMessage = async () => {
errors = '';
const endpoint = '/ask-form';
const response = await fetch(endpoint, {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify({
message: message
})
});
const data = await response.json();
if (response.status === 400) {
errors = data.error;
} else {
errors = 'Success!';
}
};
</script>
<svelte:head>
<title>Damillora</title>
</svelte:head>
<div class="page">
<PageHeader>
<h1 class="page-header__heading">Debut Stream!</h1>
</PageHeader>
<main class="container main">
<h1>The debut has already concluded. Thanks to everyone who tuned in the stream!</h1>
<p>This page contains information about my debut stream as a Virtual YouTuber.</p>
<h2>When will it happen?</h2>
<p>The debut stream is set to be on <strong>June 19th, 2021</strong>.</p>
<h2>Watch my debut</h2>
<p>
My debut stream will be in this link: <a href="https://www.youtube.com/watch?v=PSTM2_tAywg"
>[Debut Stream] Connection Established #1</a
>
</p>
<h2>Send me a message for my debut!</h2>
<p>
All submissions are <strong>anonymous</strong>. Seriously,
<a href="/projects/rinze">check it for yourself, it's open source</a>.
</p>
<p>The messages you send will be read during my debut stream.</p>
<form on:submit|preventDefault={submitMessage}>
<textarea class="input" bind:value={message} rows="5" />
<p>{errors}</p>
<button class="button" type="submit">Send</button>
</form>
</main>
</div>

View File

@ -1,24 +1,32 @@
<script> <script>
import PageHeader from "$lib/components/PageHeader.svelte"; import PageHeader from '@damillora/plachta/components/PageHeader/PageHeader.svelte';
import Container from '@damillora/plachta/components/Container/Container.svelte';
import Post from '@damillora/plachta/components/PageTypes/Post.svelte';
import PostMain from '@damillora/plachta/components/Post/PostMain.svelte';
</script> </script>
<svelte:head> <svelte:head>
<title>Damillora: Game Profile</title> <title>Damillora: Game Profile</title>
</svelte:head> </svelte:head>
<div class="page"> <Container>
<PageHeader imageType="cue-mei2"> <Post>
<h1 class="page-header__heading">Game Profile: ARGONAVIS from BanG Dream! AAside</h1> <PageHeader>
<p class="page-header__text"><a class="post-header__social" href="https://aaside.bushimo.jp">Game Website</a></p> <h1>Game Profile: ARGONAVIS from BanG Dream! AAside</h1>
</PageHeader> <p><a href="https://aaside.bushimo.jp">Game Website</a></p>
<main class="container main"> </PageHeader>
<h2>My Review</h2>
<blockquote> <PostMain comments={false}>
My take on it? Give it some time. AAside is actually quite <h2>My Review</h2>
aesthetically polished, it has stand-out features, and the rhythm <blockquote>
gameplay is okay. However, there are definitely valid concerns and My take on it? Give it some time. AAside is actually quite aesthetically polished, it has
missing features that I understand can be a game-breaker for some. stand-out features, and the rhythm gameplay is okay. However, there are definitely valid
</blockquote> concerns and missing features that I understand can be a game-breaker for some.
<p><a href="https://blog.nanao.moe/game-reviews/argonavis-from-bang-dream-aaside/">Read more</a></p> </blockquote>
</main> <p>
</div> <a href="https://blog.nanao.moe/game-reviews/argonavis-from-bang-dream-aaside/">Read more</a
>
</p>
</PostMain>
</Post>
</Container>

View File

@ -1,16 +1,21 @@
<script> <script>
import PageHeader from '$lib/components/PageHeader.svelte'; import PageHeader from '@damillora/plachta/components/PageHeader/PageHeader.svelte';
import Container from '@damillora/plachta/components/Container/Container.svelte';
import Post from '@damillora/plachta/components/PageTypes/Post.svelte';
import PostMain from '@damillora/plachta/components/Post/PostMain.svelte';
</script> </script>
a<svelte:head> <svelte:head>
<title>Damillora: Game Profile</title> <title>Damillora: Game Profile</title>
</svelte:head> </svelte:head>
<div class="page"> <Container>
<PageHeader> <Post>
<h1 class="page-header__heading">Game Profile: Alchemy Stars</h1> <PageHeader>
<p class="page-header__text"> <h1>Game Profile: Alchemy Stars</h1>
<a class="post-header__social" href="https://www.alchemystars.com/">Game Website</a> <p>
</p> <a href="https://www.alchemystars.com/">Game Website</a>
</PageHeader> </p>
</div> </PageHeader>
</Post>
</Container>

View File

@ -1,15 +1,19 @@
<script> <script>
import PageHeader from "$lib/components/PageHeader.svelte"; import PageHeader from '@damillora/plachta/components/PageHeader/PageHeader.svelte';
import Container from '@damillora/plachta/components/Container/Container.svelte';
import Post from '@damillora/plachta/components/PageTypes/Post.svelte';
import PostMain from '@damillora/plachta/components/Post/PostMain.svelte';
</script> </script>
<svelte:head> <svelte:head>
<title>Damillora: Game Profile</title> <title>Damillora: Game Profile</title>
</svelte:head> </svelte:head>
<div class="page"> <Container>
<PageHeader> <Post>
<h1 class="page-header__heading">Game Profile: Arcaea</h1> <PageHeader>
<p class="page-header__text"><a class="post-header__social" href="https://arcaea.lowiro.com">Game Website</a></p> <h1>Game Profile: Arcaea</h1>
</PageHeader> <p><a class="post-header__social" href="https://arcaea.lowiro.com">Game Website</a></p>
<main class="container mx-auto main" /> </PageHeader>
</div> </Post>
</Container>

View File

@ -1,27 +1,30 @@
<script> <script>
import PageHeader from "$lib/components/PageHeader.svelte"; import PageHeader from '@damillora/plachta/components/PageHeader/PageHeader.svelte';
import Container from '@damillora/plachta/components/Container/Container.svelte';
import Post from '@damillora/plachta/components/PageTypes/Post.svelte';
import PostMain from '@damillora/plachta/components/Post/PostMain.svelte';
</script> </script>
<svelte:head> <svelte:head>
<title>Damillora: Game Profile</title> <title>Damillora: Game Profile</title>
</svelte:head> </svelte:head>
<div class="page"> <Container>
<PageHeader> <Post>
<h1 class="page-header__heading">Game Profile: Arknights</h1> <PageHeader>
<p class="page-header__text"><a class="post-header__social" href="https://www.arknights.global">Game Website</a></p> <h1>Game Profile: Arknights</h1>
</PageHeader> <p><a href="https://www.arknights.global">Game Website</a></p>
<main class="container mx-auto main"> </PageHeader>
<h2>My Review</h2> <PostMain comments={false}>
<blockquote> <h2>My Review</h2>
The strength of this game is in its complexities, getting you <blockquote>
invested into the game. If you like tower defenses and also like to The strength of this game is in its complexities, getting you invested into the game. If you
think about tactics and strategies, this game is for you. like tower defenses and also like to think about tactics and strategies, this game is for
</blockquote> you.
<p> </blockquote>
<a href="https://blog.nanao.moe/game-reviews/arknights/" <p>
>Read more</a <a href="https://blog.nanao.moe/game-reviews/arknights/">Read more</a>
> </p>
</p> </PostMain>
</main> </Post>
</div> </Container>

View File

@ -1,15 +1,19 @@
<script> <script>
import PageHeader from "$lib/components/PageHeader.svelte"; import PageHeader from '@damillora/plachta/components/PageHeader/PageHeader.svelte';
import Container from '@damillora/plachta/components/Container/Container.svelte';
import Post from '@damillora/plachta/components/PageTypes/Post.svelte';
import PostMain from '@damillora/plachta/components/Post/PostMain.svelte';
</script> </script>
<svelte:head> <svelte:head>
<title>Damillora: Game Profile</title> <title>Damillora: Game Profile</title>
</svelte:head> </svelte:head>
<div class="page"> <Container>
<PageHeader> <Post>
<h1 class="page-header__heading">Game Profile: Azur Lane (EN)</h1> <PageHeader>
<p class="page-header__text"><a class="post-header__social" href="https://azurlane.yo-star.com">Game Website</a></p> <h1>Game Profile: Azur Lane (EN)</h1>
</PageHeader> <p><a href="https://azurlane.yo-star.com">Game Website</a></p>
<main class="container mx-auto main" /> </PageHeader>
</div> </Post>
</Container>

View File

@ -1,15 +1,19 @@
<script> <script>
import PageHeader from "$lib/components/PageHeader.svelte"; import PageHeader from '@damillora/plachta/components/PageHeader/PageHeader.svelte';
import Container from '@damillora/plachta/components/Container/Container.svelte';
import Post from '@damillora/plachta/components/PageTypes/Post.svelte';
import PostMain from '@damillora/plachta/components/Post/PostMain.svelte';
</script> </script>
<svelte:head> <svelte:head>
<title>Damillora: Game Profile</title> <title>Damillora: Game Profile</title>
</svelte:head> </svelte:head>
<div class="page"> <Container>
<PageHeader> <Post>
<h1 class="page-header__heading">Game Profile: BanG Dream! Girls Band Party (JP)</h1> <PageHeader>
<p class="page-header__text"><a class="post-header__social" href="https://bang-dream.bushimo.jp/">Game Website</a></p> <h1>Game Profile: BanG Dream! Girls Band Party (JP)</h1>
</PageHeader> <p><a href="https://bang-dream.bushimo.jp/">Game Website</a></p>
<main class="container mx-auto main" /> </PageHeader>
</div> </Post>
</Container>

View File

@ -1,32 +1,34 @@
<script> <script>
import PageHeader from "$lib/components/PageHeader.svelte"; import PageHeader from '@damillora/plachta/components/PageHeader/PageHeader.svelte';
import Container from '@damillora/plachta/components/Container/Container.svelte';
import Post from '@damillora/plachta/components/PageTypes/Post.svelte';
import PostMain from '@damillora/plachta/components/Post/PostMain.svelte';
</script> </script>
<svelte:head> <svelte:head>
<title>Damillora: Game Profile</title> <title>Damillora: Game Profile</title>
</svelte:head> </svelte:head>
<div class="page"> <Container>
<PageHeader> <Post>
<h1 class="page-header__heading">Game Profile: Blue Archive</h1> <PageHeader>
<p class="page-header__text"><a class="post-header__social" href="https://bluearchive.jp/">Game Website</a></p> <h1>Game Profile: Blue Archive</h1>
</PageHeader> <p><a href="https://bluearchive.jp/">Game Website</a></p>
<main class="container mx-auto main"> </PageHeader>
<h2>My Review</h2>
<blockquote> <PostMain comments={false}>
In conclusion, Blue Archive is one of those games that I would <h2>My Review</h2>
actually play daily. While the gameplay is all familiar, it doesn't <blockquote>
screw it up either. I also have grown attached to the students cast, In conclusion, Blue Archive is one of those games that I would actually play daily. While
and it is a reason for me to continue playing. However, its series the gameplay is all familiar, it doesn't screw it up either. I also have grown attached to
of early problems and maintenances does hurt it a little. the students cast, and it is a reason for me to continue playing. However, its series of
Personally, I really don't find much problems playing the game, but early problems and maintenances does hurt it a little. Personally, I really don't find much
your mileage might vary, and if you find its early problems too problems playing the game, but your mileage might vary, and if you find its early problems
much, please wait a little longer. too much, please wait a little longer.
</blockquote> </blockquote>
<p> <p>
<a href="https://blog.nanao.moe/game-reviews/blue-archive/" <a href="https://blog.nanao.moe/game-reviews/blue-archive/">Read more</a>
>Read more</a </p>
> </PostMain>
</p> </Post>
</main> </Container>
</div>

View File

@ -1,25 +1,31 @@
<script> <script>
import PageHeader from '$lib/components/PageHeader.svelte'; import PageHeader from '@damillora/plachta/components/PageHeader/PageHeader.svelte';
import Container from '@damillora/plachta/components/Container/Container.svelte';
import Post from '@damillora/plachta/components/PageTypes/Post.svelte';
import PostMain from '@damillora/plachta/components/Post/PostMain.svelte';
</script> </script>
<svelte:head> <svelte:head>
<title>Damillora: Game Profile</title> <title>Damillora: Game Profile</title>
</svelte:head> </svelte:head>
<div class="page"> <Container>
<PageHeader> <Post>
<h1 class="page-header__heading">Game Profile: Counter:Side</h1> <PageHeader>
<p class="page-header__text"> <h1>Game Profile: Counter:Side</h1>
<a class="post-header__social" href="https://counterside.zlongame.com/">Game Website</a> <p>
</p> <a href="https://counterside.zlongame.com/">Game Website</a>
</PageHeader> </p>
<main class="container mx-auto main"> </PageHeader>
<h2>My Review</h2>
<blockquote> <PostMain comments={false}>
In conclusion, Counter:Side is a pretty fun game to play, if that's your thing. This is not in <h2>My Review</h2>
a genre that I usually play nor it's something that I feel emotionally invested in, but I <blockquote>
think it's worth a try. In conclusion, Counter:Side is a pretty fun game to play, if that's your thing. This is not
</blockquote> in a genre that I usually play nor it's something that I feel emotionally invested in, but I
<p><a href="//blog.nanao.moe/game-reviews/counter-side/">Read more</a></p> think it's worth a try.
</main> </blockquote>
</div> <p><a href="//blog.nanao.moe/game-reviews/counter-side/">Read more</a></p>
</PostMain>
</Post>
</Container>

View File

@ -1,46 +1,45 @@
<script> <script>
import PageHeader from "$lib/components/PageHeader.svelte"; import PageHeader from '@damillora/plachta/components/PageHeader/PageHeader.svelte';
import Container from '@damillora/plachta/components/Container/Container.svelte';
import Post from '@damillora/plachta/components/PageTypes/Post.svelte';
import PostMain from '@damillora/plachta/components/Post/PostMain.svelte';
</script> </script>
<svelte:head> <svelte:head>
<title>Damillora: Game Profile</title> <title>Damillora: Game Profile</title>
</svelte:head> </svelte:head>
<div class="page"> <Container>
<PageHeader> <Post>
<h1 class="page-header__heading">Game Profile: CUE!</h1> <PageHeader>
<p class="page-header__text"><a class="post-header__social" href="https://www.cue-liber.jp/">Game Website</a></p> <h1>Game Profile: CUE!</h1>
</PageHeader> <p><a href="https://www.cue-liber.jp/">Game Website</a></p>
<main class="container mx-auto main"> </PageHeader>
<h2>My Review</h2>
<h3>One Year of CUE!</h3> <PostMain comments={false}>
<blockquote> <h2>My Review</h2>
Overall, since the game was released, CUE! has improved a lot, with <h3>One Year of CUE!</h3>
some areas receiving a welcome UX improvement, convenience features <blockquote>
that make CUE!'s idle aspect not feel like wasting time, and an Overall, since the game was released, CUE! has improved a lot, with some areas receiving a
entirely new mode for those who want something that feels more like welcome UX improvement, convenience features that make CUE!'s idle aspect not feel like
actual gameplay. Here's to hoping that CUE! will continue to improve wasting time, and an entirely new mode for those who want something that feels more like
and move forward. actual gameplay. Here's to hoping that CUE! will continue to improve and move forward.
<br /><br /> <br /><br />
For those who haven't played CUE! yet, there's no better time than now! For those who haven't played CUE! yet, there's no better time than now! It's one of the games
It's one of the games that will take just a little bit of your time. that will take just a little bit of your time. It also requires no significant time investments
It also requires no significant time investments for those who doesn't for those who doesn't play to rank in events or Compe, so adding CUE! to your daily tasks list
play to rank in events or Compe, so adding CUE! to your daily tasks list doesn't hurt. As with my first review, I recommend to try it out, you will appreciate it.
doesn't hurt. As with my first review, I recommend to try it out, you </blockquote>
will appreciate it. <p>
</blockquote> <a href="https://blog.nanao.moe/game-reviews/one-year-of-cue/">Read more</a>
<p> </p>
<a href="https://blog.nanao.moe/game-reviews/one-year-of-cue/" <h3>Original Release Date Review</h3>
>Read more</a <blockquote>
> Despite the similarities and the amount of grinding, CUE! manages to stand out for me. I
</p> recommend to try it sometimes, and get to the point where you can change casts in the anime.
<h3>Original Release Date Review</h3> You will appreciate it.
<blockquote> </blockquote>
Despite the similarities and the amount of grinding, CUE! manages to <p><a href="https://blog.nanao.moe/game-reviews/cue/">Read more</a></p>
stand out for me. I recommend to try it sometimes, and get to the </PostMain>
point where you can change casts in the anime. You will appreciate </Post>
it. </Container>
</blockquote>
<p><a href="https://blog.nanao.moe/game-reviews/cue/">Read more</a></p>
</main>
</div>

View File

@ -1,15 +1,19 @@
<script> <script>
import PageHeader from "$lib/components/PageHeader.svelte"; import PageHeader from '@damillora/plachta/components/PageHeader/PageHeader.svelte';
import Container from '@damillora/plachta/components/Container/Container.svelte';
import Post from '@damillora/plachta/components/PageTypes/Post.svelte';
import PostMain from '@damillora/plachta/components/Post/PostMain.svelte';
</script> </script>
<svelte:head> <svelte:head>
<title>Damillora: Game Profile</title> <title>Damillora: Game Profile</title>
</svelte:head> </svelte:head>
<div class="page"> <Container>
<PageHeader> <Post>
<h1 class="page-header__heading">Game Profile: Fate/Grand Order (JP)</h1> <PageHeader>
<p class="page-header__text"><a class="post-header__social" href="https://www.fate-go.jp">Game Website</a></p> <h1>Game Profile: Fate/Grand Order (JP)</h1>
</PageHeader> <p><a href="https://www.fate-go.jp">Game Website</a></p>
<main class="container main" /> </PageHeader>
</div> </Post>
</Container>

View File

@ -1,15 +1,19 @@
<script> <script>
import PageHeader from "$lib/components/PageHeader.svelte"; import PageHeader from '@damillora/plachta/components/PageHeader/PageHeader.svelte';
import Container from '@damillora/plachta/components/Container/Container.svelte';
import Post from '@damillora/plachta/components/PageTypes/Post.svelte';
import PostMain from '@damillora/plachta/components/Post/PostMain.svelte';
</script> </script>
<svelte:head> <svelte:head>
<title>Damillora: Game Profile</title> <title>Damillora: Game Profile</title>
</svelte:head> </svelte:head>
<div class="page"> <Container>
<PageHeader> <Post>
<h1 class="page-header__heading">Game Profile: Genshin Impact</h1> <PageHeader>
<p class="page-header__text"><a class="post-header__social" href="https://genshin.mihoyo.com">Game Website</a></p> <h1>Game Profile: Genshin Impact</h1>
</PageHeader> <p><a href="https://genshin.hoyoverse.com">Game Website</a></p>
<main class="container mx-auto main" /> </PageHeader>
</div> </Post>
</Container>

View File

@ -1,15 +1,19 @@
<script> <script>
import PageHeader from "$lib/components/PageHeader.svelte"; import PageHeader from '@damillora/plachta/components/PageHeader/PageHeader.svelte';
import Container from '@damillora/plachta/components/Container/Container.svelte';
import Post from '@damillora/plachta/components/PageTypes/Post.svelte';
import PostMain from '@damillora/plachta/components/Post/PostMain.svelte';
</script> </script>
<svelte:head> <svelte:head>
<title>Damillora: Game Profile</title> <title>Damillora: Game Profile</title>
</svelte:head> </svelte:head>
<div class="page"> <Container>
<PageHeader> <Post>
<h1 class="page-header__heading">Game Profile: Honkai Impact 3rd</h1> <PageHeader>
<p class="page-header__text"><a class="post-header__social" href="https://honkaiimpact3.mihoyo.com">Game Website</a></p> <h1>Game Profile: Honkai Impact 3rd</h1>
</PageHeader> <p><a href="https://honkaiimpact3.hoyoverse.com">Game Website</a></p>
<main class="container mx-auto main" /> </PageHeader>
</div> </Post>
</Container>

View File

@ -1,21 +1,30 @@
<script> <script>
import PageHeader from '$lib/components/PageHeader.svelte'; import PageHeader from '@damillora/plachta/components/PageHeader/PageHeader.svelte';
import Container from '@damillora/plachta/components/Container/Container.svelte';
import Post from '@damillora/plachta/components/PageTypes/Post.svelte';
import PostMain from '@damillora/plachta/components/Post/PostMain.svelte';
</script> </script>
<svelte:head> <svelte:head>
<title>Damillora: Game Profile</title> <title>Damillora: Game Profile</title>
</svelte:head> </svelte:head>
<div class="page"> <Container>
<PageHeader> <Post>
<h1 class="page-header__heading">Game Profile: IDOLY PRIDE</h1> <PageHeader>
<p class="page-header__text"> <h1>Game Profile: IDOLY PRIDE</h1>
<a class="post-header__social" href="https://idolypride.jp/game/">Game Website</a> <p>
</p> <a href="https://idolypride.jp/game/">Game Website</a>
</PageHeader> </p>
<!-- <main class="container mx-auto main"> </PageHeader>
<h2>My Review</h2>
<blockquote /> <PostMain comments={false}>
<p><a href="/">Read more</a></p> <h2>My Review</h2>
</main> --> <blockquote>
</div> In conclusion, IDOLY PRIDE is the go-to side game when you are starting in the morning or
late night when you are finished with just about everything that day.
</blockquote>
<p><a href="https://blog.nanao.moe/game-reviews/idoly-pride">Read more</a></p>
</PostMain>
</Post>
</Container>

View File

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

View File

@ -1,17 +1,19 @@
<script> <script>
import PageHeader from "$lib/components/PageHeader.svelte"; import PageHeader from '@damillora/plachta/components/PageHeader/PageHeader.svelte';
import Container from '@damillora/plachta/components/Container/Container.svelte';
import Post from '@damillora/plachta/components/PageTypes/Post.svelte';
import PostMain from '@damillora/plachta/components/Post/PostMain.svelte';
</script> </script>
<svelte:head> <svelte:head>
<title>Damillora: Game Profile</title> <title>Damillora: Game Profile</title>
</svelte:head> </svelte:head>
<div class="page"> <Container>
<PageHeader> <Post>
<h1 class="page-header__heading"> <PageHeader>
Game Profile: Love Live! School Idol Festival (JP) <h1>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 class="post-header__social" href="https://lovelive-sif.bushimo.jp/">Game Website</a></p> </PageHeader>
</PageHeader> </Post>
<main class="container mx-auto main" /> </Container>
</div>

View File

@ -1,17 +1,19 @@
<script> <script>
import PageHeader from "$lib/components/PageHeader.svelte"; import PageHeader from '@damillora/plachta/components/PageHeader/PageHeader.svelte';
import Container from '@damillora/plachta/components/Container/Container.svelte';
import Post from '@damillora/plachta/components/PageTypes/Post.svelte';
import PostMain from '@damillora/plachta/components/Post/PostMain.svelte';
</script> </script>
<svelte:head> <svelte:head>
<title>Damillora: Game Profile</title> <title>Damillora: Game Profile</title>
</svelte:head> </svelte:head>
<div class="page"> <Container>
<PageHeader> <Post>
<h1 class="page-header__heading"> <PageHeader>
Game Profile: Love Live! School idol festival ALL STARS <h1>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 class="post-header__social" href="https://lovelive-as.bushimo.jp/">Game Website</a></p> </PageHeader>
</PageHeader> </Post>
<main class="container mx-auto main" /> </Container>
</div>

View File

@ -8,8 +8,8 @@
<div class="page"> <div class="page">
<PageHeader> <PageHeader>
<h1 class="page-header__heading">Game Profile: maimai DX</h1> <h1>Game Profile: maimai DX</h1>
<p class="page-header__text"><a class="post-header__social" href="https://maimai.sega.com/">Game Website</a></p> <p><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

@ -1,21 +1,21 @@
<script> <script>
import PageHeader from "$lib/components/PageHeader.svelte"; import PageHeader from '@damillora/plachta/components/PageHeader/PageHeader.svelte';
import Container from '@damillora/plachta/components/Container/Container.svelte';
import Post from '@damillora/plachta/components/PageTypes/Post.svelte';
import PostMain from '@damillora/plachta/components/Post/PostMain.svelte';
</script> </script>
<svelte:head> <svelte:head>
<title>Damillora: Game Profile</title> <title>Damillora: Game Profile</title>
</svelte:head> </svelte:head>
<div class="page"> <Container>
<PageHeader> <Post>
<h1 class="page-header__heading"> <PageHeader>
Game Profile: The iDOLM@STER Million Live: Theater Days <h1>Game Profile: The iDOLM@STER Million Live: Theater Days</h1>
</h1> <p>
<p class="page-header__text"> <a href="https://millionlive.idolmaster.jp/theaterdays/">Game Website </a>
<a href="https://millionlive.idolmaster.jp/theaterdays/" </p>
>Game Website</a </PageHeader>
> </Post>
</p> </Container>
</PageHeader>
<main class="container mx-auto main" />
</div>

View File

@ -1,15 +1,19 @@
<script> <script>
import PageHeader from "$lib/components/PageHeader.svelte"; import PageHeader from '@damillora/plachta/components/PageHeader/PageHeader.svelte';
import Container from '@damillora/plachta/components/Container/Container.svelte';
import Post from '@damillora/plachta/components/PageTypes/Post.svelte';
import PostMain from '@damillora/plachta/components/Post/PostMain.svelte';
</script> </script>
<svelte:head> <svelte:head>
<title>Damillora: Game Profile</title> <title>Damillora: Game Profile</title>
</svelte:head> </svelte:head>
<div class="page"> <Container>
<PageHeader> <Post>
<h1 class="page-header__heading">Game Profile: Nogikoi</h1> <PageHeader>
<p class="page-header__text"><a class="post-header__social" href="https://nogikoi.jp">Game Website</a></p> <h1>Game Profile: Nogikoi</h1>
</PageHeader> <p><a href="https://nogikoi.jp">Game Website</a></p>
<main class="container mx-auto main" /> </PageHeader>
</div> </Post>
</Container>

View File

@ -1,31 +1,33 @@
<script> <script>
import PageHeader from "$lib/components/PageHeader.svelte"; import PageHeader from '@damillora/plachta/components/PageHeader/PageHeader.svelte';
import Container from '@damillora/plachta/components/Container/Container.svelte';
import Post from '@damillora/plachta/components/PageTypes/Post.svelte';
import PostMain from '@damillora/plachta/components/Post/PostMain.svelte';
</script> </script>
<svelte:head> <svelte:head>
<title>Damillora: Game Profile</title> <title>Damillora: Game Profile</title>
</svelte:head> </svelte:head>
<div class="page"> <Container>
<PageHeader> <Post>
<h1 class="page-header__heading">Game Profile: THE iDOLM@STER POPLINKS</h1> <PageHeader>
<p class="page-header__text"> <h1>Game Profile: THE iDOLM@STER POPLINKS</h1>
<a href="https://poplinks.idolmaster-official.jp/">Game Website</a> <p>
</p> <a href="https://poplinks.idolmaster-official.jp/">Game Website</a>
</PageHeader> </p>
<main class="container mx-auto main"> </PageHeader>
<h2>My Review</h2>
<blockquote> <PostMain comments={false}>
Overall, POPLINKS is an exciting game where you can see all five <h2>My Review</h2>
branches of THE iDOLM@STER together in the first game ever to do so, <blockquote>
where you can play either casually or competitively, and fully Overall, POPLINKS is an exciting game where you can see all five branches of THE iDOLM@STER
immerse yourself in your favorite idols. It is quite something. together in the first game ever to do so, where you can play either casually or
</blockquote> competitively, and fully immerse yourself in your favorite idols. It is quite something.
<p> </blockquote>
<a <p>
href="https://blog.nanao.moe/game-reviews/the-idolmaster-poplinks/" <a href="https://blog.nanao.moe/game-reviews/the-idolmaster-poplinks/">Read more</a>
>Read more</a </p>
> </PostMain>
</p> </Post>
</main> </Container>
</div>

View File

@ -1,29 +1,31 @@
<script> <script>
import PageHeader from "$lib/components/PageHeader.svelte"; import PageHeader from '@damillora/plachta/components/PageHeader/PageHeader.svelte';
import Container from '@damillora/plachta/components/Container/Container.svelte';
import Post from '@damillora/plachta/components/PageTypes/Post.svelte';
import PostMain from '@damillora/plachta/components/Post/PostMain.svelte';
</script> </script>
<svelte:head> <svelte:head>
<title>Damillora: Game Profile</title> <title>Damillora: Game Profile</title>
</svelte:head> </svelte:head>
<div class="page"> <Container>
<PageHeader> <Post>
<h1 class="page-header__heading">Game Profile: Project SEKAI COLORFUL STAGE!</h1> <PageHeader>
<p class="page-header__text"><a class="post-header__social" href="https://pjsekai.sega.jp/">Game Website</a></p> <h1>Game Profile: Project SEKAI COLORFUL STAGE!</h1>
</PageHeader> <p><a href="https://pjsekai.sega.jp/">Game Website</a></p>
<main class="container mx-auto main"> </PageHeader>
<h2>My Review</h2>
<blockquote> <PostMain comments={false}>
Overall, I've gotten what I wanted to see in a mobile rhythm game. <h2>My Review</h2>
Virtual Lives are also very interesting with many possibilities that <blockquote>
can happen. The other aspects are cherry on top, and they're also Overall, I've gotten what I wanted to see in a mobile rhythm game. Virtual Lives are also
not bad too. Project SEKAI is great. very interesting with many possibilities that can happen. The other aspects are cherry on
</blockquote> top, and they're also not bad too. Project SEKAI is great.
<p> </blockquote>
<a <p>
href="https://blog.nanao.moe/game-reviews/project-sekai-colorful-stage/" <a href="https://blog.nanao.moe/game-reviews/project-sekai-colorful-stage/">Read more</a>
>Read more</a </p>
> </PostMain>
</p> </Post>
</main> </Container>
</div>

View File

@ -1,22 +1,21 @@
<script> <script>
import PageHeader from '$lib/components/PageHeader.svelte'; import PageHeader from '@damillora/plachta/components/PageHeader/PageHeader.svelte';
import Container from '@damillora/plachta/components/Container/Container.svelte';
import Post from '@damillora/plachta/components/PageTypes/Post.svelte';
import PostMain from '@damillora/plachta/components/Post/PostMain.svelte';
</script> </script>
<svelte:head> <svelte:head>
<title>Damillora: Game Profile</title> <title>Damillora: Game Profile</title>
</svelte:head> </svelte:head>
<div class="page"> <Container>
<PageHeader> <Post>
<h1 class="page-header__heading">Game Profile: THE iDOLM@STER SideM GROWING STARS</h1> <PageHeader>
<p class="page-header__text"> <h1>Game Profile: THE iDOLM@STER SideM GROWING STARS</h1>
<a class="post-header__social" href="https://sidem-gs.idolmaster-official.jp/">Game Website</a <p>
> <a href="https://sidem-gs.idolmaster-official.jp/">Game Website</a>
</p> </p>
</PageHeader> </PageHeader>
<main class="container mx-auto main"> </Post>
<!-- <h2>My Review</h2> </Container>
<blockquote />
<p><a href="/">Read more</a></p> -->
</main>
</div>

View File

@ -1,19 +1,21 @@
<script> <script>
import PageHeader from "$lib/components/PageHeader.svelte"; import PageHeader from '@damillora/plachta/components/PageHeader/PageHeader.svelte';
import Container from '@damillora/plachta/components/Container/Container.svelte';
import Post from '@damillora/plachta/components/PageTypes/Post.svelte';
import PostMain from '@damillora/plachta/components/Post/PostMain.svelte';
</script> </script>
<svelte:head> <svelte:head>
<title>Damillora: Game Profile</title> <title>Damillora: Game Profile</title>
</svelte:head> </svelte:head>
<div class="page"> <Container>
<PageHeader> <Post>
<h1 class="page-header__heading">Game Profile: SOUND VOLTEX VIVID WAVE</h1> <PageHeader>
<p class="page-header__text"> <h1>Game Profile: SOUND VOLTEX VIVID WAVE</h1>
<a href="https://p.eagate.573.jp/game/sdvx/v/p/index.html" <p>
>Game Website</a <a href="https://p.eagate.573.jp/game/sdvx/v/p/index.html">Game Website</a>
> </p>
</p> </PageHeader>
</PageHeader> </Post>
<main class="container mx-auto main" /> </Container>
</div>

View File

@ -1,15 +1,19 @@
<script> <script>
import PageHeader from "$lib/components/PageHeader.svelte"; import PageHeader from '@damillora/plachta/components/PageHeader/PageHeader.svelte';
import Container from '@damillora/plachta/components/Container/Container.svelte';
import Post from '@damillora/plachta/components/PageTypes/Post.svelte';
import PostMain from '@damillora/plachta/components/Post/PostMain.svelte';
</script> </script>
<svelte:head> <svelte:head>
<title>Damillora: Game Profile</title> <title>Damillora: Game Profile</title>
</svelte:head> </svelte:head>
<div class="page"> <Container>
<PageHeader> <Post>
<h1 class="page-header__heading">Game Profile: Shadowverse</h1> <PageHeader>
<p class="page-header__text"><a class="post-header__social" href="https://shadowverse.com/">Game Website</a></p> <h1>Game Profile: Shadowverse</h1>
</PageHeader> <p><a href="https://shadowverse.com/">Game Website</a></p>
<main class="container mx-auto main" /> </PageHeader>
</div> </Post>
</Container>

View File

@ -1,15 +1,19 @@
<script> <script>
import PageHeader from "$lib/components/PageHeader.svelte"; import PageHeader from '@damillora/plachta/components/PageHeader/PageHeader.svelte';
import Container from '@damillora/plachta/components/Container/Container.svelte';
import Post from '@damillora/plachta/components/PageTypes/Post.svelte';
import PostMain from '@damillora/plachta/components/Post/PostMain.svelte';
</script> </script>
<svelte:head> <svelte:head>
<title>Damillora: Game Profile</title> <title>Damillora: Game Profile</title>
</svelte:head> </svelte:head>
<div class="page"> <Container>
<PageHeader> <Post>
<h1 class="page-header__heading">Game Profile: THE IDOLM@STER: Shiny Colors</h1> <PageHeader>
<p class="page-header__text"><a class="post-header__social" href="https://shinycolors.idolmaster.jp">Game Website</a></p> <h1>Game Profile: THE IDOLM@STER: Shiny Colors</h1>
</PageHeader> <p><a href="https://shinycolors.idolmaster.jp">Game Website</a></p>
<main class="container mx-auto main" /> </PageHeader>
</div> </Post>
</Container>

View File

@ -1,17 +1,21 @@
<script> <script>
import PageHeader from "$lib/components/PageHeader.svelte"; import PageHeader from '@damillora/plachta/components/PageHeader/PageHeader.svelte';
import Container from '@damillora/plachta/components/Container/Container.svelte';
import Post from '@damillora/plachta/components/PageTypes/Post.svelte';
import PostMain from '@damillora/plachta/components/Post/PostMain.svelte';
</script> </script>
<svelte:head> <svelte:head>
<title>Damillora: Game Profile</title> <title>Damillora: Game Profile</title>
</svelte:head> </svelte:head>
<div class="page"> <Container>
<PageHeader> <Post>
<h1 class="page-header__heading">Game Profile: Revue Starlight Re LIVE (EN)</h1> <PageHeader>
<p class="page-header__text"> <h1>Game Profile: Revue Starlight Re LIVE (EN)</h1>
<a href="https://www.en.revuestarlight-relive.com/">Game Website</a> <p>
</p> <a href="https://www.en.revuestarlight-relive.com/">Game Website</a>
</PageHeader> </p>
<main class="container mx-auto main" /> </PageHeader>
</div> </Post>
</Container>

View File

@ -1,15 +1,19 @@
<script> <script>
import PageHeader from "$lib/components/PageHeader.svelte"; import PageHeader from '@damillora/plachta/components/PageHeader/PageHeader.svelte';
import Container from '@damillora/plachta/components/Container/Container.svelte';
import Post from '@damillora/plachta/components/PageTypes/Post.svelte';
import PostMain from '@damillora/plachta/components/Post/PostMain.svelte';
</script> </script>
<svelte:head> <svelte:head>
<title>Damillora: Game Profile</title> <title>Damillora: Game Profile</title>
</svelte:head> </svelte:head>
<div class="page"> <Container>
<PageHeader> <Post>
<h1 class="page-header__heading">Game Profile: Tokyo 7th Sisters</h1> <PageHeader>
<p class="page-header__text"><a class="post-header__social" href="https://t7s.jp">Game Website</a></p> <h1>Game Profile: Tokyo 7th Sisters</h1>
</PageHeader> <p><a href="https://t7s.jp">Game Website</a></p>
<main class="container mx-auto main" /> </PageHeader>
</div> </Post>
</Container>

View File

@ -1,19 +1,25 @@
<script> <script>
import PageHeader from "$lib/components/PageHeader.svelte"; import PageHeader from '@damillora/plachta/components/PageHeader/PageHeader.svelte';
import Container from '@damillora/plachta/components/Container/Container.svelte';
import Post from '@damillora/plachta/components/PageTypes/Post.svelte';
import PostMain from '@damillora/plachta/components/Post/PostMain.svelte';
</script> </script>
<svelte:head> <svelte:head>
<title>Damillora: Game Profile</title> <title>Damillora: Game Profile</title>
</svelte:head> </svelte:head>
<div class="page"> <Container>
<PageHeader> <Post>
<h1 class="page-header__heading">Game Profile:</h1> <PageHeader>
<p class="page-header__text"><a class="post-header__social" href="/">Game Website</a></p> <h1>Game Profile:</h1>
</PageHeader> <p><a href="/">Game Website</a></p>
<main class="container mx-auto main"> </PageHeader>
<h2>My Review</h2>
<blockquote /> <PostMain comments={false}>
<p><a href="/">Read more</a></p> <h2>My Review</h2>
</main> <blockquote />
</div> <p><a href="/">Read more</a></p>
</PostMain>
</Post>
</Container>

View File

@ -1,27 +1,33 @@
<script> <script>
import PageHeader from "$lib/components/PageHeader.svelte"; import PageHeader from '@damillora/plachta/components/PageHeader/PageHeader.svelte';
import Container from '@damillora/plachta/components/Container/Container.svelte';
import Post from '@damillora/plachta/components/PageTypes/Post.svelte';
import PostMain from '@damillora/plachta/components/Post/PostMain.svelte';
</script> </script>
<svelte:head> <svelte:head>
<title>Damillora: Game Profile</title> <title>Damillora: Game Profile</title>
</svelte:head> </svelte:head>
<div class="page"> <Container>
<PageHeader> <Post>
<h1 class="page-header__heading">Game Profile: 欅坂46・日向坂46 UNI'S ON AIR</h1> <PageHeader>
<p class="page-header__text"><a class="post-header__social" href="https://keyahina-unisonair.com/">Game Website</a></p> <h1>Game Profile: 欅坂46・日向坂46 UNI'S ON AIR</h1>
</PageHeader> <p><a href="https://keyahina-unisonair.com/">Game Website</a></p>
<main class="container mx-auto main"> </PageHeader>
<h2>My Review</h2>
<blockquote> <PostMain comments={false}>
Suffice to say, I enjoy this game more than Nogizaka46's rhythm <h2>My Review</h2>
game, which requires memorization of songs a bit too much. <blockquote>
</blockquote> Suffice to say, I enjoy this game more than Nogizaka46's rhythm
<p> game, which requires memorization of songs a bit too much.
<a </blockquote>
href="https://blog.nanao.moe/game-reviews/keyakizaka46-hinatazaka46-unis-on-air/" <p>
>Read more</a <a
> href="https://blog.nanao.moe/game-reviews/keyakizaka46-hinatazaka46-unis-on-air/"
</p> >Read more</a
</main> >
</div> </p>
</PostMain>
</Post>
</Container>

View File

@ -1,30 +1,30 @@
<script> <script>
import PageHeader from '$lib/components/PageHeader.svelte'; import Hero from '@damillora/plachta/components/Hero/Hero.svelte';
import Container from '@damillora/plachta/components/Container/Container.svelte';
</script> </script>
<svelte:head> <svelte:head>
<title>Damillora</title> <title>Damillora</title>
</svelte:head> </svelte:head>
<div class="page"> <Container>
<PageHeader> <h1>Welcome to Damillora's website</h1>
<h1 class="page-header__heading">Damillora</h1> <p>
<p class="page-header__text">Technology enthusiast VTuber!</p> Welcome to the official website of indie Virtual YouTuber and technology enthusiast Damillora!
</PageHeader> </p>
<main class="container main"> <p>
<p> I do tech, programming, and mobile games stuff. I like unique, weird, and interesting things,
Welcome to the official website of indie Virtual YouTuber and technology enthusiast Damillora! </p>
</p> <h2>Channel trailer</h2>
<p>I do tech, programming, and mobile games stuff. I like unique, weird, and interesting things,</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>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> href="https://matrix.to/#/#general:matrix.nanao.moe">Matrix</a
<p> >
The Damillora Network is the official place for my fans to interact, and a </h2>
place for enthusiast to gather and discuss about various topics! <p>
</p> 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 Network is reachable via Discord and Matrix. </p>
</p> <p>The Network is reachable via Discord and Matrix.</p>
</main> </Container>
</div>

View File

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

View File

@ -1,39 +1,43 @@
<script> <script>
import PageHeader from '$lib/components/PageHeader.svelte'; import PageHeader from '@damillora/plachta/components/PageHeader/PageHeader.svelte';
import GalleryImage from '$lib/components/GalleryImage.svelte'; import Container from '@damillora/plachta/components/Container/Container.svelte';
import Post from '@damillora/plachta/components/PageTypes/Post.svelte';
import PostMain from '@damillora/plachta/components/Post/PostMain.svelte';
</script> </script>
<svelte:head> <svelte:head>
<title>Damillora: Altessimo</title> <title>Damillora: Altessimo</title>
</svelte:head> </svelte:head>
<div class="page"> <Container>
<PageHeader> <Post>
<h1 class="page-header__heading">Altessimo</h1> <PageHeader>
<p class="page-header__text"> <h1>Altessimo</h1>
<a class="post-header__social" href="https://altessimo.nanao.moe">live</a> <p>
&bull; <a href="https://altessimo.nanao.moe">live</a>
<a class="post-header__social" href="https://github.com/Damillora/Altessimo">source code</a> &bull;
</p> <a href="https://github.com/Damillora/Altessimo">source code</a>
</PageHeader> </p>
<main class="container mx-auto main"> </PageHeader>
<h2>Description</h2> <PostMain comments={false}>
<p> <h2>Description</h2>
Altessimo is a web application I built to catalogue and put in context Idolmaster lyricists, <p>
composers, and arrangers. Altessimo is a web application I built to catalogue and put in context Idolmaster lyricists,
</p> composers, and arrangers.
<p>The database itself is definitely still a work-in-progress.</p> </p>
<h2>Technologies</h2> <p>The database itself is definitely still a work-in-progress.</p>
<ul> <h2>Technologies</h2>
<li>Django</li> <ul>
<li>Bootstrap</li> <li>Django</li>
</ul> <li>Bootstrap</li>
<h2>Screenshots</h2> </ul>
<div class="gallery"> <h2>Screenshots</h2>
<GalleryImage src="/images/projects/altessimo/1.png" alt="Altessimo" /> <div class="gallery">
<GalleryImage src="/images/projects/altessimo/2.png" alt="Altessimo" /> <img src="/images/projects/altessimo/1.jpg" alt="Altessimo" />
<GalleryImage src="/images/projects/altessimo/3.png" alt="Altessimo" /> <img src="/images/projects/altessimo/2.jpg" alt="Altessimo" />
<GalleryImage src="/images/projects/altessimo/4.png" alt="Altessimo" /> <img src="/images/projects/altessimo/3.jpg" alt="Altessimo" />
</div> <img src="/images/projects/altessimo/4.jpg" alt="Altessimo" />
</main> </div>
</div> </PostMain>
</Post>
</Container>

View File

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

View File

@ -1,38 +1,41 @@
<script> <script>
import PageHeader from '$lib/components/PageHeader.svelte'; import PageHeader from '@damillora/plachta/components/PageHeader/PageHeader.svelte';
import GalleryImage from '$lib/components/GalleryImage.svelte'; import Container from '@damillora/plachta/components/Container/Container.svelte';
import Post from '@damillora/plachta/components/PageTypes/Post.svelte';
import PostMain from '@damillora/plachta/components/Post/PostMain.svelte';
</script> </script>
<svelte:head> <svelte:head>
<title>Damillora: nanao.moe (legacy)</title> <title>Damillora: nanao.moe (legacy)</title>
</svelte:head> </svelte:head>
<div class="page"> <Container>
<PageHeader> <Post>
<h1 class="page-header__heading">nanao.moe (legacy)</h1> <PageHeader>
<p class="page-header__text"> <h1>nanao.moe (legacy)</h1>
<a class="post-header__social" href="https://nanao.moe">former live</a> <p>
&bull; <a href="https://github.com/Damillora/miracle">source code</a>
<a class="post-header__social" href="https://github.com/Damillora/miracle">source code</a> </p>
</p> </PageHeader>
</PageHeader> <PostMain comments={false}>
<main class="container main"> <h2>Description</h2>
<h2>Description</h2> <p>
<p> A domain carves a person's place in the Internet. This is the codebase that formerly serves
A domain carves a person's place in the Internet. This is the codebase that formerly serves nanao.moe. It is named miracle, which is named after a Madeon song (Good Faith is great,
nanao.moe. It is named miracle, which is named after a Madeon song (Good Faith is great, btw). btw).
</p> </p>
<p>Originally, it is styled in pure CSS. However, it later used Tailwind.</p> <p>Originally, it is styled in pure CSS. However, it later used Tailwind.</p>
<h2>Technologies</h2> <h2>Technologies</h2>
<ul> <ul>
<li>Vue.js</li> <li>Vue.js</li>
<li>Nuxt.js</li> <li>Nuxt.js</li>
<li>Tailwind CSS</li> <li>Tailwind CSS</li>
</ul> </ul>
<h2>Screenshots</h2> <h2>Screenshots</h2>
<div class="gallery"> <div class="gallery">
<GalleryImage src="/images/projects/miracle/1.png" alt="Miracle" /> <img src="/images/projects/miracle/1.jpg" alt="Miracle" />
<GalleryImage src="/images/projects/miracle/2.png" alt="Miracle" /> <img src="/images/projects/miracle/2.jpg" alt="Miracle" />
</div> </div>
</main> </PostMain>
</div> </Post>
</Container>

View File

@ -1,41 +1,44 @@
<script> <script>
import PageHeader from '$lib/components/PageHeader.svelte'; import PageHeader from '@damillora/plachta/components/PageHeader/PageHeader.svelte';
import GalleryImage from '$lib/components/GalleryImage.svelte'; import Container from '@damillora/plachta/components/Container/Container.svelte';
import Post from '@damillora/plachta/components/PageTypes/Post.svelte';
import PostMain from '@damillora/plachta/components/Post/PostMain.svelte';
</script> </script>
<svelte:head> <svelte:head>
<title>Damillora: nanao.moe</title> <title>Damillora: nanao.moe</title>
</svelte:head> </svelte:head>
<div class="page"> <Container>
<PageHeader> <Post>
<h1 class="page-header__heading">nanao.moe</h1> <PageHeader>
<p class="page-header__text"> <h1>nanao.moe</h1>
<a class="post-header__social" href="https://nanao.moe">live</a> <p>
&bull; <a href="https://nanao.moe">live</a>
<a class="post-header__social" href="https://github.com/Damillora/rinze">source code</a> &bull;
</p> <a href="https://github.com/Damillora/rinze">source code</a>
</PageHeader> </p>
<main class="container main"> </PageHeader>
<h2>Description</h2> <PostMain comments={false}>
<p> <h2>Description</h2>
A domain carves a person's place in the Internet. nanao.moe now serves as my primary web page. <p>
The website contains information about my projects and interests. A domain carves a person's place in the Internet. nanao.moe now serves as my primary web page.
</p> The website contains information about my projects and interests.
<p> </p>
The new codebase uses the same design as previous. However, it adopts new technologies and <p>
rewrites the stylesheet in SASS. nanao.moe is now using the new Mare Serenitatis design language. However, the technology stack remains the same.
</p> </p>
<h2>Technologies</h2> <h2>Technologies</h2>
<ul> <ul>
<li>Svelte</li> <li>Svelte</li>
<li>SvelteKit</li> <li>SvelteKit</li>
<li>SASS</li> <li>SASS</li>
</ul> </ul>
<h2>Screenshots</h2> <h2>Screenshots</h2>
<div class="gallery"> <div class="gallery">
<GalleryImage src="/images/projects/rinze/1.png" alt="Rinze" /> <img src="/images/projects/rinze/1.jpg" alt="Rinze" />
<GalleryImage src="/images/projects/rinze/2.png" alt="Rinze" /> <img src="/images/projects/rinze/2.jpg" alt="Rinze" />
</div> </div>
</main> </PostMain>
</div> </Post>
</Container>

View File

@ -0,0 +1,45 @@
<script>
import PageHeader from '@damillora/plachta/components/PageHeader/PageHeader.svelte';
import Container from '@damillora/plachta/components/Container/Container.svelte';
import Post from '@damillora/plachta/components/PageTypes/Post.svelte';
import PostMain from '@damillora/plachta/components/Post/PostMain.svelte';
</script>
<svelte:head>
<title>Damillora: Damillora's Virtual Memoir</title>
</svelte:head>
<Container>
<Post>
<PageHeader>
<h1>Damillora's Virtual Memoir</h1>
<p>
<a href="https://blog.nanao.moe">live</a>
&bull;
<a href="https://git.nanao.moe/Damillora/Shallie">source code</a>
</p>
</PageHeader>
<PostMain comments={false}>
<h2>Description</h2>
<p>
Damillora's Virtual Memoir is my hobby-related blog, writing about games and idols. As part
of a design system reorganization, a new blog frontend written in SvelteKit.
</p>
<p>
The backend runs on Ghost, a publication-focused CMS, while the frontend uses SvelteKit and
SASS based on Mare Serenitatis design language.
</p>
<h2>Technologies</h2>
<ul>
<li>Ghost</li>
<li>Svelte</li>
<li>SvelteKit</li>
<li>SASS</li>
</ul>
<h2>Screenshots</h2>
<div class="gallery">
<img src="/images/projects/shallie/1.jpg" alt="Yuika" />
</div>
</PostMain>
</Post>
</Container>

View File

@ -1,35 +1,39 @@
<script> <script>
import PageHeader from '$lib/components/PageHeader.svelte'; import PageHeader from '@damillora/plachta/components/PageHeader/PageHeader.svelte';
import GalleryImage from '$lib/components/GalleryImage.svelte'; import Container from '@damillora/plachta/components/Container/Container.svelte';
import Post from '@damillora/plachta/components/PageTypes/Post.svelte';
import PostMain from '@damillora/plachta/components/Post/PostMain.svelte';
</script> </script>
<svelte:head> <svelte:head>
<title>Damillora: nanao.moe</title> <title>Damillora: nanao.moe</title>
</svelte:head> </svelte:head>
<div class="page"> <Container>
<PageHeader> <Post>
<h1 class="page-header__heading">Shioriko</h1> <PageHeader>
<p class="page-header__text"> <h1>Shioriko</h1>
<a class="post-header__social" href="https://github.com/Damillora/Shioriko">source code</a> <p>
</p> <a href="https://github.com/Damillora/Shioriko">source code</a>
</PageHeader> </p>
<main class="container main"> </PageHeader>
<h2>Description</h2> <PostMain comments={false}>
<p> <h2>Description</h2>
Shioriko is a booru-like image board software written in Go and Svelte. Features currently <p>
includes automatic tag resolution, searching by tag, infinite-scrolling post browsing, and Shioriko is a booru-like image board software written in Go and Svelte. Features currently
similarity search based on perceptual hashing. includes automatic tag resolution, searching by tag, infinite-scrolling post browsing, and
</p> similarity search based on perceptual hashing.
<h2>Technologies</h2> </p>
<ul> <h2>Technologies</h2>
<li>Svelte</li> <ul>
<li>Bulma</li> <li>Svelte</li>
<li>Go</li> <li>Bulma</li>
</ul> <li>Go</li>
<h2>Screenshots</h2> </ul>
<div class="gallery"> <h2>Screenshots</h2>
<GalleryImage src="/images/projects/shioriko/1.png" alt="Shioriko" /> <div class="gallery">
</div> <img src="/images/projects/shioriko/1.jpg" alt="Shioriko" />
</main> </div>
</div> </PostMain>
</Post>
</Container>

View File

@ -1,25 +1,26 @@
<script> <script>
import PageHeader from '$lib/components/PageHeader.svelte'; import PageHeader from '@damillora/plachta/components/PageHeader/PageHeader.svelte';
import GalleryImage from '$lib/components/GalleryImage.svelte'; import Container from "@damillora/plachta/components/Container/Container.svelte";
import Post from '@damillora/plachta/components/PageTypes/Post.svelte';
import PostMain from '@damillora/plachta/components/Post/PostMain.svelte';
</script> </script>
<svelte:head> <svelte:head>
<title>Damillora: Damillora's Virtual Memoir</title> <title>Damillora: Yuika theme</title>
</svelte:head> </svelte:head>
<div class="page"> <Container>
<Post>
<PageHeader> <PageHeader>
<h1 class="page-header__heading">Damillora's Virtual Memoir</h1> <h1>Yuika theme</h1>
<p class="page-header__text"> <p >
<a class="post-header__social" href="https://blog.nanao.moe">live</a> <a href="https://github.com/Damillora/Yuika">source code</a>
&bull;
<a class="post-header__social" href="https://github.com/Damillora/Yuika">source code</a>
</p> </p>
</PageHeader> </PageHeader>
<main class="container mx-auto main"> <PostMain comments={false}>
<h2>Description</h2> <h2>Description</h2>
<p> <p>
Damillora's Virtual Memoir is my hobby-related blog, writing about games and idols. Damillora's Virtual Memoir is my hobby-related blog, writing about games and idols. The blog uses the Yuika theme, which was designed solely for Damillora's Virtual Memoir.
</p> </p>
<p> <p>
The blog runs on Ghost, a publication-focused CMS, while the theme uses Tailwind CSS for its CSS framework. The blog runs on Ghost, a publication-focused CMS, while the theme uses Tailwind CSS for its CSS framework.
@ -32,13 +33,14 @@
</ul> </ul>
<h2>Screenshots</h2> <h2>Screenshots</h2>
<div class="gallery"> <div class="gallery">
<GalleryImage src="/images/projects/yuika/1.png" alt="Yuika"/> <img src="/images/projects/yuika/1.jpg" alt="Yuika"/>
<GalleryImage src="/images/projects/yuika/2.png" alt="Yuika"/> <img src="/images/projects/yuika/2.jpg" alt="Yuika"/>
<GalleryImage src="/images/projects/yuika/3.png" alt="Yuika"/> <img src="/images/projects/yuika/3.jpg" alt="Yuika"/>
<GalleryImage src="/images/projects/yuika/4.png" alt="Yuika"/> <img src="/images/projects/yuika/4.jpg" alt="Yuika"/>
<GalleryImage src="/images/projects/yuika/5.png" alt="Yuika"/> <img src="/images/projects/yuika/5.jpg" alt="Yuika"/>
<GalleryImage src="/images/projects/yuika/6.png" alt="Yuika"/> <img src="/images/projects/yuika/6.jpg" alt="Yuika"/>
</div> </div>
</PostMain>
</main> </Post>
</div> </Container>

@ -1 +1 @@
Subproject commit 15a50c78146ecc715a344e46eee83f7f151c825b Subproject commit 38296b9cbc72f9a91286b4ca83dba8ad6267ab21

View File

@ -9,7 +9,5 @@ export default {
kit: { kit: {
adapter: node(), adapter: node(),
// hydrate the <div id="svelte"> element in src/app.html
target: '#svelte'
} }
}; };

8
vite.config.js Normal file
View File

@ -0,0 +1,8 @@
import { sveltekit } from '@sveltejs/kit/vite';
/** @type {import('vite').UserConfig} */
const config = {
plugins: [sveltekit()]
};
export default config;

1332
yarn.lock

File diff suppressed because it is too large Load Diff