mirror of https://github.com/Damillora/Rinze.git
feat: initial vtuber page
This commit is contained in:
parent
0ab681e8e3
commit
e1238b8206
|
|
@ -1,5 +1,6 @@
|
|||
.DS_Store
|
||||
node_modules
|
||||
/.svelte
|
||||
/.svelte-kit
|
||||
/build
|
||||
/functions
|
||||
|
|
|
|||
|
|
@ -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,17 +12,92 @@
|
|||
<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>
|
||||
•
|
||||
<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>
|
||||
<div class="gallery">
|
||||
<GalleryImage src="/images/meishi/front-shianv2.png" alt="Meishi front"/>
|
||||
<GalleryImage src="/images/meishi/back-shianv2.png" alt="Meishi back"/>
|
||||
<GalleryImage src="/images/meishi/front-shianv2.png" alt="Meishi front" />
|
||||
<GalleryImage src="/images/meishi/back-shianv2.png" alt="Meishi back" />
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,84 +1,26 @@
|
|||
<script>
|
||||
import PageHeader from "$lib/components/PageHeader.svelte";
|
||||
import PageHeader from '$lib/components/PageHeader.svelte';
|
||||
</script>
|
||||
|
||||
<svelte:head>
|
||||
<title>Damillora: Contact</title>
|
||||
<title>Damillora: Contact</title>
|
||||
</svelte:head>
|
||||
|
||||
<div class="page">
|
||||
<PageHeader>
|
||||
<h1 class="page-header__heading">Contact</h1>
|
||||
</PageHeader>
|
||||
<main class="container mx-auto main">
|
||||
<p>You can contact me via various channels.</p>
|
||||
<h2>Common channels</h2>
|
||||
<p>
|
||||
Those are the ones I use for interacting with the wider community!
|
||||
</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>
|
||||
<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>
|
||||
</main>
|
||||
<PageHeader>
|
||||
<h1 class="page-header__heading">Contact</h1>
|
||||
</PageHeader>
|
||||
<main class="container mx-auto main">
|
||||
<p>You can contact me via various channels.</p>
|
||||
<h2>Email: damillora(at)damillora.com</h2>
|
||||
<p>
|
||||
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>
|
||||
<h2>Twitter: <a href="https://twitter.com/Damillora">Damillora</a></h2>
|
||||
<p>
|
||||
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>
|
||||
</main>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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
|
||||
Loading…
Reference in New Issue