mirror of
https://github.com/t404owo/t404null.git
synced 2025-12-12 18:08:47 +00:00
New UI?
This commit is contained in:
Glitch (t404null-unstable)
229
about_me/index.html
Normal file
229
about_me/index.html
Normal file
@@ -0,0 +1,229 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<title>t404:null | Home</title>
|
||||||
|
<meta
|
||||||
|
name="description"
|
||||||
|
content="Hello there! I'm t404:null (a.k.a t404owo).
|
||||||
|
I write/make/produce EDM music(DTM), and for every releases I'll post my music on this website. If you have any requests or questions, feel free contact me."
|
||||||
|
/>
|
||||||
|
<link
|
||||||
|
rel="icon"
|
||||||
|
type="image/x-icon"
|
||||||
|
href="https://cdn.glitch.global/2d9e31c1-a947-46cd-9fd2-8c92be70abe2/t404_null%20Icon.png"
|
||||||
|
/>
|
||||||
|
<meta charset="UTF-8" />
|
||||||
|
<link rel="stylesheet" type="text/css" href="/assets/css/main.css" />
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<nav>
|
||||||
|
<ul class="menu">
|
||||||
|
<li>
|
||||||
|
<a href="/">
|
||||||
|
<img
|
||||||
|
src="https://cdn.glitch.global/f594d6b7-e72e-477c-b5cb-d71abbd39f44/logo.png?v=1716494259675"
|
||||||
|
alt="t404:null"
|
||||||
|
/>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<div class="vertical-line"></div>
|
||||||
|
</li>
|
||||||
|
<li class="menu-item">
|
||||||
|
<a href="/">
|
||||||
|
<p>
|
||||||
|
<strong>Home</strong>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="menu-item">
|
||||||
|
<a href="/release">
|
||||||
|
<p>
|
||||||
|
<strong>Releases</strong>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="menu-item">
|
||||||
|
<a href="/activity">
|
||||||
|
<p>
|
||||||
|
<strong>Activities</strong>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="menu-item">
|
||||||
|
<a href="/song_usage_terms">
|
||||||
|
<p>
|
||||||
|
<strong>Terms of Use</strong>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="menu-item">
|
||||||
|
<a href="/about_me">
|
||||||
|
<p>
|
||||||
|
<strong>About Me</strong>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="menu-item">
|
||||||
|
<a href="/contacts">
|
||||||
|
<p>
|
||||||
|
<strong>My Contacts</strong>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<div></div>
|
||||||
|
<ul id="social">
|
||||||
|
<li class="social">
|
||||||
|
<a href="https://youtube.com/@t404_null">
|
||||||
|
<p class="nf-icons"></p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="social">
|
||||||
|
<a href="https://x.com/t404_null">
|
||||||
|
<p>𝕏</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="social">
|
||||||
|
<a href="https://t404null.bandcamp.com/">
|
||||||
|
<p class="nf-icons"></p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="social">
|
||||||
|
<a href="https://open.spotify.com/artist/7jNOPuWk28EUX69mrp4ITL/">
|
||||||
|
<p class="nf-icons">󰓇</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="social">
|
||||||
|
<a href="https://music.apple.com/artist/t404-null/1583561849">
|
||||||
|
<p class="nf-icons"></p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="social">
|
||||||
|
<a href="https://soundcloud.com/t404null">
|
||||||
|
<p class="nf-icons"></p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="social">
|
||||||
|
<a href="https://discord.gg/YJmkAFbKFX">
|
||||||
|
<p class="nf-icons"></p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<button
|
||||||
|
class="burger"
|
||||||
|
onclick="this.classList.toggle('open');
|
||||||
|
document.querySelector('.dropdown').classList.toggle('dropdown-open');"
|
||||||
|
>
|
||||||
|
<div id="hamburger">
|
||||||
|
<span></span>
|
||||||
|
<span></span>
|
||||||
|
<span></span>
|
||||||
|
</div>
|
||||||
|
<div id="cross">
|
||||||
|
<span></span>
|
||||||
|
<span></span>
|
||||||
|
</div>
|
||||||
|
</button>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<div class="dropdown">
|
||||||
|
<div class="dropdown-menu">
|
||||||
|
<a href="/">
|
||||||
|
<p>
|
||||||
|
<strong>Home</strong>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<a href="/release">
|
||||||
|
<p>
|
||||||
|
<strong>Releases</strong>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<a href="/activity">
|
||||||
|
<p>
|
||||||
|
<strong>Activities</strong>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<a href="/song_usage_terms">
|
||||||
|
<p>
|
||||||
|
<strong>Terms of Use</strong>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<a href="/about_me">
|
||||||
|
<p>
|
||||||
|
<strong>About Me</strong>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<a href="/contacts">
|
||||||
|
<p>
|
||||||
|
<strong>My Contacts</strong>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<hr class="dropdown-menu" />
|
||||||
|
<div class="dropdown-social">
|
||||||
|
<p>
|
||||||
|
<a href="https://youtube.com/@t404_null">
|
||||||
|
<span class="icons nf-icons"></span>
|
||||||
|
<strong class="social-name">Youtube</strong>
|
||||||
|
</a>
|
||||||
|
<a href="https://x.com/t404_null">
|
||||||
|
<span class="icons"> 𝕏 </span>
|
||||||
|
<strong class="social-name">X/Twitter</strong>
|
||||||
|
</a>
|
||||||
|
<a href="https://t404null.bandcamp.com/">
|
||||||
|
<span class="icons nf-icons"></span>
|
||||||
|
<strong class="social-name">Bandcamp</strong>
|
||||||
|
</a>
|
||||||
|
<a href="https://open.spotify.com/artist/7jNOPuWk28EUX69mrp4ITL/">
|
||||||
|
<span class="icons nf-icons">󰓇</span>
|
||||||
|
<strong class="social-name">Spotify</strong>
|
||||||
|
</a>
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<a href="https://music.apple.com/artist/t404-null/1583561849">
|
||||||
|
<span class="icons nf-icons"></span>
|
||||||
|
<strong class="social-name">Apple Music</strong>
|
||||||
|
</a>
|
||||||
|
<a href="https://soundcloud.com/t404null">
|
||||||
|
<span class="icons nf-icons"></span>
|
||||||
|
<strong class="social-name">SoundCloud</strong>
|
||||||
|
</a>
|
||||||
|
<a href="https://discord.gg/YJmkAFbKFX">
|
||||||
|
<span class="icons nf-icons"></span>
|
||||||
|
<strong class="social-name">Discord</strong>
|
||||||
|
</a>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
<main>
|
||||||
|
<div style="justify-content: center; padding: 10%">
|
||||||
|
<p style="font-size: 2.5rem">Hi there!</p>
|
||||||
|
<div style="font-size: 1.5rem">
|
||||||
|
<p>I'm t404:null (a.k.a t404owo).</p>
|
||||||
|
<p>
|
||||||
|
I write/make music (DTM), and I'll post every releases and events on
|
||||||
|
this website. I also do program and develope stuffs (as t404owo).
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
To be honest, I currently am a highschool student and producing
|
||||||
|
songs is still a part-time thing for me. And since I'm not too
|
||||||
|
experienced at making songs. I hope you can help and support me for
|
||||||
|
reaching my 1st goal being an artist/producer like Camellia,
|
||||||
|
Au5/Blacklolita or BlackY. :D
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
About my songs / soundtracks:
|
||||||
|
<br>The music genre I enjoy to make is hard-EDM (includes Hardcore, Dubstep and more...) or melodic/orchestric, I might make music with styles those seem simillar to Camellia's, Blacklolita's or any artist's musics.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
If you have any requests or questions, feel free to <a href="/contacts">contact me.</a>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
<div class="footer">© t404:null 2021-2024 - All Rights Reserved</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
259
activity/index.html
Normal file
259
activity/index.html
Normal file
@@ -0,0 +1,259 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<title>t404:null | Home</title>
|
||||||
|
<meta
|
||||||
|
name="description"
|
||||||
|
content="Hello there! I'm t404:null (a.k.a t404owo).
|
||||||
|
I write/make/produce EDM music(DTM), and for every releases I'll post my music on this website. If you have any requests or questions, feel free contact me."
|
||||||
|
/>
|
||||||
|
<link
|
||||||
|
rel="icon"
|
||||||
|
type="image/x-icon"
|
||||||
|
href="https://cdn.glitch.global/2d9e31c1-a947-46cd-9fd2-8c92be70abe2/t404_null%20Icon.png"
|
||||||
|
/>
|
||||||
|
<meta charset="UTF-8" />
|
||||||
|
<link rel="stylesheet" type="text/css" href="/assets/css/main.css" />
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<nav>
|
||||||
|
<ul class="menu">
|
||||||
|
<li>
|
||||||
|
<a href="/">
|
||||||
|
<img
|
||||||
|
src="https://cdn.glitch.global/f594d6b7-e72e-477c-b5cb-d71abbd39f44/logo.png?v=1716494259675"
|
||||||
|
alt="t404:null"
|
||||||
|
/>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<div class="vertical-line"></div>
|
||||||
|
</li>
|
||||||
|
<li class="menu-item">
|
||||||
|
<a href="/">
|
||||||
|
<p><strong>Home</strong></p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="menu-item">
|
||||||
|
<a href="/release">
|
||||||
|
<p><strong>Releases</strong></p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="menu-item">
|
||||||
|
<a href="/activity">
|
||||||
|
<p><strong>Activities</strong></p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="menu-item">
|
||||||
|
<a href="/song_usage_terms">
|
||||||
|
<p><strong>Terms of Use</strong></p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="menu-item">
|
||||||
|
<a href="/about_me">
|
||||||
|
<p><strong>About Me</strong></p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="menu-item">
|
||||||
|
<a href="/contacts">
|
||||||
|
<p><strong>My Contacts</strong></p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<div></div>
|
||||||
|
<ul id="social">
|
||||||
|
<li class="social">
|
||||||
|
<a href="https://youtube.com/@t404_null">
|
||||||
|
<p class="nf-icons"></p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="social">
|
||||||
|
<a href="https://x.com/t404_null">
|
||||||
|
<p>𝕏</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="social">
|
||||||
|
<a href="https://t404null.bandcamp.com/">
|
||||||
|
<p class="nf-icons"></p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="social">
|
||||||
|
<a href="https://open.spotify.com/artist/7jNOPuWk28EUX69mrp4ITL/">
|
||||||
|
<p class="nf-icons">󰓇</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="social">
|
||||||
|
<a href="https://music.apple.com/artist/t404-null/1583561849">
|
||||||
|
<p class="nf-icons"></p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="social">
|
||||||
|
<a href="https://soundcloud.com/t404null">
|
||||||
|
<p class="nf-icons"></p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="social">
|
||||||
|
<a href="https://discord.gg/YJmkAFbKFX">
|
||||||
|
<p class="nf-icons"></p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<button
|
||||||
|
class="burger"
|
||||||
|
onclick="this.classList.toggle('open');
|
||||||
|
document.querySelector('.dropdown').classList.toggle('dropdown-open');"
|
||||||
|
>
|
||||||
|
<div id="hamburger">
|
||||||
|
<span></span>
|
||||||
|
<span></span>
|
||||||
|
<span></span>
|
||||||
|
</div>
|
||||||
|
<div id="cross">
|
||||||
|
<span></span>
|
||||||
|
<span></span>
|
||||||
|
</div>
|
||||||
|
</button>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<div class="dropdown">
|
||||||
|
<div class="dropdown-menu">
|
||||||
|
<a href="/">
|
||||||
|
<p><strong>Home</strong></p>
|
||||||
|
</a>
|
||||||
|
<a href="/release">
|
||||||
|
<p><strong>Releases</strong></p>
|
||||||
|
</a>
|
||||||
|
<a href="/activity">
|
||||||
|
<p><strong>Activities</strong></p>
|
||||||
|
</a>
|
||||||
|
<a href="/song_usage_terms">
|
||||||
|
<p><strong>Terms of Use</strong></p>
|
||||||
|
</a>
|
||||||
|
<a href="/about_me">
|
||||||
|
<p><strong>About Me</strong></p>
|
||||||
|
</a>
|
||||||
|
<a href="/contacts">
|
||||||
|
<p><strong>My Contacts</strong></p>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<hr class="dropdown-menu" />
|
||||||
|
<div class="dropdown-social">
|
||||||
|
<p>
|
||||||
|
<a href="https://youtube.com/@t404_null">
|
||||||
|
<span class="icons nf-icons"></span
|
||||||
|
><strong class="social-name">Youtube</strong>
|
||||||
|
</a>
|
||||||
|
<a href="https://x.com/t404_null">
|
||||||
|
<span class="icons"> 𝕏 </span
|
||||||
|
><strong class="social-name">X/Twitter</strong>
|
||||||
|
</a>
|
||||||
|
<a href="https://t404null.bandcamp.com/">
|
||||||
|
<span class="icons nf-icons"></span
|
||||||
|
><strong class="social-name">Bandcamp</strong>
|
||||||
|
</a>
|
||||||
|
<a href="https://open.spotify.com/artist/7jNOPuWk28EUX69mrp4ITL/">
|
||||||
|
<span class="icons nf-icons">󰓇</span
|
||||||
|
><strong class="social-name">Spotify</strong>
|
||||||
|
</a>
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<a href="https://music.apple.com/artist/t404-null/1583561849">
|
||||||
|
<span class="icons nf-icons"></span
|
||||||
|
><strong class="social-name">Apple Music</strong>
|
||||||
|
</a>
|
||||||
|
<a href="https://soundcloud.com/t404null">
|
||||||
|
<span class="icons nf-icons"></span
|
||||||
|
><strong class="social-name">SoundCloud</strong>
|
||||||
|
</a>
|
||||||
|
<a href="https://discord.gg/YJmkAFbKFX">
|
||||||
|
<span class="icons nf-icons"></span
|
||||||
|
><strong class="social-name">Discord</strong>
|
||||||
|
</a>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
<main>
|
||||||
|
<h1 class="topic">Activities</h1>
|
||||||
|
<div class="half-image-cards">
|
||||||
|
<a class="card" href="/activity">
|
||||||
|
<div
|
||||||
|
class="bg-img"
|
||||||
|
style="
|
||||||
|
background-image: url(https://cdn.glitch.global/f594d6b7-e72e-477c-b5cb-d71abbd39f44/fof-genesis.png);
|
||||||
|
"
|
||||||
|
></div>
|
||||||
|
<h2>Fanmade of Fighters I: Genesis</h2>
|
||||||
|
<p>BOF-like Contest Releases.</p>
|
||||||
|
<p>
|
||||||
|
Our team (Sine Fine Stellae) Achieved #2 :D<br /><br /><strong
|
||||||
|
>A Lake With Endless Stars</strong
|
||||||
|
>
|
||||||
|
is one of the soundtracks from Sine Fine Stellae produced by me,
|
||||||
|
thanks to the help of Riprider500 and more people :D
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<a class="card" href="/activity">
|
||||||
|
<div
|
||||||
|
class="bg-img"
|
||||||
|
style="
|
||||||
|
background-image: url(https://cdn.glitch.global/f594d6b7-e72e-477c-b5cb-d71abbd39f44/vnmc2023.png?v=1717348650235);
|
||||||
|
"
|
||||||
|
></div>
|
||||||
|
<h2>VNMC 2023</h2>
|
||||||
|
<p>
|
||||||
|
(Vietnamese National Mania Championship 2023) Grand Finals
|
||||||
|
Tiebreaker by me (t404:null)
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<strong
|
||||||
|
>Oblitus Requiem \\Against the Forsaken Legacy//</strong
|
||||||
|
><br /><br />
|
||||||
|
"Even if you don't remember me now, I will bring the you I once knew
|
||||||
|
back from them."
|
||||||
|
<br /><br />Sivelia (the host of VNMC) has asked me making a custom
|
||||||
|
soundtrack round for the tourney. The soundtrack get much likes and
|
||||||
|
subscribers on Youtube within 2 weeks as the tournament got a big
|
||||||
|
impact gained. Big thank you to all VNMC staffs for that!
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<a class="card" href="/activity">
|
||||||
|
<div
|
||||||
|
class="bg-img"
|
||||||
|
style="
|
||||||
|
background-image: url(https://cdn.glitch.global/f594d6b7-e72e-477c-b5cb-d71abbd39f44/glitch1.jpg);
|
||||||
|
"
|
||||||
|
></div>
|
||||||
|
<h2>VNMC 2024 (???)</h2>
|
||||||
|
<p>???</p>
|
||||||
|
<p>
|
||||||
|
Li4tLiAuLS0gLS4uIC0tLi4u<br />\-...-4buoe2v1qZuiULSrOPuzXZBn<br />YZt0ULSr9PuzvfuiaZwo5ZBseZB39<br />fuzpLxn9PurYZtz4PtzpVSlC3u3UrviaZO
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<a class="card" href="/project">
|
||||||
|
<div
|
||||||
|
class="bg-img"
|
||||||
|
style="
|
||||||
|
background-image: url(https://cdn.glitch.global/f594d6b7-e72e-477c-b5cb-d71abbd39f44/glitch2.jpg);
|
||||||
|
"
|
||||||
|
></div>
|
||||||
|
<h2>VNMC 2024 (???) (w/ ??? as ???)</h2>
|
||||||
|
<p>???</p>
|
||||||
|
</a>
|
||||||
|
<a class="card" href="/activity">
|
||||||
|
<div
|
||||||
|
class="bg-img"
|
||||||
|
style="
|
||||||
|
background-image: url(https://cdn.glitch.global/f594d6b7-e72e-477c-b5cb-d71abbd39f44/glich3.jpg);
|
||||||
|
"
|
||||||
|
></div>
|
||||||
|
<h2>???? 5 (????2024) (w/ ??? as ???)</h2>
|
||||||
|
<p>???</p>
|
||||||
|
<p>???</p>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
<div class="footer">© t404:null 2021-2024 - All Rights Reserved</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
48
assets/css/fonts/jost.css
Normal file
48
assets/css/fonts/jost.css
Normal file
@@ -0,0 +1,48 @@
|
|||||||
|
/* cyrillic */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Jost';
|
||||||
|
font-style: italic;
|
||||||
|
font-weight: 100 900;
|
||||||
|
src: url(https://fonts.gstatic.com/s/jost/v15/92zUtBhPNqw73oHt5D4hTxM.woff2) format('woff2');
|
||||||
|
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
|
||||||
|
}
|
||||||
|
/* latin-ext */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Jost';
|
||||||
|
font-style: italic;
|
||||||
|
font-weight: 100 900;
|
||||||
|
src: url(https://fonts.gstatic.com/s/jost/v15/92zUtBhPNqw73oHt7j4hTxM.woff2) format('woff2');
|
||||||
|
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
||||||
|
}
|
||||||
|
/* latin */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Jost';
|
||||||
|
font-style: italic;
|
||||||
|
font-weight: 100 900;
|
||||||
|
src: url(https://fonts.gstatic.com/s/jost/v15/92zUtBhPNqw73oHt4D4h.woff2) format('woff2');
|
||||||
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||||
|
}
|
||||||
|
/* cyrillic */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Jost';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 100 900;
|
||||||
|
src: url(https://fonts.gstatic.com/s/jost/v15/92zatBhPNqw73oDd4iYl.woff2) format('woff2');
|
||||||
|
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
|
||||||
|
}
|
||||||
|
/* latin-ext */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Jost';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 100 900;
|
||||||
|
src: url(https://fonts.gstatic.com/s/jost/v15/92zatBhPNqw73ord4iYl.woff2) format('woff2');
|
||||||
|
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
||||||
|
}
|
||||||
|
/* latin */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Jost';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 100 900;
|
||||||
|
src: url(https://fonts.gstatic.com/s/jost/v15/92zatBhPNqw73oTd4g.woff2) format('woff2');
|
||||||
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||||
|
}
|
||||||
1116
assets/css/fonts/noto-sans-jp.css
Normal file
1116
assets/css/fonts/noto-sans-jp.css
Normal file
File diff suppressed because it is too large
Load Diff
72
assets/css/fonts/plus-jarkata-sans.css
Normal file
72
assets/css/fonts/plus-jarkata-sans.css
Normal file
@@ -0,0 +1,72 @@
|
|||||||
|
/* cyrillic-ext */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Plus Jakarta Sans';
|
||||||
|
font-style: italic;
|
||||||
|
font-weight: 200 800;
|
||||||
|
font-display: swap;
|
||||||
|
src: url(https://fonts.gstatic.com/s/plusjakartasans/v8/LDIuaomQNQcsA88c7O9yZ4KMCoOg4Koz4yOqhMva.woff2) format('woff2');
|
||||||
|
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
|
||||||
|
}
|
||||||
|
/* vietnamese */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Plus Jakarta Sans';
|
||||||
|
font-style: italic;
|
||||||
|
font-weight: 200 800;
|
||||||
|
font-display: swap;
|
||||||
|
src: url(https://fonts.gstatic.com/s/plusjakartasans/v8/LDIuaomQNQcsA88c7O9yZ4KMCoOg4Koz4yGqhMva.woff2) format('woff2');
|
||||||
|
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
|
||||||
|
}
|
||||||
|
/* latin-ext */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Plus Jakarta Sans';
|
||||||
|
font-style: italic;
|
||||||
|
font-weight: 200 800;
|
||||||
|
font-display: swap;
|
||||||
|
src: url(https://fonts.gstatic.com/s/plusjakartasans/v8/LDIuaomQNQcsA88c7O9yZ4KMCoOg4Koz4yCqhMva.woff2) format('woff2');
|
||||||
|
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
||||||
|
}
|
||||||
|
/* latin */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Plus Jakarta Sans';
|
||||||
|
font-style: italic;
|
||||||
|
font-weight: 200 800;
|
||||||
|
font-display: swap;
|
||||||
|
src: url(https://fonts.gstatic.com/s/plusjakartasans/v8/LDIuaomQNQcsA88c7O9yZ4KMCoOg4Koz4y6qhA.woff2) format('woff2');
|
||||||
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||||
|
}
|
||||||
|
/* cyrillic-ext */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Plus Jakarta Sans';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 200 800;
|
||||||
|
font-display: swap;
|
||||||
|
src: url(https://fonts.gstatic.com/s/plusjakartasans/v8/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko70yyygA.woff2) format('woff2');
|
||||||
|
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
|
||||||
|
}
|
||||||
|
/* vietnamese */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Plus Jakarta Sans';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 200 800;
|
||||||
|
font-display: swap;
|
||||||
|
src: url(https://fonts.gstatic.com/s/plusjakartasans/v8/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko50yyygA.woff2) format('woff2');
|
||||||
|
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
|
||||||
|
}
|
||||||
|
/* latin-ext */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Plus Jakarta Sans';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 200 800;
|
||||||
|
font-display: swap;
|
||||||
|
src: url(https://fonts.gstatic.com/s/plusjakartasans/v8/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko40yyygA.woff2) format('woff2');
|
||||||
|
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
||||||
|
}
|
||||||
|
/* latin */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Plus Jakarta Sans';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 200 800;
|
||||||
|
font-display: swap;
|
||||||
|
src: url(https://fonts.gstatic.com/s/plusjakartasans/v8/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko20yw.woff2) format('woff2');
|
||||||
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||||
|
}
|
||||||
@@ -1,9 +1,18 @@
|
|||||||
|
@import url("/assets/css/fonts/jost.css");
|
||||||
|
@import url('/assets/css/fonts/noto-sans-jp.css');
|
||||||
|
@import url('/assets/css/fonts/plus-jarkata-sans.css');
|
||||||
|
|
||||||
body {
|
body {
|
||||||
margin: 0px;
|
margin: 0px;
|
||||||
|
height: 100%;
|
||||||
}
|
}
|
||||||
main {
|
main {
|
||||||
font-family: Jost, "Noto Sans Japanese", sans-serif, --apple-system;
|
font-family: Jost, "Noto Sans Japanese", sans-serif, --apple-system;
|
||||||
margin: 0.75rem;
|
margin: 0.75rem;
|
||||||
|
height: 100%;
|
||||||
|
margin-bottom: 0;
|
||||||
|
margin-top: 0;
|
||||||
|
min-height: calc(100vh - 10rem);
|
||||||
}
|
}
|
||||||
hr {
|
hr {
|
||||||
margin: 2rem 0px;
|
margin: 2rem 0px;
|
||||||
@@ -12,9 +21,10 @@ nav {
|
|||||||
z-index: 4;
|
z-index: 4;
|
||||||
position: -webkit-sticky;
|
position: -webkit-sticky;
|
||||||
position: sticky;
|
position: sticky;
|
||||||
|
/* width:100%; */
|
||||||
top: 10px;
|
top: 10px;
|
||||||
background-color: #f5f5f5;
|
background-color: #f5f5f5;
|
||||||
font-family: Jost, "Noto Sans Japanese", sans-serif, --apple-system;
|
font-family: "Plus Jakarta Sans", "Noto Sans Japanese", sans-serif, --apple-system;
|
||||||
font-size: 1.25rem;
|
font-size: 1.25rem;
|
||||||
padding: 4px;
|
padding: 4px;
|
||||||
margin: 10px;
|
margin: 10px;
|
||||||
@@ -84,17 +94,18 @@ nav {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
footer {
|
.footer {
|
||||||
font-family: Jost, "Noto Sans Japanese", sans-serif;
|
font-family: Jost, "Plus Jakarta Sans", "Noto Sans Japanese", sans-serif;
|
||||||
position: relative;
|
height: 1rem;
|
||||||
width: 100%;
|
position: sticky;
|
||||||
|
/* width: 100%; */
|
||||||
background-color: white;
|
background-color: white;
|
||||||
bottom: 0px;
|
/* bottom: 0; */
|
||||||
|
/* left:0; */
|
||||||
z-index: 3;
|
z-index: 3;
|
||||||
padding: 1rem;
|
padding: 1rem;
|
||||||
background-color: #ddd;
|
background-color: #ddd;
|
||||||
margin: 0px;
|
margin: 0px;
|
||||||
margin-top: 1rem;
|
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -129,9 +140,9 @@ footer {
|
|||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
background-color: #f5f5f5;
|
background-color: #f5f5f5;
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
transition: 0.25s ease-in-out;
|
transition: 0.2s ease-in-out;
|
||||||
span {
|
span {
|
||||||
transition: 0.25s ease-in-out;
|
transition: 0.2s ease-in-out;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
display: block;
|
display: block;
|
||||||
background-color: #000;
|
background-color: #000;
|
||||||
@@ -152,13 +163,13 @@ footer {
|
|||||||
margin: 12% 0;
|
margin: 12% 0;
|
||||||
}
|
}
|
||||||
span:nth-child(1) {
|
span:nth-child(1) {
|
||||||
transition-delay: 0.3s;
|
transition-delay: 0.2s;
|
||||||
}
|
}
|
||||||
span:nth-child(2) {
|
span:nth-child(2) {
|
||||||
transition-delay: 0.4s;
|
transition-delay: 0.3s;
|
||||||
}
|
}
|
||||||
span:nth-child(3) {
|
span:nth-child(3) {
|
||||||
transition-delay: 0.5s;
|
transition-delay: 0.4s;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
#cross {
|
#cross {
|
||||||
@@ -273,7 +284,7 @@ footer {
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
border-radius: 0.5rem;
|
border-radius: 0.5rem;
|
||||||
font-family: Jost, "Noto Sans Japanese", sans-serif, --apple-system;
|
font-family: "Plus Jakarta Sans", "Noto Sans Japanese", sans-serif, --apple-system;
|
||||||
div {
|
div {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
position: relative;
|
position: relative;
|
||||||
@@ -334,6 +345,7 @@ footer {
|
|||||||
left: 1rem;
|
left: 1rem;
|
||||||
}
|
}
|
||||||
.pgctrl {
|
.pgctrl {
|
||||||
|
font-family: sans-serif, --apple-system;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
bottom: 0.5rem;
|
bottom: 0.5rem;
|
||||||
@@ -367,6 +379,7 @@ footer {
|
|||||||
|
|
||||||
.album-cards {
|
.album-cards {
|
||||||
margin: auto;
|
margin: auto;
|
||||||
|
margin-bottom: 2.5rem;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-rows: repeat(auto-fill, 23rem);
|
grid-template-rows: repeat(auto-fill, 23rem);
|
||||||
@@ -426,16 +439,17 @@ footer {
|
|||||||
|
|
||||||
.half-image-cards {
|
.half-image-cards {
|
||||||
margin: auto;
|
margin: auto;
|
||||||
|
margin-bottom: 2.5rem;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-rows: repeat(auto-fill, 23rem);
|
grid-template-rows: repeat(auto-fill, 30rem);
|
||||||
grid-template-columns: repeat(auto-fill, minmax(23rem, 60rem));
|
grid-template-columns: repeat(auto-fill, minmax(23rem, 60rem));
|
||||||
grid-gap: 1rem;
|
grid-gap: 1rem;
|
||||||
.card {
|
.card {
|
||||||
transition: 0.75s;
|
transition: 0.75s;
|
||||||
color: black;
|
color: black;
|
||||||
background-color: #ddd;
|
background-color: #ddd;
|
||||||
height: 23rem;
|
height: 30rem;
|
||||||
border-radius: 7px;
|
border-radius: 7px;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
div {
|
div {
|
||||||
@@ -467,7 +481,7 @@ footer {
|
|||||||
background-size: cover;
|
background-size: cover;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
background-position: center left;
|
background-position: center left;
|
||||||
height: 23rem;
|
height: 30rem;
|
||||||
width: 30rem;
|
width: 30rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -487,6 +501,18 @@ footer {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.contact-cards {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(auto-fill, 23rem);
|
||||||
|
grid-gap: 1rem;
|
||||||
|
justify-content: center;
|
||||||
|
padding: 0;
|
||||||
|
li {
|
||||||
|
border-radius: 7px;
|
||||||
|
background-color: #ddd;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.topic {
|
.topic {
|
||||||
padding: 1rem;
|
padding: 1rem;
|
||||||
font-size: 3rem;
|
font-size: 3rem;
|
||||||
@@ -525,12 +551,18 @@ footer {
|
|||||||
.release-track {
|
.release-track {
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
background-position: center;
|
background-position: center;
|
||||||
padding: 5% 20%;
|
height: 100%;
|
||||||
|
min-height: calc(100vh - 25rem);
|
||||||
|
padding: 5vw 5vw;
|
||||||
|
border-radius: 10px;
|
||||||
|
border: 1px solid #ddd;
|
||||||
strong {
|
strong {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
.text-box {
|
.text-box {
|
||||||
|
margin: 25% 0;
|
||||||
background-color: rgba(0, 0, 0, 75%);
|
background-color: rgba(0, 0, 0, 75%);
|
||||||
|
height: 100%;
|
||||||
color: #ddd;
|
color: #ddd;
|
||||||
padding: 2rem;
|
padding: 2rem;
|
||||||
border-radius: 7px;
|
border-radius: 7px;
|
||||||
@@ -551,6 +583,40 @@ footer {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* info */
|
||||||
|
.info {
|
||||||
|
text-decoration: none;
|
||||||
|
list-style-type: none;
|
||||||
|
font-size: 1.4rem;
|
||||||
|
li {
|
||||||
|
padding: 1rem;
|
||||||
|
}
|
||||||
|
a {
|
||||||
|
text-decoration: none;
|
||||||
|
color: #46f;
|
||||||
|
background-size: 0% 0.2em;
|
||||||
|
background-image: linear-gradient(#46f, #46f);
|
||||||
|
background-position-y: 104%;
|
||||||
|
background-position-x: 0%;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
transition: 0.3s ease-in-out;
|
||||||
|
}
|
||||||
|
a:hover {
|
||||||
|
opacity: 70%;
|
||||||
|
background-size: 100% 0.2em;
|
||||||
|
}
|
||||||
|
.title {
|
||||||
|
font-size: 1.6rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.subdiv {
|
||||||
|
padding: 1rem;
|
||||||
|
}
|
||||||
|
.long-br {
|
||||||
|
display: block;
|
||||||
|
height: 2rem;
|
||||||
|
}
|
||||||
@media screen and (min-width: 1125px) and (max-width: 1620px) {
|
@media screen and (min-width: 1125px) and (max-width: 1620px) {
|
||||||
/*if(width<1700px&&width>=1335px)*/
|
/*if(width<1700px&&width>=1335px)*/
|
||||||
|
|
||||||
|
|||||||
220
contacts/index.html
Normal file
220
contacts/index.html
Normal file
@@ -0,0 +1,220 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<title>t404:null | Home</title>
|
||||||
|
<meta name="description" content="Hello there! I'm t404:null (a.k.a t404owo).
|
||||||
|
I write/make/produce EDM music(DTM), and for every releases I'll post my music on this website. If you have any requests or questions, feel free contact me." />
|
||||||
|
<link rel="icon" type="image/x-icon" href="https://cdn.glitch.global/2d9e31c1-a947-46cd-9fd2-8c92be70abe2/t404_null%20Icon.png" />
|
||||||
|
<meta charset="UTF-8" />
|
||||||
|
<link rel="stylesheet" type="text/css" href="/assets/css/main.css" />
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<nav>
|
||||||
|
<ul class="menu">
|
||||||
|
<li>
|
||||||
|
<a href="/">
|
||||||
|
<img src="https://cdn.glitch.global/f594d6b7-e72e-477c-b5cb-d71abbd39f44/logo.png?v=1716494259675" alt="t404:null" />
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<div class="vertical-line"></div>
|
||||||
|
</li>
|
||||||
|
<li class="menu-item">
|
||||||
|
<a href="/">
|
||||||
|
<p>
|
||||||
|
<strong>Home</strong>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="menu-item">
|
||||||
|
<a href="/release">
|
||||||
|
<p>
|
||||||
|
<strong>Releases</strong>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="menu-item">
|
||||||
|
<a href="/activity">
|
||||||
|
<p>
|
||||||
|
<strong>Activities</strong>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="menu-item">
|
||||||
|
<a href="/song_usage_terms">
|
||||||
|
<p>
|
||||||
|
<strong>Terms of Use</strong>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="menu-item">
|
||||||
|
<a href="/about_me">
|
||||||
|
<p>
|
||||||
|
<strong>About Me</strong>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="menu-item">
|
||||||
|
<a href="/contacts">
|
||||||
|
<p>
|
||||||
|
<strong>My Contacts</strong>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<div></div>
|
||||||
|
<ul id="social">
|
||||||
|
<li class="social">
|
||||||
|
<a href="https://youtube.com/@t404_null">
|
||||||
|
<p class="nf-icons"></p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="social">
|
||||||
|
<a href="https://x.com/t404_null">
|
||||||
|
<p>𝕏</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="social">
|
||||||
|
<a href="https://t404null.bandcamp.com/">
|
||||||
|
<p class="nf-icons"></p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="social">
|
||||||
|
<a href="https://open.spotify.com/artist/7jNOPuWk28EUX69mrp4ITL/">
|
||||||
|
<p class="nf-icons">󰓇</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="social">
|
||||||
|
<a href="https://music.apple.com/artist/t404-null/1583561849">
|
||||||
|
<p class="nf-icons"></p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="social">
|
||||||
|
<a href="https://soundcloud.com/t404null">
|
||||||
|
<p class="nf-icons"></p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="social">
|
||||||
|
<a href="https://discord.gg/YJmkAFbKFX">
|
||||||
|
<p class="nf-icons"></p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<button class="burger" onclick="this.classList.toggle('open');
|
||||||
|
document.querySelector('.dropdown').classList.toggle('dropdown-open');">
|
||||||
|
<div id="hamburger">
|
||||||
|
<span></span>
|
||||||
|
<span></span>
|
||||||
|
<span></span>
|
||||||
|
</div>
|
||||||
|
<div id="cross">
|
||||||
|
<span></span>
|
||||||
|
<span></span>
|
||||||
|
</div>
|
||||||
|
</button>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<div class="dropdown">
|
||||||
|
<div class="dropdown-menu">
|
||||||
|
<a href="/">
|
||||||
|
<p>
|
||||||
|
<strong>Home</strong>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<a href="/release">
|
||||||
|
<p>
|
||||||
|
<strong>Releases</strong>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<a href="/activity">
|
||||||
|
<p>
|
||||||
|
<strong>Activities</strong>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<a href="/song_usage_terms">
|
||||||
|
<p>
|
||||||
|
<strong>Terms of Use</strong>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<a href="/about_me">
|
||||||
|
<p>
|
||||||
|
<strong>About Me</strong>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<a href="/contacts">
|
||||||
|
<p>
|
||||||
|
<strong>My Contacts</strong>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<hr class="dropdown-menu" />
|
||||||
|
<div class="dropdown-social">
|
||||||
|
<p>
|
||||||
|
<a href="https://youtube.com/@t404_null">
|
||||||
|
<span class="icons nf-icons"></span>
|
||||||
|
<strong class="social-name">Youtube</strong>
|
||||||
|
</a>
|
||||||
|
<a href="https://x.com/t404_null">
|
||||||
|
<span class="icons"> 𝕏 </span>
|
||||||
|
<strong class="social-name">X/Twitter</strong>
|
||||||
|
</a>
|
||||||
|
<a href="https://t404null.bandcamp.com/">
|
||||||
|
<span class="icons nf-icons"></span>
|
||||||
|
<strong class="social-name">Bandcamp</strong>
|
||||||
|
</a>
|
||||||
|
<a href="https://open.spotify.com/artist/7jNOPuWk28EUX69mrp4ITL/">
|
||||||
|
<span class="icons nf-icons">󰓇</span>
|
||||||
|
<strong class="social-name">Spotify</strong>
|
||||||
|
</a>
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<a href="https://music.apple.com/artist/t404-null/1583561849">
|
||||||
|
<span class="icons nf-icons"></span>
|
||||||
|
<strong class="social-name">Apple Music</strong>
|
||||||
|
</a>
|
||||||
|
<a href="https://soundcloud.com/t404null">
|
||||||
|
<span class="icons nf-icons"></span>
|
||||||
|
<strong class="social-name">SoundCloud</strong>
|
||||||
|
</a>
|
||||||
|
<a href="https://discord.gg/YJmkAFbKFX">
|
||||||
|
<span class="icons nf-icons"></span>
|
||||||
|
<strong class="social-name">Discord</strong>
|
||||||
|
</a>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
<main>
|
||||||
|
<h1 class="topic">Contacts</h1>
|
||||||
|
<ul class="info contact-cards">
|
||||||
|
<li>
|
||||||
|
<strong class="title" style="color:#5b6"><b class="nf-icons icons">󰍩</b> Phone (Messages Only)</strong>
|
||||||
|
<p class="desc">+49 (0) 15236754810</p>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<strong class="title" style="color:#555"><b class="nf-icons icons"></b> Email</strong>
|
||||||
|
<p class="desc">
|
||||||
|
<a href="mailto:t404.null@gmail.com" class="text-info">t404.null@gmail.com</a>
|
||||||
|
<br />
|
||||||
|
<a href="mailto:t404owo@gmail.com" class="text-info">t404owo@gmail.com</a>
|
||||||
|
<br />
|
||||||
|
<a href="mailto:tags4owo@gmail.com" class="text-info">tags4owo@gmail.com</a>
|
||||||
|
<br />
|
||||||
|
</p>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="https://discord.gg/YJmkAFbKFX" style="color:#5865F2; background:none;">
|
||||||
|
<strong class="title"><b class="nf-icons icons"></b> Discord</strong>
|
||||||
|
<p class="desc">https://discord.gg/YJmkAFbKFX</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li><a href="https://x.com/t404_null" style="color:black; background: none">
|
||||||
|
<strong class="title"><b class="icons">𝕏</b> X / Twitter</strong>
|
||||||
|
<p class="desc">@t404_null</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</main>
|
||||||
|
<div class="footer">© t404:null 2021-2024 - All Rights Reserved</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
247
index.html
247
index.html
@@ -2,29 +2,18 @@
|
|||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<title>t404:null | Home</title>
|
<title>t404:null | Home</title>
|
||||||
<meta
|
<meta name="description" content="Hello there! I'm t404:null (a.k.a t404owo).
|
||||||
name="description"
|
I write/make/produce EDM music(DTM), and for every releases I'll post my music on this website. If you have any requests or questions, feel free contact me." />
|
||||||
content="Hello there! I'm t404:null (a.k.a t404owo).
|
<link rel="icon" type="image/x-icon" href="https://cdn.glitch.global/2d9e31c1-a947-46cd-9fd2-8c92be70abe2/t404_null%20Icon.png" />
|
||||||
I write/make/produce EDM music(DTM), and for every releases I'll post my music on this website. If you have any requests or questions, feel free contact me."
|
<meta charset="UTF-8" />
|
||||||
/>
|
|
||||||
<link
|
|
||||||
rel="icon"
|
|
||||||
type="image/x-icon"
|
|
||||||
href="https://cdn.glitch.global/2d9e31c1-a947-46cd-9fd2-8c92be70abe2/t404_null%20Icon.png"
|
|
||||||
/>
|
|
||||||
<meta charset="UTF-8">
|
|
||||||
<link rel="stylesheet" type="text/css" href="/assets/css/main.css" />
|
<link rel="stylesheet" type="text/css" href="/assets/css/main.css" />
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<nav>
|
<nav>
|
||||||
<ul class="menu">
|
<ul class="menu">
|
||||||
<li>
|
<li>
|
||||||
<a href="/">
|
<a href="/">
|
||||||
<img
|
<img src="https://cdn.glitch.global/f594d6b7-e72e-477c-b5cb-d71abbd39f44/logo.png?v=1716494259675" alt="t404:null" />
|
||||||
src="https://cdn.glitch.global/f594d6b7-e72e-477c-b5cb-d71abbd39f44/logo.png?v=1716494259675"
|
|
||||||
alt="t404:null"
|
|
||||||
/>
|
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
@@ -32,32 +21,44 @@ I write/make/produce EDM music(DTM), and for every releases I'll post my music o
|
|||||||
</li>
|
</li>
|
||||||
<li class="menu-item">
|
<li class="menu-item">
|
||||||
<a href="/">
|
<a href="/">
|
||||||
<p><strong>Home</strong></p>
|
<p>
|
||||||
|
<strong>Home</strong>
|
||||||
|
</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="menu-item">
|
<li class="menu-item">
|
||||||
<a href="/release">
|
<a href="/release">
|
||||||
<p><strong>Releases</strong></p>
|
<p>
|
||||||
|
<strong>Releases</strong>
|
||||||
|
</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="menu-item">
|
<li class="menu-item">
|
||||||
<a href="/activity">
|
<a href="/activity">
|
||||||
<p><strong>Activities</strong></p>
|
<p>
|
||||||
|
<strong>Activities</strong>
|
||||||
|
</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="menu-item">
|
<li class="menu-item">
|
||||||
<a href="/song_usage_terms">
|
<a href="/song_usage_terms">
|
||||||
<p><strong>Terms of Use</strong></p>
|
<p>
|
||||||
|
<strong>Terms of Use</strong>
|
||||||
|
</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="menu-item">
|
<li class="menu-item">
|
||||||
<a href="/about_me">
|
<a href="/about_me">
|
||||||
<p><strong>About Me</strong></p>
|
<p>
|
||||||
|
<strong>About Me</strong>
|
||||||
|
</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="menu-item">
|
<li class="menu-item">
|
||||||
<a href="/contacts">
|
<a href="/contacts">
|
||||||
<p><strong>My Contacts</strong></p>
|
<p>
|
||||||
|
<strong>My Contacts</strong>
|
||||||
|
</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
@@ -99,11 +100,8 @@ I write/make/produce EDM music(DTM), and for every releases I'll post my music o
|
|||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<button
|
<button class="burger" onclick="this.classList.toggle('open');
|
||||||
class="burger"
|
document.querySelector('.dropdown').classList.toggle('dropdown-open');">
|
||||||
onclick="this.classList.toggle('open');
|
|
||||||
document.querySelector('.dropdown').classList.toggle('dropdown-open');"
|
|
||||||
>
|
|
||||||
<div id="hamburger">
|
<div id="hamburger">
|
||||||
<span></span>
|
<span></span>
|
||||||
<span></span>
|
<span></span>
|
||||||
@@ -119,56 +117,68 @@ I write/make/produce EDM music(DTM), and for every releases I'll post my music o
|
|||||||
<div class="dropdown">
|
<div class="dropdown">
|
||||||
<div class="dropdown-menu">
|
<div class="dropdown-menu">
|
||||||
<a href="/">
|
<a href="/">
|
||||||
<p><strong>Home</strong></p>
|
<p>
|
||||||
|
<strong>Home</strong>
|
||||||
|
</p>
|
||||||
</a>
|
</a>
|
||||||
<a href="/release">
|
<a href="/release">
|
||||||
<p><strong>Releases</strong></p>
|
<p>
|
||||||
|
<strong>Releases</strong>
|
||||||
|
</p>
|
||||||
</a>
|
</a>
|
||||||
<a href="/activity">
|
<a href="/activity">
|
||||||
<p><strong>Activities</strong></p>
|
<p>
|
||||||
|
<strong>Activities</strong>
|
||||||
|
</p>
|
||||||
</a>
|
</a>
|
||||||
<a href="/song_usage_terms">
|
<a href="/song_usage_terms">
|
||||||
<p><strong>Terms of Use</strong></p>
|
<p>
|
||||||
|
<strong>Terms of Use</strong>
|
||||||
|
</p>
|
||||||
</a>
|
</a>
|
||||||
<a href="/about_me">
|
<a href="/about_me">
|
||||||
<p><strong>About Me</strong></p>
|
<p>
|
||||||
|
<strong>About Me</strong>
|
||||||
|
</p>
|
||||||
</a>
|
</a>
|
||||||
<a href="/contacts">
|
<a href="/contacts">
|
||||||
<p><strong>My Contacts</strong></p>
|
<p>
|
||||||
|
<strong>My Contacts</strong>
|
||||||
|
</p>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<hr class="dropdown-menu" />
|
<hr class="dropdown-menu" />
|
||||||
<div class="dropdown-social">
|
<div class="dropdown-social">
|
||||||
<p>
|
<p>
|
||||||
<a href="https://youtube.com/@t404_null">
|
<a href="https://youtube.com/@t404_null">
|
||||||
<span class="icons nf-icons"></span
|
<span class="icons nf-icons"></span>
|
||||||
><strong class="social-name">Youtube</strong>
|
<strong class="social-name">Youtube</strong>
|
||||||
</a>
|
</a>
|
||||||
<a href="https://x.com/t404_null">
|
<a href="https://x.com/t404_null">
|
||||||
<span class="icons"> 𝕏 </span
|
<span class="icons"> 𝕏 </span>
|
||||||
><strong class="social-name">X/Twitter</strong>
|
<strong class="social-name">X/Twitter</strong>
|
||||||
</a>
|
</a>
|
||||||
<a href="https://t404null.bandcamp.com/">
|
<a href="https://t404null.bandcamp.com/">
|
||||||
<span class="icons nf-icons"></span
|
<span class="icons nf-icons"></span>
|
||||||
><strong class="social-name">Bandcamp</strong>
|
<strong class="social-name">Bandcamp</strong>
|
||||||
</a>
|
</a>
|
||||||
<a href="https://open.spotify.com/artist/7jNOPuWk28EUX69mrp4ITL/">
|
<a href="https://open.spotify.com/artist/7jNOPuWk28EUX69mrp4ITL/">
|
||||||
<span class="icons nf-icons">󰓇</span
|
<span class="icons nf-icons">󰓇</span>
|
||||||
><strong class="social-name">Spotify</strong>
|
<strong class="social-name">Spotify</strong>
|
||||||
</a>
|
</a>
|
||||||
</p>
|
</p>
|
||||||
<p>
|
<p>
|
||||||
<a href="https://music.apple.com/artist/t404-null/1583561849">
|
<a href="https://music.apple.com/artist/t404-null/1583561849">
|
||||||
<span class="icons nf-icons"></span
|
<span class="icons nf-icons"></span>
|
||||||
><strong class="social-name">Apple Music</strong>
|
<strong class="social-name">Apple Music</strong>
|
||||||
</a>
|
</a>
|
||||||
<a href="https://soundcloud.com/t404null">
|
<a href="https://soundcloud.com/t404null">
|
||||||
<span class="icons nf-icons"></span
|
<span class="icons nf-icons"></span>
|
||||||
><strong class="social-name">SoundCloud</strong>
|
<strong class="social-name">SoundCloud</strong>
|
||||||
</a>
|
</a>
|
||||||
<a href="https://discord.gg/YJmkAFbKFX">
|
<a href="https://discord.gg/YJmkAFbKFX">
|
||||||
<span class="icons nf-icons"></span
|
<span class="icons nf-icons"></span>
|
||||||
><strong class="social-name">Discord</strong>
|
<strong class="social-name">Discord</strong>
|
||||||
</a>
|
</a>
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
@@ -181,24 +191,20 @@ I write/make/produce EDM music(DTM), and for every releases I'll post my music o
|
|||||||
<div class="slider">
|
<div class="slider">
|
||||||
<section>
|
<section>
|
||||||
<div>
|
<div>
|
||||||
<h1 class="title">Obj 1</h1>
|
<h1 class="title">This page is still under construction.</h1>
|
||||||
<p class="desc">Obj 1</p>
|
<p class="desc">The page is still under development, in cases, this page will change after reload or after a few days and a reload.</p>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
<section>
|
<section>
|
||||||
<div>
|
<div>
|
||||||
<h1 class="title">Obj 2</h1>
|
<h1 class="title">Oblitus Requiem \\Against the Forsaken Legacy//</h1>
|
||||||
<p class="desc">Obj 2</p>
|
<p class="desc">"Even if you don't remember me now, I will bring the you I once knew back from them."</p>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
<section>
|
<section>
|
||||||
<div>
|
<div>
|
||||||
<h1 class="title">Obj 3 (long text)</h1>
|
<h1 class="title">A Lake With Endless Stars</h1>
|
||||||
<p class="desc">
|
<p class="desc"> "Under the coruscating night sky, gaze into the kaleidoscopic waters..." </p>
|
||||||
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
|
|
||||||
diam nonumy eirmod tempor invidunt ut labore et dolore magna
|
|
||||||
aliquyam
|
|
||||||
</p>
|
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
</div>
|
</div>
|
||||||
@@ -213,149 +219,104 @@ I write/make/produce EDM music(DTM), and for every releases I'll post my music o
|
|||||||
<script src="/assets/js/index.js" type="text/javascript"></script>
|
<script src="/assets/js/index.js" type="text/javascript"></script>
|
||||||
<!--💀-->
|
<!--💀-->
|
||||||
<hr />
|
<hr />
|
||||||
<h1 class="topic"><a href="/release">Releases (Click for more)</a></h1>
|
<h1 class="topic">
|
||||||
|
<a href="/release">Releases (Click for more)</a>
|
||||||
|
</h1>
|
||||||
<div class="album-cards">
|
<div class="album-cards">
|
||||||
<a class="card" href="/release/hello.world(Zer/O)">
|
<a class="card" href="/release/hello.world(Zer/O)">
|
||||||
<div
|
<div class="bg-img" style="
|
||||||
class="bg-img"
|
|
||||||
style="
|
|
||||||
background-image: url(https://t404null.glitch.me/assets/images/image0.png);
|
background-image: url(https://t404null.glitch.me/assets/images/image0.png);
|
||||||
"
|
"></div>
|
||||||
></div>
|
|
||||||
<h2>hello.world(Zer/O)</h2>
|
<h2>hello.world(Zer/O)</h2>
|
||||||
<p>First Release</p>
|
<p>First Release</p>
|
||||||
<p>What do I see... a new world...?</p>
|
<p>What do I see... a new world...?</p>
|
||||||
</a>
|
</a>
|
||||||
<a class="card" href="/release">
|
<a class="card" href="/release">
|
||||||
<div
|
<div class="bg-img" style="
|
||||||
class="bg-img"
|
|
||||||
style="
|
|
||||||
background-image: url(https://cdn.glitch.me/f6cb427c-2cdb-4693-bc00-9d3e2991008c%2FC9B955D3-3A2A-4B83-92EB-EBCBDEB2B458.jpeg);
|
background-image: url(https://cdn.glitch.me/f6cb427c-2cdb-4693-bc00-9d3e2991008c%2FC9B955D3-3A2A-4B83-92EB-EBCBDEB2B458.jpeg);
|
||||||
"
|
"></div>
|
||||||
></div>
|
|
||||||
<h2>PoΣΣεssion (Possession)</h2>
|
<h2>PoΣΣεssion (Possession)</h2>
|
||||||
<p>Formerly "Mayonaka Dancehall!!!" (:DACHiTRAX) Release.</p>
|
<p>Formerly "Mayonaka Dancehall!!!" (:DACHiTRAX) Release.</p>
|
||||||
<p>Ghost and monsters are gathering you...</p>
|
<p>Ghost and monsters are gathering you...</p>
|
||||||
</a>
|
</a>
|
||||||
<a class="card" href="/release">
|
<a class="card" href="/release">
|
||||||
<div
|
<div class="bg-img" style="
|
||||||
class="bg-img"
|
|
||||||
style="
|
|
||||||
background-image: url(https://cdn.glitch.global/2d9e31c1-a947-46cd-9fd2-8c92be70abe2/Hyper_Limimality.png);
|
background-image: url(https://cdn.glitch.global/2d9e31c1-a947-46cd-9fd2-8c92be70abe2/Hyper_Limimality.png);
|
||||||
"
|
"></div>
|
||||||
></div>
|
|
||||||
<h2>Hyper Liminality</h2>
|
<h2>Hyper Liminality</h2>
|
||||||
<p>t404:null & trung-nova & AXiS</p>
|
<p>t404:null & trung-nova & AXiS</p>
|
||||||
<p>"until you reach it... the two hyper sides."</p>
|
<p>"until you reach it... the two hyper sides."</p>
|
||||||
</a>
|
</a>
|
||||||
<a class="card" href="/release">
|
<a class="card" href="/release">
|
||||||
<div
|
<div class="bg-img" style="
|
||||||
class="bg-img"
|
|
||||||
style="
|
|
||||||
background-image: url(https://cdn.glitch.global/2d9e31c1-a947-46cd-9fd2-8c92be70abe2/A_Lake_With_Endless_Stars.png);
|
background-image: url(https://cdn.glitch.global/2d9e31c1-a947-46cd-9fd2-8c92be70abe2/A_Lake_With_Endless_Stars.png);
|
||||||
"
|
"></div>
|
||||||
></div>
|
|
||||||
<h2>A Lake With Endless Stars</h2>
|
<h2>A Lake With Endless Stars</h2>
|
||||||
<p>
|
<p> "Under the coruscating night sky, gaze into the kaleidoscopic waters..." </p>
|
||||||
"Under the coruscating night sky, gaze into the kaleidoscopic
|
|
||||||
waters..."
|
|
||||||
</p>
|
|
||||||
</a>
|
</a>
|
||||||
<a class="card" href="/release">
|
<a class="card" href="/release/Oblitus_Requiem">
|
||||||
<div
|
<div class="bg-img" style="
|
||||||
class="bg-img"
|
|
||||||
style="
|
|
||||||
background-image: url(https://cdn.glitch.global/f594d6b7-e72e-477c-b5cb-d71abbd39f44/oblitus-requiem.png);
|
background-image: url(https://cdn.glitch.global/f594d6b7-e72e-477c-b5cb-d71abbd39f44/oblitus-requiem.png);
|
||||||
"
|
"></div>
|
||||||
></div>
|
|
||||||
<h2>Oblitus Requiem \\Against the Forsaken Legacy//</h2>
|
<h2>Oblitus Requiem \\Against the Forsaken Legacy//</h2>
|
||||||
<p>VNMC2023 Grand Finals Tiebreaker.</p>
|
<p>VNMC2023 Grand Finals Tiebreaker.</p>
|
||||||
<p>
|
<p> "Even if you don't remember me now, I will bring the you I once knew back from them." </p>
|
||||||
"Even if you don't remember me now, I will bring the you I once knew
|
|
||||||
back from them."
|
|
||||||
</p>
|
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
<hr />
|
||||||
<h1 class="topic"><a href="/activity">Activities</a></h1>
|
<h1 class="topic">
|
||||||
|
<a href="/activity">Activities</a>
|
||||||
|
</h1>
|
||||||
<div class="half-image-cards">
|
<div class="half-image-cards">
|
||||||
<a class="card" href="/activity">
|
<a class="card" href="/activity">
|
||||||
<div
|
<div class="bg-img" style="
|
||||||
class="bg-img"
|
|
||||||
style="
|
|
||||||
background-image: url(https://cdn.glitch.global/f594d6b7-e72e-477c-b5cb-d71abbd39f44/fof-genesis.png);
|
background-image: url(https://cdn.glitch.global/f594d6b7-e72e-477c-b5cb-d71abbd39f44/fof-genesis.png);
|
||||||
"
|
"></div>
|
||||||
></div>
|
|
||||||
<h2>Fanmade of Fighters I: Genesis</h2>
|
<h2>Fanmade of Fighters I: Genesis</h2>
|
||||||
<p>BOF-like Contest Releases.</p>
|
<p>BOF-like Contest Releases.</p>
|
||||||
<p>
|
<p> Our team (Sine Fine Stellae) Achieved #2 :D <br />
|
||||||
Our team (Sine Fine Stellae) Achieved #2 :D<br /><br /><strong
|
<br />
|
||||||
>A Lake With Endless Stars</strong
|
<strong>A Lake With Endless Stars</strong> is one of the soundtracks from Sine Fine Stellae produced by me, thanks to the help of Riprider500 and more people :D
|
||||||
>
|
|
||||||
is one of the soundtracks from Sine Fine Stellae produced by me,
|
|
||||||
thanks to the help of Riprider500 and more people :D
|
|
||||||
</p>
|
</p>
|
||||||
</a>
|
</a>
|
||||||
<a class="card" href="/activity">
|
<a class="card" href="/activity">
|
||||||
<div
|
<div class="bg-img" style="
|
||||||
class="bg-img"
|
|
||||||
style="
|
|
||||||
background-image: url(https://cdn.glitch.global/f594d6b7-e72e-477c-b5cb-d71abbd39f44/vnmc2023.png?v=1717348650235);
|
background-image: url(https://cdn.glitch.global/f594d6b7-e72e-477c-b5cb-d71abbd39f44/vnmc2023.png?v=1717348650235);
|
||||||
"
|
"></div>
|
||||||
></div>
|
|
||||||
<h2>VNMC 2023</h2>
|
<h2>VNMC 2023</h2>
|
||||||
|
<p> (Vietnamese National Mania Championship 2023) Grand Finals Tiebreaker by me (t404:null) </p>
|
||||||
<p>
|
<p>
|
||||||
(Vietnamese National Mania Championship 2023) Grand Finals
|
<strong>Oblitus Requiem \\Against the Forsaken Legacy//</strong>
|
||||||
Tiebreaker by me (t404:null)
|
<br />
|
||||||
</p>
|
<br /> "Even if you don't remember me now, I will bring the you I once knew back from them." <br />
|
||||||
<p>
|
<br />Sivelia (the host of VNMC) has asked me making a custom soundtrack round for the tourney. The soundtrack get much likes and subscribers on Youtube within 2 weeks as the tournament got a big impact gained. Big thank you to all VNMC staffs for that!
|
||||||
<strong
|
|
||||||
>Oblitus Requiem \\Against the Forsaken Legacy//</strong
|
|
||||||
><br /><br />
|
|
||||||
"Even if you don't remember me now, I will bring the you I once knew
|
|
||||||
back from them."
|
|
||||||
<br /><br />Sivelia (the host of VNMC) has asked me making a custom
|
|
||||||
soundtrack round for the tourney. The soundtrack get much likes and
|
|
||||||
subscribers on Youtube within 2 weeks as the tournament got a big
|
|
||||||
impact gained. Big thank you to all VNMC staffs for that!
|
|
||||||
</p>
|
</p>
|
||||||
</a>
|
</a>
|
||||||
<a class="card" href="/activity">
|
<a class="card" href="/activity">
|
||||||
<div
|
<div class="bg-img" style="
|
||||||
class="bg-img"
|
|
||||||
style="
|
|
||||||
background-image: url(https://cdn.glitch.global/f594d6b7-e72e-477c-b5cb-d71abbd39f44/glitch1.jpg);
|
background-image: url(https://cdn.glitch.global/f594d6b7-e72e-477c-b5cb-d71abbd39f44/glitch1.jpg);
|
||||||
"
|
"></div>
|
||||||
></div>
|
|
||||||
<h2>VNMC 2024 (???)</h2>
|
<h2>VNMC 2024 (???)</h2>
|
||||||
<p>???</p>
|
<p>???</p>
|
||||||
<p>
|
<p> Li4tLiAuLS0gLS4uIC0tLi4u <br />\-...-4buoe2v1qZuiULSrOPuzXZBn <br />YZt0ULSr9PuzvfuiaZwo5ZBseZB39 <br />fuzpLxn9PurYZtz4PtzpVSlC3u3UrviaZO </p>
|
||||||
Li4tLiAuLS0gLS4uIC0tLi4u<br />\-...-4buoe2v1qZuiULSrOPuzXZBn<br />YZt0ULSr9PuzvfuiaZwo5ZBseZB39<br />fuzpLxn9PurYZtz4PtzpVSlC3u3UrviaZO
|
|
||||||
</p>
|
|
||||||
</a>
|
</a>
|
||||||
<a class="card" href="/project">
|
<a class="card" href="/project">
|
||||||
<div
|
<div class="bg-img" style="
|
||||||
class="bg-img"
|
|
||||||
style="
|
|
||||||
background-image: url(https://cdn.glitch.global/f594d6b7-e72e-477c-b5cb-d71abbd39f44/glitch2.jpg);
|
background-image: url(https://cdn.glitch.global/f594d6b7-e72e-477c-b5cb-d71abbd39f44/glitch2.jpg);
|
||||||
"
|
"></div>
|
||||||
></div>
|
|
||||||
<h2>VNMC 2024 (???) (w/ ??? as ???)</h2>
|
<h2>VNMC 2024 (???) (w/ ??? as ???)</h2>
|
||||||
<p>???</p>
|
<p>???</p>
|
||||||
</a>
|
</a>
|
||||||
<a class="card" href="/activity">
|
<a class="card" href="/activity">
|
||||||
<div
|
<div class="bg-img" style="
|
||||||
class="bg-img"
|
|
||||||
style="
|
|
||||||
background-image: url(https://cdn.glitch.global/f594d6b7-e72e-477c-b5cb-d71abbd39f44/glich3.jpg);
|
background-image: url(https://cdn.glitch.global/f594d6b7-e72e-477c-b5cb-d71abbd39f44/glich3.jpg);
|
||||||
"
|
"></div>
|
||||||
></div>
|
|
||||||
<h2>???? 5 (????2024) (w/ ??? as ???)</h2>
|
<h2>???? 5 (????2024) (w/ ??? as ???)</h2>
|
||||||
<p>???</p>
|
<p>???</p>
|
||||||
<p>???</p>
|
<p>???</p>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</main>
|
</main>
|
||||||
<footer>© t404:null 2021-2024 - All Rights Reserved</footer>
|
<div class="footer">© t404:null 2021-2024 - All Rights Reserved</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
223
release/Oblitus_Requiem/index.html
Normal file
223
release/Oblitus_Requiem/index.html
Normal file
@@ -0,0 +1,223 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<title>t404:null | Oblitus Requiem \\Against the Forsaken Legacy//</title>
|
||||||
|
<meta name="description"
|
||||||
|
content="”Oblitus Requiem \\Against the Forsaken Legacy//” is a custom track for a Grand Finals Tiebreaker of VNMC2023 made by t404:null, and is released on Youtube, Bandcamp and Soundcloud at Aug. 12th 2023...
|
||||||
|
Available on:
|
||||||
|
YouTube
|
||||||
|
Soundcloud
|
||||||
|
Bandcamp,
|
||||||
|
Spotify (31.08.2023)
|
||||||
|
and more...">
|
||||||
|
<link rel="icon" type="image/x-icon" href="https://cdn.glitch.global/2d9e31c1-a947-46cd-9fd2-8c92be70abe2/t404_null%20Icon.png" />
|
||||||
|
<link rel="stylesheet" type="text/css" href="/assets/css/main.css" />
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<nav>
|
||||||
|
<ul class="menu">
|
||||||
|
<li>
|
||||||
|
<a href="/">
|
||||||
|
<img src="https://cdn.glitch.global/f594d6b7-e72e-477c-b5cb-d71abbd39f44/logo.png?v=1716494259675" alt="t404:null" />
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<div class="vertical-line"></div>
|
||||||
|
</li>
|
||||||
|
<li class="menu-item">
|
||||||
|
<a href="/">
|
||||||
|
<p>
|
||||||
|
<strong>Home</strong>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="menu-item">
|
||||||
|
<a href="/release">
|
||||||
|
<p>
|
||||||
|
<strong>Releases</strong>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="menu-item">
|
||||||
|
<a href="/activity">
|
||||||
|
<p>
|
||||||
|
<strong>Activities</strong>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="menu-item">
|
||||||
|
<a href="/song_usage_terms">
|
||||||
|
<p>
|
||||||
|
<strong>Terms of Use</strong>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="menu-item">
|
||||||
|
<a href="/about_me">
|
||||||
|
<p>
|
||||||
|
<strong>About Me</strong>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="menu-item">
|
||||||
|
<a href="/contacts">
|
||||||
|
<p>
|
||||||
|
<strong>My Contacts</strong>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<div></div>
|
||||||
|
<ul id="social">
|
||||||
|
<li class="social">
|
||||||
|
<a href="https://youtube.com/@t404_null">
|
||||||
|
<p class="nf-icons"></p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="social">
|
||||||
|
<a href="https://x.com/t404_null">
|
||||||
|
<p>𝕏</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="social">
|
||||||
|
<a href="https://t404null.bandcamp.com/">
|
||||||
|
<p class="nf-icons"></p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="social">
|
||||||
|
<a href="https://open.spotify.com/artist/7jNOPuWk28EUX69mrp4ITL/">
|
||||||
|
<p class="nf-icons">󰓇</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="social">
|
||||||
|
<a href="https://music.apple.com/artist/t404-null/1583561849">
|
||||||
|
<p class="nf-icons"></p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="social">
|
||||||
|
<a href="https://soundcloud.com/t404null">
|
||||||
|
<p class="nf-icons"></p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="social">
|
||||||
|
<a href="https://discord.gg/YJmkAFbKFX">
|
||||||
|
<p class="nf-icons"></p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<button class="burger" onclick="this.classList.toggle('open');
|
||||||
|
document.querySelector('.dropdown').classList.toggle('dropdown-open');">
|
||||||
|
<div id="hamburger">
|
||||||
|
<span></span>
|
||||||
|
<span></span>
|
||||||
|
<span></span>
|
||||||
|
</div>
|
||||||
|
<div id="cross">
|
||||||
|
<span></span>
|
||||||
|
<span></span>
|
||||||
|
</div>
|
||||||
|
</button>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<div class="dropdown">
|
||||||
|
<div class="dropdown-menu">
|
||||||
|
<a href="/">
|
||||||
|
<p>
|
||||||
|
<strong>Home</strong>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<a href="/release">
|
||||||
|
<p>
|
||||||
|
<strong>Releases</strong>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<a href="/activity">
|
||||||
|
<p>
|
||||||
|
<strong>Activities</strong>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<a href="/song_usage_terms">
|
||||||
|
<p>
|
||||||
|
<strong>Terms of Use</strong>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<a href="/about_me">
|
||||||
|
<p>
|
||||||
|
<strong>About Me</strong>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<a href="/contacts">
|
||||||
|
<p>
|
||||||
|
<strong>My Contacts</strong>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<hr class="dropdown-menu" />
|
||||||
|
<div class="dropdown-social">
|
||||||
|
<p>
|
||||||
|
<a href="https://youtube.com/@t404_null">
|
||||||
|
<span class="icons nf-icons"></span>
|
||||||
|
<strong class="social-name">Youtube</strong>
|
||||||
|
</a>
|
||||||
|
<a href="https://x.com/t404_null">
|
||||||
|
<span class="icons"> 𝕏 </span>
|
||||||
|
<strong class="social-name">X/Twitter</strong>
|
||||||
|
</a>
|
||||||
|
<a href="https://t404null.bandcamp.com/">
|
||||||
|
<span class="icons nf-icons"></span>
|
||||||
|
<strong class="social-name">Bandcamp</strong>
|
||||||
|
</a>
|
||||||
|
<a href="https://open.spotify.com/artist/7jNOPuWk28EUX69mrp4ITL/">
|
||||||
|
<span class="icons nf-icons">󰓇</span>
|
||||||
|
<strong class="social-name">Spotify</strong>
|
||||||
|
</a>
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<a href="https://music.apple.com/artist/t404-null/1583561849">
|
||||||
|
<span class="icons nf-icons"></span>
|
||||||
|
<strong class="social-name">Apple Music</strong>
|
||||||
|
</a>
|
||||||
|
<a href="https://soundcloud.com/t404null">
|
||||||
|
<span class="icons nf-icons"></span>
|
||||||
|
<strong class="social-name">SoundCloud</strong>
|
||||||
|
</a>
|
||||||
|
<a href="https://discord.gg/YJmkAFbKFX">
|
||||||
|
<span class="icons nf-icons"></span>
|
||||||
|
<strong class="social-name">Discord</strong>
|
||||||
|
</a>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
<main>
|
||||||
|
<div class="release-track" style="
|
||||||
|
background-image: url(https://cdn.glitch.global/f594d6b7-e72e-477c-b5cb-d71abbd39f44/oblitus-requiem.png);
|
||||||
|
background-size: cover;
|
||||||
|
background-position: center;
|
||||||
|
">
|
||||||
|
<div class="text-box">
|
||||||
|
<h1 class="title">
|
||||||
|
<strong>Oblitus Requiem \\Against the Forsaken Legacy//</strong>
|
||||||
|
</h1>
|
||||||
|
<p class="description"> "Even if you don't remember me now, I will bring the you I once knew back from them." </p>
|
||||||
|
<div class="long-break"></div>
|
||||||
|
<p class="description"> "For what I am going to do, for the bloodshed I am going to create, for the acts people will deem sinful I am going to commit;" </p>
|
||||||
|
<p class="description"> "Oblitus Requiem \\Against the Forsaken Legacy//" is a custom track made for Grand Finals Tiebreaker of VNMC2023 (Vietnamese National Mania Championship (4K)) made by t404:null, and is released / published on Youtube, Bandcamp and Soundcloud at Aug. 12th 2023... </p>
|
||||||
|
<p>
|
||||||
|
<br />Available on: <br />
|
||||||
|
<a href="https://youtu.be/c1WtqWyt1IU" class="text-primary">YouTube</a>
|
||||||
|
<br />
|
||||||
|
<a href="https://m.soundcloud.com/t404null/oblitus-requiem" class="text-primary">Soundcloud</a>
|
||||||
|
<br />
|
||||||
|
<a href="https://t404null.bandcamp.com/album/oblitus-requiem-against-the-forsaken-legacy" class="text-primary">Bandcamp</a>
|
||||||
|
<br />
|
||||||
|
<a href="https://music.apple.com/album/oblitus-requiem-against-the-forsaken-legacy-single/1702294902" class="text-primary">Itunes / Apple Music</a>
|
||||||
|
<br />
|
||||||
|
<a href="https://open.spotify.com/album/7xJY39U6M3Z5NuNzt2GnCK" class="text-primary">Spotify</a>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
<div class="footer">© t404:null 2021-2024 - All Rights Reserved</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@@ -2,23 +2,28 @@
|
|||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<title>t404:null | hello.world(Zer/O)</title>
|
<title>t404:null | hello.world(Zer/O)</title>
|
||||||
<link
|
<meta name="description" content="”What do I see... a new world...?
|
||||||
rel="icon"
|
It appears, that I am living in a world, where no-one lives...”
|
||||||
type="image/x-icon"
|
|
||||||
href="https://cdn.glitch.global/2d9e31c1-a947-46cd-9fd2-8c92be70abe2/t404_null%20Icon.png"
|
”hello.world(Zer/O)” is a first release from t404:null at 08.22.2022 on Youtube, spotify.
|
||||||
/>
|
It was also the first song t404:null makes with tons of ”easter eggs” and mixed with more-styles genre called ”Full-Flavor”(200step, UK Hardcore, Electronic, Dance, and more..).
|
||||||
|
|
||||||
|
Available in:
|
||||||
|
Itunes(Release date at 09.20.2021)
|
||||||
|
Spotify(Release date at 09.20.2021)
|
||||||
|
YouTube
|
||||||
|
YouTube Music(Release date at 09.20.2021)
|
||||||
|
Soundcloud
|
||||||
|
Bandcamp">
|
||||||
|
<link rel="icon" type="image/x-icon" href="https://cdn.glitch.global/2d9e31c1-a947-46cd-9fd2-8c92be70abe2/t404_null%20Icon.png" />
|
||||||
<link rel="stylesheet" type="text/css" href="/assets/css/main.css" />
|
<link rel="stylesheet" type="text/css" href="/assets/css/main.css" />
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<nav>
|
<nav>
|
||||||
<ul class="menu">
|
<ul class="menu">
|
||||||
<li>
|
<li>
|
||||||
<a href="/">
|
<a href="/">
|
||||||
<img
|
<img src="https://cdn.glitch.global/f594d6b7-e72e-477c-b5cb-d71abbd39f44/logo.png?v=1716494259675" alt="t404:null" />
|
||||||
src="https://cdn.glitch.global/f594d6b7-e72e-477c-b5cb-d71abbd39f44/logo.png?v=1716494259675"
|
|
||||||
alt="t404:null"
|
|
||||||
/>
|
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
@@ -26,32 +31,44 @@
|
|||||||
</li>
|
</li>
|
||||||
<li class="menu-item">
|
<li class="menu-item">
|
||||||
<a href="/">
|
<a href="/">
|
||||||
<p><strong>Home</strong></p>
|
<p>
|
||||||
|
<strong>Home</strong>
|
||||||
|
</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="menu-item">
|
<li class="menu-item">
|
||||||
<a href="/release">
|
<a href="/release">
|
||||||
<p><strong>Releases</strong></p>
|
<p>
|
||||||
|
<strong>Releases</strong>
|
||||||
|
</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="menu-item">
|
<li class="menu-item">
|
||||||
<a href="/activity">
|
<a href="/activity">
|
||||||
<p><strong>Activities</strong></p>
|
<p>
|
||||||
|
<strong>Activities</strong>
|
||||||
|
</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="menu-item">
|
<li class="menu-item">
|
||||||
<a href="/song_usage_terms">
|
<a href="/song_usage_terms">
|
||||||
<p><strong>Terms of Use</strong></p>
|
<p>
|
||||||
|
<strong>Terms of Use</strong>
|
||||||
|
</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="menu-item">
|
<li class="menu-item">
|
||||||
<a href="/about_me">
|
<a href="/about_me">
|
||||||
<p><strong>About Me</strong></p>
|
<p>
|
||||||
|
<strong>About Me</strong>
|
||||||
|
</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="menu-item">
|
<li class="menu-item">
|
||||||
<a href="/contacts">
|
<a href="/contacts">
|
||||||
<p><strong>My Contacts</strong></p>
|
<p>
|
||||||
|
<strong>My Contacts</strong>
|
||||||
|
</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
@@ -93,11 +110,8 @@
|
|||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<button
|
<button class="burger" onclick="this.classList.toggle('open');
|
||||||
class="burger"
|
document.querySelector('.dropdown').classList.toggle('dropdown-open');">
|
||||||
onclick="this.classList.toggle('open');
|
|
||||||
document.querySelector('.dropdown').classList.toggle('dropdown-open');"
|
|
||||||
>
|
|
||||||
<div id="hamburger">
|
<div id="hamburger">
|
||||||
<span></span>
|
<span></span>
|
||||||
<span></span>
|
<span></span>
|
||||||
@@ -113,102 +127,97 @@
|
|||||||
<div class="dropdown">
|
<div class="dropdown">
|
||||||
<div class="dropdown-menu">
|
<div class="dropdown-menu">
|
||||||
<a href="/">
|
<a href="/">
|
||||||
<p><strong>Home</strong></p>
|
<p>
|
||||||
|
<strong>Home</strong>
|
||||||
|
</p>
|
||||||
</a>
|
</a>
|
||||||
<a href="/release">
|
<a href="/release">
|
||||||
<p><strong>Releases</strong></p>
|
<p>
|
||||||
|
<strong>Releases</strong>
|
||||||
|
</p>
|
||||||
</a>
|
</a>
|
||||||
<a href="/activity">
|
<a href="/activity">
|
||||||
<p><strong>Activities</strong></p>
|
<p>
|
||||||
|
<strong>Activities</strong>
|
||||||
|
</p>
|
||||||
</a>
|
</a>
|
||||||
<a href="/song_usage_terms">
|
<a href="/song_usage_terms">
|
||||||
<p><strong>Terms of Use</strong></p>
|
<p>
|
||||||
|
<strong>Terms of Use</strong>
|
||||||
|
</p>
|
||||||
</a>
|
</a>
|
||||||
<a href="/about_me">
|
<a href="/about_me">
|
||||||
<p><strong>About Me</strong></p>
|
<p>
|
||||||
|
<strong>About Me</strong>
|
||||||
|
</p>
|
||||||
</a>
|
</a>
|
||||||
<a href="/contacts">
|
<a href="/contacts">
|
||||||
<p><strong>My Contacts</strong></p>
|
<p>
|
||||||
|
<strong>My Contacts</strong>
|
||||||
|
</p>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<hr class="dropdown-menu" />
|
<hr class="dropdown-menu" />
|
||||||
<div class="dropdown-social">
|
<div class="dropdown-social">
|
||||||
<p>
|
<p>
|
||||||
<a href="https://youtube.com/@t404_null">
|
<a href="https://youtube.com/@t404_null">
|
||||||
<span class="icons nf-icons"></span
|
<span class="icons nf-icons"></span>
|
||||||
><strong class="social-name">Youtube</strong>
|
<strong class="social-name">Youtube</strong>
|
||||||
</a>
|
</a>
|
||||||
<a href="https://x.com/t404_null">
|
<a href="https://x.com/t404_null">
|
||||||
<span class="icons"> 𝕏 </span
|
<span class="icons"> 𝕏 </span>
|
||||||
><strong class="social-name">X/Twitter</strong>
|
<strong class="social-name">X/Twitter</strong>
|
||||||
</a>
|
</a>
|
||||||
<a href="https://t404null.bandcamp.com/">
|
<a href="https://t404null.bandcamp.com/">
|
||||||
<span class="icons nf-icons"></span
|
<span class="icons nf-icons"></span>
|
||||||
><strong class="social-name">Bandcamp</strong>
|
<strong class="social-name">Bandcamp</strong>
|
||||||
</a>
|
</a>
|
||||||
<a href="https://open.spotify.com/artist/7jNOPuWk28EUX69mrp4ITL/">
|
<a href="https://open.spotify.com/artist/7jNOPuWk28EUX69mrp4ITL/">
|
||||||
<span class="icons nf-icons">󰓇</span
|
<span class="icons nf-icons">󰓇</span>
|
||||||
><strong class="social-name">Spotify</strong>
|
<strong class="social-name">Spotify</strong>
|
||||||
</a>
|
</a>
|
||||||
</p>
|
</p>
|
||||||
<p>
|
<p>
|
||||||
<a href="https://music.apple.com/artist/t404-null/1583561849">
|
<a href="https://music.apple.com/artist/t404-null/1583561849">
|
||||||
<span class="icons nf-icons"></span
|
<span class="icons nf-icons"></span>
|
||||||
><strong class="social-name">Apple Music</strong>
|
<strong class="social-name">Apple Music</strong>
|
||||||
</a>
|
</a>
|
||||||
<a href="https://soundcloud.com/t404null">
|
<a href="https://soundcloud.com/t404null">
|
||||||
<span class="icons nf-icons"></span
|
<span class="icons nf-icons"></span>
|
||||||
><strong class="social-name">SoundCloud</strong>
|
<strong class="social-name">SoundCloud</strong>
|
||||||
</a>
|
</a>
|
||||||
<a href="https://discord.gg/YJmkAFbKFX">
|
<a href="https://discord.gg/YJmkAFbKFX">
|
||||||
<span class="icons nf-icons"></span
|
<span class="icons nf-icons"></span>
|
||||||
><strong class="social-name">Discord</strong>
|
<strong class="social-name">Discord</strong>
|
||||||
</a>
|
</a>
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</nav>
|
</nav>
|
||||||
<main>
|
<main>
|
||||||
<div class="release-track"
|
<div class="release-track" style="background-image: url(https://t404null.glitch.me/assets/images/image1.png);background-size:cover;background-position:center;">
|
||||||
style="background-image: url(https://t404null.glitch.me/assets/images/image1.png);background-size:cover;background-position:center;">
|
|
||||||
<div class="text-box">
|
<div class="text-box">
|
||||||
<h1 class="title">
|
<h1 class="title">
|
||||||
<strong>hello.world(Zer/O)</strong>
|
<strong>hello.world(Zer/O)</strong>
|
||||||
</h1>
|
</h1>
|
||||||
<p class="description">
|
<p class="description"> "What can I see... a new world...? <br />It appears, that I am living in a world, where no-one lives..." <br />
|
||||||
"What can I see... a new world...?<br />It appears, that I am living
|
<br />"hello.world(Zer/O)" is a first release from t404:null at 08.22.2021 on Youtube, Bandcamp, and Soundcloud. <br /> It was also the first song t404:null makes with tons ”easter eggs” and mixed with more-styles genre called ”Full-Flavor”(200step, UK Hardcore, Electronic, Dance, and more..). <br />
|
||||||
in a world, where no-one lives..."<br /><br />"hello.world(Zer/O)"
|
<br />Available in: <br />
|
||||||
is a first release from t404:null at 08.22.2021 on Youtube,
|
<a href="https://music.apple.com/album/hello-world-zer-o-single/1583561848" class="text-primary">Itunes/Apple Music</a>
|
||||||
Bandcamp, and Soundcloud.<br /> It was also the first song
|
<br />
|
||||||
t404:null makes with tons ”easter eggs” and mixed with more-styles
|
<a href="https://open.spotify.com/album/0MX0zluXBvEerdCL12Cd1s" class="text-primary">Spotify(Release date at 09.20.2021)</a>
|
||||||
genre called ”Full-Flavor”(200step, UK Hardcore, Electronic, Dance,
|
<br />
|
||||||
and more..).<br /><br />Available in:<br /><a
|
<a href="https://youtu.be/0apqJaWY5QM" class="text-primary">YouTube</a>
|
||||||
href="https://music.apple.com/album/hello-world-zer-o-single/1583561848"
|
<br />
|
||||||
class="text-primary"
|
<a href="https://music.youtube.com/watch?v=kVX6kdnvhAo" class="text-primary">YouTube Music(Release date at 09.20.2021)</a>
|
||||||
>Itunes/Apple Music</a
|
<br />
|
||||||
><br /><a
|
<a href="https://m.soundcloud.com/t404null/helloworldzero" class="text-primary">Soundcloud</a>
|
||||||
href="https://open.spotify.com/album/0MX0zluXBvEerdCL12Cd1s"
|
<br />
|
||||||
class="text-primary"
|
<a href="https://t404null.bandcamp.com/album/hello-world-zer-o" class="text-primary">Bandcamp</a>
|
||||||
>Spotify(Release date at 09.20.2021)</a
|
|
||||||
><br /><a href="https://youtu.be/0apqJaWY5QM" class="text-primary"
|
|
||||||
>YouTube</a
|
|
||||||
><br /><a
|
|
||||||
href="https://music.youtube.com/watch?v=kVX6kdnvhAo"
|
|
||||||
class="text-primary"
|
|
||||||
>YouTube Music(Release date at 09.20.2021)</a
|
|
||||||
><br /><a
|
|
||||||
href="https://m.soundcloud.com/t404null/helloworldzero"
|
|
||||||
class="text-primary"
|
|
||||||
>Soundcloud</a
|
|
||||||
><br /><a
|
|
||||||
href="https://t404null.bandcamp.com/album/hello-world-zer-o"
|
|
||||||
class="text-primary"
|
|
||||||
>Bandcamp</a
|
|
||||||
>
|
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</main>
|
</main>
|
||||||
<footer>© t404:null 2021-2024 - All Rights Reserved</footer>
|
<div class="footer">© t404:null 2021-2024 - All Rights Reserved</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
@@ -2,28 +2,17 @@
|
|||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<title>t404:null | Releases</title>
|
<title>t404:null | Releases</title>
|
||||||
<meta
|
<meta name="description" content="Hello there! I'm t404:null (a.k.a t404owo).
|
||||||
name="description"
|
I write/make/produce EDM music(DTM), and for every releases I'll post my music on this website. If you have any requests or questions, feel free contact me." />
|
||||||
content="Hello there! I'm t404:null (a.k.a t404owo).
|
<link rel="icon" type="image/x-icon" href="https://cdn.glitch.global/2d9e31c1-a947-46cd-9fd2-8c92be70abe2/t404_null%20Icon.png" />
|
||||||
I write/make/produce EDM music(DTM), and for every releases I'll post my music on this website. If you have any requests or questions, feel free contact me."
|
|
||||||
/>
|
|
||||||
<link
|
|
||||||
rel="icon"
|
|
||||||
type="image/x-icon"
|
|
||||||
href="https://cdn.glitch.global/2d9e31c1-a947-46cd-9fd2-8c92be70abe2/t404_null%20Icon.png"
|
|
||||||
/>
|
|
||||||
<link rel="stylesheet" type="text/css" href="/assets/css/main.css" />
|
<link rel="stylesheet" type="text/css" href="/assets/css/main.css" />
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<nav>
|
<nav>
|
||||||
<ul class="menu">
|
<ul class="menu">
|
||||||
<li>
|
<li>
|
||||||
<a href="/">
|
<a href="/">
|
||||||
<img
|
<img src="https://cdn.glitch.global/f594d6b7-e72e-477c-b5cb-d71abbd39f44/logo.png?v=1716494259675" alt="t404:null" />
|
||||||
src="https://cdn.glitch.global/f594d6b7-e72e-477c-b5cb-d71abbd39f44/logo.png?v=1716494259675"
|
|
||||||
alt="t404:null"
|
|
||||||
/>
|
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
@@ -31,32 +20,44 @@ I write/make/produce EDM music(DTM), and for every releases I'll post my music o
|
|||||||
</li>
|
</li>
|
||||||
<li class="menu-item">
|
<li class="menu-item">
|
||||||
<a href="/">
|
<a href="/">
|
||||||
<p><strong>Home</strong></p>
|
<p>
|
||||||
|
<strong>Home</strong>
|
||||||
|
</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="menu-item">
|
<li class="menu-item">
|
||||||
<a href="/release">
|
<a href="/release">
|
||||||
<p><strong>Releases</strong></p>
|
<p>
|
||||||
|
<strong>Releases</strong>
|
||||||
|
</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="menu-item">
|
<li class="menu-item">
|
||||||
<a href="/activity">
|
<a href="/activity">
|
||||||
<p><strong>Activities</strong></p>
|
<p>
|
||||||
|
<strong>Activities</strong>
|
||||||
|
</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="menu-item">
|
<li class="menu-item">
|
||||||
<a href="/song_usage_terms">
|
<a href="/song_usage_terms">
|
||||||
<p><strong>Terms of Use</strong></p>
|
<p>
|
||||||
|
<strong>Terms of Use</strong>
|
||||||
|
</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="menu-item">
|
<li class="menu-item">
|
||||||
<a href="/about_me">
|
<a href="/about_me">
|
||||||
<p><strong>About Me</strong></p>
|
<p>
|
||||||
|
<strong>About Me</strong>
|
||||||
|
</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="menu-item">
|
<li class="menu-item">
|
||||||
<a href="/contacts">
|
<a href="/contacts">
|
||||||
<p><strong>My Contacts</strong></p>
|
<p>
|
||||||
|
<strong>My Contacts</strong>
|
||||||
|
</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
@@ -98,11 +99,8 @@ I write/make/produce EDM music(DTM), and for every releases I'll post my music o
|
|||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<button
|
<button class="burger" onclick="this.classList.toggle('open');
|
||||||
class="burger"
|
document.querySelector('.dropdown').classList.toggle('dropdown-open');">
|
||||||
onclick="this.classList.toggle('open');
|
|
||||||
document.querySelector('.dropdown').classList.toggle('dropdown-open');"
|
|
||||||
>
|
|
||||||
<div id="hamburger">
|
<div id="hamburger">
|
||||||
<span></span>
|
<span></span>
|
||||||
<span></span>
|
<span></span>
|
||||||
@@ -118,56 +116,68 @@ I write/make/produce EDM music(DTM), and for every releases I'll post my music o
|
|||||||
<div class="dropdown">
|
<div class="dropdown">
|
||||||
<div class="dropdown-menu">
|
<div class="dropdown-menu">
|
||||||
<a href="/">
|
<a href="/">
|
||||||
<p><strong>Home</strong></p>
|
<p>
|
||||||
|
<strong>Home</strong>
|
||||||
|
</p>
|
||||||
</a>
|
</a>
|
||||||
<a href="/release">
|
<a href="/release">
|
||||||
<p><strong>Releases</strong></p>
|
<p>
|
||||||
|
<strong>Releases</strong>
|
||||||
|
</p>
|
||||||
</a>
|
</a>
|
||||||
<a href="/activity">
|
<a href="/activity">
|
||||||
<p><strong>Activities</strong></p>
|
<p>
|
||||||
|
<strong>Activities</strong>
|
||||||
|
</p>
|
||||||
</a>
|
</a>
|
||||||
<a href="/song_usage_terms">
|
<a href="/song_usage_terms">
|
||||||
<p><strong>Terms of Use</strong></p>
|
<p>
|
||||||
|
<strong>Terms of Use</strong>
|
||||||
|
</p>
|
||||||
</a>
|
</a>
|
||||||
<a href="/about_me">
|
<a href="/about_me">
|
||||||
<p><strong>About Me</strong></p>
|
<p>
|
||||||
|
<strong>About Me</strong>
|
||||||
|
</p>
|
||||||
</a>
|
</a>
|
||||||
<a href="/contacts">
|
<a href="/contacts">
|
||||||
<p><strong>My Contacts</strong></p>
|
<p>
|
||||||
|
<strong>My Contacts</strong>
|
||||||
|
</p>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<hr class="dropdown-menu" />
|
<hr class="dropdown-menu" />
|
||||||
<div class="dropdown-social">
|
<div class="dropdown-social">
|
||||||
<p>
|
<p>
|
||||||
<a href="https://youtube.com/@t404_null">
|
<a href="https://youtube.com/@t404_null">
|
||||||
<span class="icons nf-icons"></span
|
<span class="icons nf-icons"></span>
|
||||||
><strong class="social-name">Youtube</strong>
|
<strong class="social-name">Youtube</strong>
|
||||||
</a>
|
</a>
|
||||||
<a href="https://x.com/t404_null">
|
<a href="https://x.com/t404_null">
|
||||||
<span class="icons"> 𝕏 </span
|
<span class="icons"> 𝕏 </span>
|
||||||
><strong class="social-name">X/Twitter</strong>
|
<strong class="social-name">X/Twitter</strong>
|
||||||
</a>
|
</a>
|
||||||
<a href="https://t404null.bandcamp.com/">
|
<a href="https://t404null.bandcamp.com/">
|
||||||
<span class="icons nf-icons"></span
|
<span class="icons nf-icons"></span>
|
||||||
><strong class="social-name">Bandcamp</strong>
|
<strong class="social-name">Bandcamp</strong>
|
||||||
</a>
|
</a>
|
||||||
<a href="https://open.spotify.com/artist/7jNOPuWk28EUX69mrp4ITL/">
|
<a href="https://open.spotify.com/artist/7jNOPuWk28EUX69mrp4ITL/">
|
||||||
<span class="icons nf-icons">󰓇</span
|
<span class="icons nf-icons">󰓇</span>
|
||||||
><strong class="social-name">Spotify</strong>
|
<strong class="social-name">Spotify</strong>
|
||||||
</a>
|
</a>
|
||||||
</p>
|
</p>
|
||||||
<p>
|
<p>
|
||||||
<a href="https://music.apple.com/artist/t404-null/1583561849">
|
<a href="https://music.apple.com/artist/t404-null/1583561849">
|
||||||
<span class="icons nf-icons"></span
|
<span class="icons nf-icons"></span>
|
||||||
><strong class="social-name">Apple Music</strong>
|
<strong class="social-name">Apple Music</strong>
|
||||||
</a>
|
</a>
|
||||||
<a href="https://soundcloud.com/t404null">
|
<a href="https://soundcloud.com/t404null">
|
||||||
<span class="icons nf-icons"></span
|
<span class="icons nf-icons"></span>
|
||||||
><strong class="social-name">SoundCloud</strong>
|
<strong class="social-name">SoundCloud</strong>
|
||||||
</a>
|
</a>
|
||||||
<a href="https://discord.gg/YJmkAFbKFX">
|
<a href="https://discord.gg/YJmkAFbKFX">
|
||||||
<span class="icons nf-icons"></span
|
<span class="icons nf-icons"></span>
|
||||||
><strong class="social-name">Discord</strong>
|
<strong class="social-name">Discord</strong>
|
||||||
</a>
|
</a>
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
@@ -177,67 +187,46 @@ I write/make/produce EDM music(DTM), and for every releases I'll post my music o
|
|||||||
<h1 class="topic">Releases</h1>
|
<h1 class="topic">Releases</h1>
|
||||||
<div class="album-cards">
|
<div class="album-cards">
|
||||||
<a class="card" href="/release/hello.world(Zer/O)">
|
<a class="card" href="/release/hello.world(Zer/O)">
|
||||||
<div
|
<div class="bg-img" style="
|
||||||
class="bg-img"
|
|
||||||
style="
|
|
||||||
background-image: url(https://t404null.glitch.me/assets/images/image0.png);
|
background-image: url(https://t404null.glitch.me/assets/images/image0.png);
|
||||||
"
|
"></div>
|
||||||
></div>
|
|
||||||
<h2>hello.world(Zer/O)</h2>
|
<h2>hello.world(Zer/O)</h2>
|
||||||
<p>First Release</p>
|
<p>First Release</p>
|
||||||
<p>What do I see... a new world...?</p>
|
<p>What do I see... a new world...?</p>
|
||||||
</a>
|
</a>
|
||||||
<a class="card" href="/release">
|
<a class="card" href="/release">
|
||||||
<div
|
<div class="bg-img" style="
|
||||||
class="bg-img"
|
|
||||||
style="
|
|
||||||
background-image: url(https://cdn.glitch.me/f6cb427c-2cdb-4693-bc00-9d3e2991008c%2FC9B955D3-3A2A-4B83-92EB-EBCBDEB2B458.jpeg);
|
background-image: url(https://cdn.glitch.me/f6cb427c-2cdb-4693-bc00-9d3e2991008c%2FC9B955D3-3A2A-4B83-92EB-EBCBDEB2B458.jpeg);
|
||||||
"
|
"></div>
|
||||||
></div>
|
|
||||||
<h2>PoΣΣεssion (Possession)</h2>
|
<h2>PoΣΣεssion (Possession)</h2>
|
||||||
<p>Formerly "Mayonaka Dancehall!!!" (:DACHiTRAX) Release.</p>
|
<p>Formerly "Mayonaka Dancehall!!!" (:DACHiTRAX) Release.</p>
|
||||||
<p>Ghost and monsters are gathering you...</p>
|
<p>Ghost and monsters are gathering you...</p>
|
||||||
</a>
|
</a>
|
||||||
<a class="card" href="/release">
|
<a class="card" href="/release">
|
||||||
<div
|
<div class="bg-img" style="
|
||||||
class="bg-img"
|
|
||||||
style="
|
|
||||||
background-image: url(https://cdn.glitch.global/2d9e31c1-a947-46cd-9fd2-8c92be70abe2/Hyper_Limimality.png);
|
background-image: url(https://cdn.glitch.global/2d9e31c1-a947-46cd-9fd2-8c92be70abe2/Hyper_Limimality.png);
|
||||||
"
|
"></div>
|
||||||
></div>
|
|
||||||
<h2>Hyper Liminality</h2>
|
<h2>Hyper Liminality</h2>
|
||||||
<p>t404:null & trung-nova & AXiS</p>
|
<p>t404:null & trung-nova & AXiS</p>
|
||||||
<p>"until you reach it... the two hyper sides."</p>
|
<p>"until you reach it... the two hyper sides."</p>
|
||||||
</a>
|
</a>
|
||||||
<a class="card" href="/release">
|
<a class="card" href="/release">
|
||||||
<div
|
<div class="bg-img" style="
|
||||||
class="bg-img"
|
|
||||||
style="
|
|
||||||
background-image: url(https://cdn.glitch.global/2d9e31c1-a947-46cd-9fd2-8c92be70abe2/A_Lake_With_Endless_Stars.png);
|
background-image: url(https://cdn.glitch.global/2d9e31c1-a947-46cd-9fd2-8c92be70abe2/A_Lake_With_Endless_Stars.png);
|
||||||
"
|
"></div>
|
||||||
></div>
|
|
||||||
<h2>A Lake With Endless Stars</h2>
|
<h2>A Lake With Endless Stars</h2>
|
||||||
<p>
|
<p> "Under the coruscating night sky, gaze into the kaleidoscopic waters..." </p>
|
||||||
"Under the coruscating night sky, gaze into the kaleidoscopic
|
|
||||||
waters..."
|
|
||||||
</p>
|
|
||||||
</a>
|
</a>
|
||||||
<a class="card" href="/release">
|
<a class="card" href="/release/Oblitus_Requiem">
|
||||||
<div
|
<div class="bg-img" style="
|
||||||
class="bg-img"
|
|
||||||
style="
|
|
||||||
background-image: url(https://cdn.glitch.global/f594d6b7-e72e-477c-b5cb-d71abbd39f44/oblitus-requiem.png);
|
background-image: url(https://cdn.glitch.global/f594d6b7-e72e-477c-b5cb-d71abbd39f44/oblitus-requiem.png);
|
||||||
"
|
"></div>
|
||||||
></div>
|
|
||||||
<h2>Oblitus Requiem \\Against the Forsaken Legacy//</h2>
|
<h2>Oblitus Requiem \\Against the Forsaken Legacy//</h2>
|
||||||
<p>VNMC2023 Grand Finals Tiebreaker.</p>
|
<p>VNMC2023 Grand Finals Tiebreaker.</p>
|
||||||
<p>
|
<p> "Even if you don't remember me now, I will bring the you I once knew back from them." </p>
|
||||||
"Even if you don't remember me now, I will bring the you I once knew
|
|
||||||
back from them."
|
|
||||||
</p>
|
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</main>
|
</main>
|
||||||
<footer>© t404:null 2021-2024 - All Rights Reserved</footer>
|
<div class="footer">© t404:null 2021-2024 - All Rights Reserved</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
286
song_usage_terms/index.html
Normal file
286
song_usage_terms/index.html
Normal file
@@ -0,0 +1,286 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<title>t404:null | Home</title>
|
||||||
|
<meta name="description" content="Hello there! Please be friendly and read this ”terms of using my songs” before using my(t404:null's) song for any purposes." />
|
||||||
|
<link rel="icon" type="image/x-icon" href="https://cdn.glitch.global/2d9e31c1-a947-46cd-9fd2-8c92be70abe2/t404_null%20Icon.png" />
|
||||||
|
<meta charset="UTF-8" />
|
||||||
|
<link rel="stylesheet" type="text/css" href="/assets/css/main.css" />
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<nav>
|
||||||
|
<ul class="menu">
|
||||||
|
<li>
|
||||||
|
<a href="/">
|
||||||
|
<img src="https://cdn.glitch.global/f594d6b7-e72e-477c-b5cb-d71abbd39f44/logo.png?v=1716494259675" alt="t404:null" />
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<div class="vertical-line"></div>
|
||||||
|
</li>
|
||||||
|
<li class="menu-item">
|
||||||
|
<a href="/">
|
||||||
|
<p>
|
||||||
|
<strong>Home</strong>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="menu-item">
|
||||||
|
<a href="/release">
|
||||||
|
<p>
|
||||||
|
<strong>Releases</strong>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="menu-item">
|
||||||
|
<a href="/activity">
|
||||||
|
<p>
|
||||||
|
<strong>Activities</strong>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="menu-item">
|
||||||
|
<a href="/song_usage_terms">
|
||||||
|
<p>
|
||||||
|
<strong>Terms of Use</strong>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="menu-item">
|
||||||
|
<a href="/about_me">
|
||||||
|
<p>
|
||||||
|
<strong>About Me</strong>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="menu-item">
|
||||||
|
<a href="/contacts">
|
||||||
|
<p>
|
||||||
|
<strong>My Contacts</strong>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<div></div>
|
||||||
|
<ul id="social">
|
||||||
|
<li class="social">
|
||||||
|
<a href="https://youtube.com/@t404_null">
|
||||||
|
<p class="nf-icons"></p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="social">
|
||||||
|
<a href="https://x.com/t404_null">
|
||||||
|
<p>𝕏</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="social">
|
||||||
|
<a href="https://t404null.bandcamp.com/">
|
||||||
|
<p class="nf-icons"></p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="social">
|
||||||
|
<a href="https://open.spotify.com/artist/7jNOPuWk28EUX69mrp4ITL/">
|
||||||
|
<p class="nf-icons">󰓇</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="social">
|
||||||
|
<a href="https://music.apple.com/artist/t404-null/1583561849">
|
||||||
|
<p class="nf-icons"></p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="social">
|
||||||
|
<a href="https://soundcloud.com/t404null">
|
||||||
|
<p class="nf-icons"></p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="social">
|
||||||
|
<a href="https://discord.gg/YJmkAFbKFX">
|
||||||
|
<p class="nf-icons"></p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<button class="burger" onclick="this.classList.toggle('open');
|
||||||
|
document.querySelector('.dropdown').classList.toggle('dropdown-open');">
|
||||||
|
<div id="hamburger">
|
||||||
|
<span></span>
|
||||||
|
<span></span>
|
||||||
|
<span></span>
|
||||||
|
</div>
|
||||||
|
<div id="cross">
|
||||||
|
<span></span>
|
||||||
|
<span></span>
|
||||||
|
</div>
|
||||||
|
</button>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<div class="dropdown">
|
||||||
|
<div class="dropdown-menu">
|
||||||
|
<a href="/">
|
||||||
|
<p>
|
||||||
|
<strong>Home</strong>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<a href="/release">
|
||||||
|
<p>
|
||||||
|
<strong>Releases</strong>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<a href="/activity">
|
||||||
|
<p>
|
||||||
|
<strong>Activities</strong>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<a href="/song_usage_terms">
|
||||||
|
<p>
|
||||||
|
<strong>Terms of Use</strong>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<a href="/about_me">
|
||||||
|
<p>
|
||||||
|
<strong>About Me</strong>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<a href="/contacts">
|
||||||
|
<p>
|
||||||
|
<strong>My Contacts</strong>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<hr class="dropdown-menu" />
|
||||||
|
<div class="dropdown-social">
|
||||||
|
<p>
|
||||||
|
<a href="https://youtube.com/@t404_null">
|
||||||
|
<span class="icons nf-icons"></span>
|
||||||
|
<strong class="social-name">Youtube</strong>
|
||||||
|
</a>
|
||||||
|
<a href="https://x.com/t404_null">
|
||||||
|
<span class="icons"> 𝕏 </span>
|
||||||
|
<strong class="social-name">X/Twitter</strong>
|
||||||
|
</a>
|
||||||
|
<a href="https://t404null.bandcamp.com/">
|
||||||
|
<span class="icons nf-icons"></span>
|
||||||
|
<strong class="social-name">Bandcamp</strong>
|
||||||
|
</a>
|
||||||
|
<a href="https://open.spotify.com/artist/7jNOPuWk28EUX69mrp4ITL/">
|
||||||
|
<span class="icons nf-icons">󰓇</span>
|
||||||
|
<strong class="social-name">Spotify</strong>
|
||||||
|
</a>
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<a href="https://music.apple.com/artist/t404-null/1583561849">
|
||||||
|
<span class="icons nf-icons"></span>
|
||||||
|
<strong class="social-name">Apple Music</strong>
|
||||||
|
</a>
|
||||||
|
<a href="https://soundcloud.com/t404null">
|
||||||
|
<span class="icons nf-icons"></span>
|
||||||
|
<strong class="social-name">SoundCloud</strong>
|
||||||
|
</a>
|
||||||
|
<a href="https://discord.gg/YJmkAFbKFX">
|
||||||
|
<span class="icons nf-icons"></span>
|
||||||
|
<strong class="social-name">Discord</strong>
|
||||||
|
</a>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
<main>
|
||||||
|
<h1 class="topic">
|
||||||
|
<strong>Song Usage Terms and Policies</strong>
|
||||||
|
<br />
|
||||||
|
</h1>
|
||||||
|
<ul class="info">
|
||||||
|
<li>
|
||||||
|
<strong class="title">Usage of my song(s) / track(s)</strong>
|
||||||
|
<br /> In any cases, use for purpose against the law, against public order and morals, or for purposes those are (exclude educational use) for religious use, political use, or for use to hate, disparage or be offensive to myself or a third party (including other possible ways) are strictly not being allowed.
|
||||||
|
<br /> Also, you're not being allowed to steal my song(s)/track(s)! I'm not transferring anyone the right to have the ownership from any of my song(s)/track(s) once it's set. <br />(All released tracks and songs go to <a href="/release">this page</a>)
|
||||||
|
<div class="long-br"></div> All use of the music/track(s)/song(s) is at your own risk. I'm not responsible for any damage, problems caused by your use of my music/track(s)/song(s) and won't be involved in by any way.
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<strong class="title">1.) In the case if you want to use my song(s) / track(s) as a corporation / a company</strong>
|
||||||
|
<br /> If you wish to use my song as a corporation / a company, no matter how you use it, please contact me and get confirmation at one of the following email address(es): <br />
|
||||||
|
<a href="mailto:t404.null@gmail.com" class="text-info">t404.null@gmail.com</a>
|
||||||
|
<br />
|
||||||
|
<a href="mailto:t404owo@gmail.com" class="text-info">t404owo@gmail.com</a>
|
||||||
|
<br />
|
||||||
|
<a href="mailto:tags4owo@gmail.com" class="text-info">tags4owo@gmail.com</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<div class="subdiv">
|
||||||
|
<strong class="title">1.1.) In the case if you want to use my song(s) / track(s) as an educational institution or a volunteer organization / a company for volunteer</strong>
|
||||||
|
<br /> You are allowed use my songs as well as individuals. <br /> If you can, it would be (very) helpful for me if you could confirm it once in the following email adress(es): <br />
|
||||||
|
<a href="mailto:t404.null@gmail.com" class="text-info">t404.null@gmail.com</a>
|
||||||
|
<br />
|
||||||
|
<a href="mailto:t404owo@gmail.com" class="text-info">t404owo@gmail.com</a>
|
||||||
|
<br />
|
||||||
|
<a href="mailto:tags4owo@gmail.com" class="text-info">tags4owo@gmail.com</a>
|
||||||
|
<br /> Please note that this is intended primarily, but not exclusively, for educational institutions related to music.
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<strong class="title">2.) In the case if you want to use my song(s) / track(s) as individual/single person (for BGMs for video(s) / stream(s), Remixing(or arranging) etc.)</strong>
|
||||||
|
<br /> You are allowed to use my songs / tracks without my certain permission(s) if: <br />- The song(s) / track(s) that / those is / are included in <a href="https://t404null.glitch.me/allowed_to_use">this page.</a>
|
||||||
|
<br />- The song(s) / track(s) that / those is / are included in an/more album(s) or EP(s) / Single(s) that / those is / are not involved to the copyright of any games that/those don't allow you to use their song(s).
|
||||||
|
<br />- The song(s) / track(s) that / those has / have been uploaded to <a href="https://youtube.com/@t404_null">my YT (YouTube) channel</a> (<a href="https://www.youtube.com/@t404_null">https://www.youtube.com/@t404_null</a>), that is not originally written for a game (this includes rhythm game(s) those are not allowing you to use their song(s)), organization, or a company.
|
||||||
|
<div class="long-br"></div> Particularly, for YouTube, Bilibili or Twitch (etc), if you want to use any of my song(s)/track(s) as a background music for videos or stream, it does not matter if it is monetized or not. However, please note that it may be registered in Content ID in YouTube.
|
||||||
|
<br />If the song you want to use is a remix, and the original song may have been come from other sources, or it may be an unofficial remix that has not been licensed by the "original author". In such cases, I won't be able to give my proper permission, so you have to contact the person who made the song / soundtrack, or the person who is responsible for the copyright of that song/track.
|
||||||
|
<div class="long-br"></div>
|
||||||
|
<strong>Make sure please credit me if it's possible!!!</strong>
|
||||||
|
<div class="long-br"></div>
|
||||||
|
<strong>List of allowed-to-use songs (Last updated: Aug 22, 2021):</strong>
|
||||||
|
<a href="/allowed_to_use">https://t404null.glitch.me/allowed_to_use</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<strong class="title">3.) In the case if you are Individuals who wish to use the music itself as a file that is downloadable, extractable, or users can easily get the song data itself</strong>
|
||||||
|
<br />Conditions vary depending on the method(s) of use/using:
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<div class="subdiv">
|
||||||
|
<strong class="title">3.1.) If you want to distribute song(s)/track(s) as an unofficial custom map / chart for a rhythm game (Osu!, Geometry Dash, A Dance of Fire and Ice(ADOFAI), Beat Saber, etc.)</strong>
|
||||||
|
<br />You are allowed to use the music/track(s)/song(s) under the same conditions as case "2.)" above. <br />In this case, no charts / maps can be sold for a fee. (Free distribution allowed only)
|
||||||
|
<br />Here are some explicits that you are allowed to make:
|
||||||
|
<br />- Mapping / making a chart or playing it in a monetized stream or video
|
||||||
|
<br />- Distributing a chart or play data / recorded video on the site which has ad.
|
||||||
|
<div class="long-br"></div>
|
||||||
|
In any case, I have no permission(s) or involvement(s) other than the use of my music.
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<div class="subdiv">
|
||||||
|
<strong class="title">3.2.) If you want to distribute the music as an official chart / official music for a rhythm game (in short, if you're a developer/offical charter/owner of that game) or if you want to use my song/track as a BGM that is included for a program / a game or its directory</strong>
|
||||||
|
<br /> Please contact me at one of the following email address(es): <br />
|
||||||
|
<a href="mailto:t404.null@gmail.com" class="text-info">t404.null@gmail.com</a>
|
||||||
|
<br />
|
||||||
|
<a href="mailto:t404owo@gmail.com" class="text-info">t404owo@gmail.com</a>
|
||||||
|
<br />
|
||||||
|
<a href="mailto:tags4owo@gmail.com" class="text-info">tags4owo@gmail.com</a>
|
||||||
|
<br />
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<div class="dubdiv">
|
||||||
|
<strong class="title">3.3.) If you want to repost my song</strong>
|
||||||
|
<br /> Please contact me at one of the following email address(es): <br />
|
||||||
|
<a href="mailto:t404.null@gmail.com" class="text-info">t404.null@gmail.com</a>
|
||||||
|
<br />
|
||||||
|
<a href="mailto:t404owo@gmail.com" class="text-info">t404owo@gmail.com</a>
|
||||||
|
<br />
|
||||||
|
<a href="mailto:tags4owo@gmail.com" class="text-info">tags4owo@gmail.com</a>
|
||||||
|
<br />
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<strong class="title">4.) Other Uses</strong>
|
||||||
|
<br /> Please contact me at one of the following email address(es): <br />
|
||||||
|
<a href="mailto:t404.null@gmail.com" class="text-info">t404.null@gmail.com</a>
|
||||||
|
<br />
|
||||||
|
<a href="mailto:t404owo@gmail.com" class="text-info">t404owo@gmail.com</a>
|
||||||
|
<br />
|
||||||
|
<a href="mailto:tags4owo@gmail.com" class="text-info">tags4owo@gmail.com</a>
|
||||||
|
<br />
|
||||||
|
</li>
|
||||||
|
<div class="long-br"></div> © t404:null 2021-2024 - All Rights Reserved.
|
||||||
|
</ul>
|
||||||
|
</main>
|
||||||
|
<div class="footer">© t404:null 2021-2024 - All Rights Reserved</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Reference in New Issue
Block a user