feat: initial vtuber page

This commit is contained in:
Damillora 2021-05-14 04:28:48 +07:00
parent 0ab681e8e3
commit e1238b8206
7 changed files with 125 additions and 98 deletions

1
.gitignore vendored
View File

@ -1,5 +1,6 @@
.DS_Store
node_modules
/.svelte
/.svelte-kit
/build
/functions

View File

@ -1,6 +1,6 @@
<script>
import PageHeader from "$lib/components/PageHeader.svelte";
import GalleryImage from "$lib/components/GalleryImage.svelte";
import PageHeader from '$lib/components/PageHeader.svelte';
import GalleryImage from '$lib/components/GalleryImage.svelte';
</script>
<svelte:head>
@ -12,11 +12,86 @@
<h1 class="page-header__heading">About Damillora</h1>
</PageHeader>
<main class="container main">
<p>Hello! My name is Damillora.</p>
<p>
I'm currently reconstructing my about page for new things, but I'm a
web developer, rhythm game player and music enthusiast!
Hello! My name is Damillora. I'm an indie Virtual YouTuber with a focus on technology, games,
and music exploration!
</p>
<h2>Profile</h2>
<ul>
<li><strong>Name: </strong> Damillora</li>
<li><strong>Birthday: </strong>February 29</li>
</ul>
<h2>Credits</h2>
<p>
I am thankful to several for bringing my Virtual YouTuber project to life, and I will list
them here.
</p>
<h3>Illustrator: Mira Cassiela</h3>
<p>*Insert description here*</p>
<p>
<a href="https://linktr.ee/miracassiela">Linktree</a>
</p>
<h3>Live2D Rigging: Siauw Adhie</h3>
<p>*Insert description here*</p>
<p>
<a href="https://twitter.com/adhiesc123">Twitter</a>
&bull;
<a href="https://www.youtube.com/c/SiauwAdhie">YouTube</a>
</p>
<h2>Where you can find me</h2>
<h3>Publishing media</h3>
<p>I publish content mainly in those sites</p>
<ul>
<li>
<p>YouTube:</p>
<p><a href="/channel">Damillora</a></p>
</li>
<li>
<p>Twitch:</p>
<p><a href="https://www.twitch.tv/damillora">Damillora</a></p>
</li>
<li>
<p>SoundCloud:</p>
<p><a href="https://soundcloud.com/damillora">damillora</a></p>
</li>
<li>
<p>GitHub:</p>
<p><a href="https://github.com/Damillora">Damillora</a></p>
</li>
</ul>
<h3>Alternative technologies</h3>
<p>
Mainstream platforms control what you can post, and you can lose access to data rightfully
yours.
<br />
I maintain presence in several altenative platforms and technologies to ensure I have control of
data I post, to contribute to a possible future, and as a backup when mainstream platforms go down.
<br />
If you have a presence in those platforms, I encourage you to use these instead, you will help
the adoption of those technologies!
</p>
<ul>
<li>
<p>Fediverse:</p>
<p><a href="https://fed.nanao.moe/@Damillora">Damillora@fed.nanao.moe</a></p>
</li>
<li>
<p>PeerTube:</p>
<p><a href="/fedichan">damillora@live.nanao.moe</a></p>
</li>
<li>
<p>Funkwhale:</p>
<p><a href="https://sounds.nanao.moe/@Damillora">@Damillora@live.nanao.moe</a></p>
</li>
<li>
<p>Matrix</p>
<p>@damillora:matrix.nanao.moe</p>
</li>
<li>
<p>Gemini</p>
<p><a href="gemini://gemini.nanao.moe">gemini.nanao.moe</a></p>
</li>
</ul>
<h2>GPG public key</h2>
<p>My public key is accessible <a href="/damillora.asc">here</a>.</p>
<h2>Producer Meishi</h2>

View File

@ -1,5 +1,5 @@
<script>
import PageHeader from "$lib/components/PageHeader.svelte";
import PageHeader from '$lib/components/PageHeader.svelte';
</script>
<svelte:head>
@ -12,73 +12,15 @@
</PageHeader>
<main class="container mx-auto main">
<p>You can contact me via various channels.</p>
<h2>Common channels</h2>
<h2>Email: damillora(at)damillora.com</h2>
<p>
Those are the ones I use for interacting with the wider community!
Emails are perfect for long-form correspondences. If you want to discuss about larger projects
or you're a corporation, I highly recommend using email.
</p>
<ul>
<li>
<p>Email</p>
<p>damillora(at)damillora.com</p>
</li>
<li>
<p>Twitter:</p>
<p><a href="https://twitter.com/Damillora">Damillora</a></p>
</li>
</ul>
<h2>Publishing media</h2>
<p>I publish content mainly in those sites</p>
<ul>
<li>
<p>YouTube:</p>
<p><a href="/channel">Damillora</a></p>
</li>
<li>
<p>Twitch:</p>
<p><a href="https://www.twitch.tv/damillora">Damillora</a></p>
</li>
<li>
<p>SoundCloud:</p>
<p><a href="https://soundcloud.com/damillora">damillora</a></p>
</li>
<li>
<p>GitHub:</p>
<p><a href="https://github.com/Damillora">Damillora</a></p>
</li>
</ul>
<h2>Alternative technologies</h2>
<h2>Twitter: <a href="https://twitter.com/Damillora">Damillora</a></h2>
<p>
Mainstream platforms control what you can post, and you can lose
access to data rightfully yours.
<br />
I maintain presence in several altenative platforms and technologies
to ensure I have control of data I post, to contribute to a possible
future, and as a backup when mainstream platforms go down.
<br />
If you have a presence in those platforms, I encourage you to use these
instead, you will help the adoption of those technologies!
If you're a VTuber and want to collaborate, please send me a Direct Message my way via
Twitter! I will gladly help set up the things needed.
</p>
<ul>
<li>
<p>Fediverse:</p>
<p><a href="https://fed.nanao.moe/@Damillora">Damillora@fed.nanao.moe</a></p>
</li>
<li>
<p>PeerTube:</p>
<p><a href="/fedichan">damillora@live.nanao.moe</a></p>
</li>
<li>
<p>Funkwhale:</p>
<p><a href="https://sounds.nanao.moe/@Damillora">damillora@live.nanao.moe</a></p>
</li>
<li>
<p>Matrix</p>
<p>@damillora:matrix.nanao.moe</p>
</li>
<li>
<p>Gemini</p>
<p><a href="gemini://gemini.nanao.moe">gemini.nanao.moe</a></p>
</li>
</ul>
</main>
</div>

View File

@ -13,8 +13,7 @@
</PageHeader>
<main class="container mx-auto main">
<p class="page-header__text">
I play arcade and mobile games mostly, not all are recorded /
streamed.
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

View File

@ -1,5 +1,5 @@
<script>
import PageHeader from "$lib/components/PageHeader.svelte";
import PageHeader from '$lib/components/PageHeader.svelte';
</script>
<svelte:head>
@ -9,8 +9,25 @@
<div class="page">
<PageHeader>
<h1 class="page-header__heading">Damillora</h1>
<p class="page-header__text">A curious technologist, a web programmer, and a future EN Vtuber</p>
<p class="page-header__text">EN/ID OK, JP read only</p>
<p class="page-header__text">Technology enthusiast VTuber!</p>
</PageHeader>
<main class="container main" />
<main class="container main">
<p>
Welcome to the official website of indie Virtual YouTuber and technology enthusiast Damillora!
</p>
<h2>Catch my debut!</h2>
<p>My debut date is currently set to <strong>July 17th, 2020</strong>.</p>
<h2>Channel trailer</h2>
<p>Coming soon...</p>
<h2>Join the Network</h2>
<p><strong>Under Construction</strong></p>
<p>
The Damillora Network will be simultaneously the official place for my fans to interact, and a
place for enthusiast to gather and discuss about various topics!
</p>
<p>
The Network will be reachable via Discord and Matrix. It will be open when I debuted as a
Virtual YouTuber.
</p>
</main>
</div>

View File

@ -15,6 +15,7 @@
<p>
Here, I post links that is of my interest, and might be for you too!
</p>
<h2>Personal Links</h2>
<div class="card-list">
<MediaItem
title="Damillora's Favorite Music Playlist"
@ -24,13 +25,5 @@
frequently.
</MediaItem>
</div>
<div class="card-list">
<MediaItem
title="Damillora's Carrd"
link="https://damillora.carrd.co"
>
Information that I think people expect out of a Carrd web page.
</MediaItem>
</div>
</main>
</div>

@ -1 +1 @@
Subproject commit 223afc8db3c97ff6eef89bf7286636e51560c638
Subproject commit 15a50c78146ecc715a344e46eee83f7f151c825b