mirror of
https://github.com/t404owo/t404null.git
synced 2026-06-22 16:04:39 +00:00
Compare commits
42 Commits
73476e1595
...
f29add1880
| Author | SHA1 | Date | |
|---|---|---|---|
 t404owo
|
f29add1880 | ||
|
t404owo
|
95ad432968 | ||
|
t404owo
|
8ffa48ab51 | ||
|
t404owo
|
90ea452ec4 | ||
|
t404owo
|
f0272c0bf7 | ||
|
t404owo
|
50781d2a9a | ||
|
t404owo
|
a4da668ee2 | ||
|
t404owo
|
56a9020492 | ||
|
t404owo
|
fa323140d1 | ||
|
t404owo
|
00f182d57b | ||
|
t404owo
|
c16e7d98e4 | ||
|
t404owo
|
f3d4e659df | ||
|
t404owo
|
c528c7203f | ||
|
t404owo
|
cc95f657ae | ||
|
t404owo
|
800ec53291 | ||
|
t404owo
|
c3af2e62c8 | ||
|
t404owo
|
e6e37e5ba5 | ||
|
t404owo
|
b721d85d6d | ||
|
t404owo
|
9f398ccb5d | ||
|
t404owo
|
bb2f59f974 | ||
|
t404owo
|
4cb191f2e0 | ||
|
t404owo
|
bc83fa4ed8 | ||
|
t404owo
|
a5f838fbd0 | ||
|
t404owo
|
23210ce689 | ||
|
t404owo
|
a998ad564b | ||
|
t404owo
|
1636d189fe | ||
|
t404owo
|
5c1b16789b | ||
|
t404owo
|
9001ec9e38 | ||
|
t404owo
|
bb23015bc4 | ||
|
t404owo
|
892c24b498 | ||
|
t404owo
|
d71bbe78a9 | ||
|
t404owo
|
efb2966d62 | ||
|
t404owo
|
ddb1501e39 | ||
|
t404owo
|
5a8bce7125 | ||
|
t404owo
|
e74d3dcf43 | ||
|
t404owo
|
9e18c458a5 | ||
|
t404owo
|
254bc8a3cc | ||
|
t404owo
|
eefe20d81c | ||
|
t404owo
|
123fd0a7bf | ||
|
t404owo
|
524bc3be83 | ||
|
t404owo
|
d1ad38ba9b | ||
|
t404owo
|
fd290598c1 |
+41
-19
@@ -1,4 +1,4 @@
|
|||||||
<!DOCTYPE html>
|
<!doctype html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<title>t404:null | About Me</title>
|
<title>t404:null | About Me</title>
|
||||||
@@ -10,7 +10,7 @@ I write/make/produce EDM music(DTM), and for every releases I'll post my music o
|
|||||||
<link
|
<link
|
||||||
rel="icon"
|
rel="icon"
|
||||||
type="image/x-icon"
|
type="image/x-icon"
|
||||||
href="https://cdn.glitch.global/2d9e31c1-a947-46cd-9fd2-8c92be70abe2/t404_null%20Icon.png"
|
href="https://gitlab.com/t404null/cdn.t404null.com/-/raw/main/avatar.png"
|
||||||
/>
|
/>
|
||||||
<meta charset="UTF-8" />
|
<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" />
|
||||||
@@ -22,8 +22,9 @@ I write/make/produce EDM music(DTM), and for every releases I'll post my music o
|
|||||||
<li>
|
<li>
|
||||||
<a href="/">
|
<a href="/">
|
||||||
<img
|
<img
|
||||||
src="https://cdn.glitch.global/f594d6b7-e72e-477c-b5cb-d71abbd39f44/logo.png?v=1716494259675"
|
src="https://gitlab.com/t404null/cdn.t404null.com/-/raw/main/logo.png"
|
||||||
alt="t404:null"
|
alt="t404:null"
|
||||||
|
class="logo"
|
||||||
/>
|
/>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
@@ -91,12 +92,16 @@ I write/make/produce EDM music(DTM), and for every releases I'll post my music o
|
|||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="social">
|
<li class="social">
|
||||||
<a href="https://open.spotify.com/artist/7jNOPuWk28EUX69mrp4ITL/">
|
<a
|
||||||
|
href="https://open.spotify.com/artist/7jNOPuWk28EUX69mrp4ITL/"
|
||||||
|
>
|
||||||
<p class="nf-icons">󰓇</p>
|
<p class="nf-icons">󰓇</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="social">
|
<li class="social">
|
||||||
<a href="https://music.apple.com/artist/t404-null/1583561849">
|
<a
|
||||||
|
href="https://music.apple.com/artist/t404-null/1583561849"
|
||||||
|
>
|
||||||
<p class="nf-icons"></p>
|
<p class="nf-icons"></p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
@@ -113,8 +118,12 @@ I write/make/produce EDM music(DTM), and for every releases I'll post my music o
|
|||||||
<li>
|
<li>
|
||||||
<button
|
<button
|
||||||
class="burger"
|
class="burger"
|
||||||
onclick="this.classList.toggle('open');
|
onclick="
|
||||||
document.querySelector('.dropdown').classList.toggle('dropdown-open');"
|
this.classList.toggle('open');
|
||||||
|
document
|
||||||
|
.querySelector('.dropdown')
|
||||||
|
.classList.toggle('dropdown-open');
|
||||||
|
"
|
||||||
>
|
>
|
||||||
<div id="hamburger">
|
<div id="hamburger">
|
||||||
<span></span>
|
<span></span>
|
||||||
@@ -176,13 +185,17 @@ I write/make/produce EDM music(DTM), and for every releases I'll post my music o
|
|||||||
<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>
|
||||||
@@ -204,26 +217,35 @@ I write/make/produce EDM music(DTM), and for every releases I'll post my music o
|
|||||||
<div class="info" style="font-size: 1.5rem">
|
<div class="info" style="font-size: 1.5rem">
|
||||||
<p>I'm t404:null (a.k.a t404owo).</p>
|
<p>I'm t404:null (a.k.a t404owo).</p>
|
||||||
<p>
|
<p>
|
||||||
I write/make music (DTM), and I'll post every releases and events on
|
I write/make music (DTM), and I'll post every releases
|
||||||
this website. I also do program and develope stuffs (as t404owo).
|
and events on this website. I also do program and
|
||||||
|
develope stuffs (as t404owo).
|
||||||
</p>
|
</p>
|
||||||
<p>
|
<p>
|
||||||
To be honest, I currently am a highschool student and producing
|
To be honest, I currently am a highschool student and
|
||||||
songs is still a part-time thing for me. And since I'm not too
|
producing songs is still a part-time thing for me. And
|
||||||
experienced at making songs. I hope you can help and support me for
|
since I'm not too experienced at making songs. I hope
|
||||||
reaching my 1st goal being an artist/producer like Camellia,
|
you can help and support me for reaching my 1st goal
|
||||||
Au5/Blacklolita or BlackY. :D
|
being an artist/producer like Camellia, Au5/Blacklolita
|
||||||
|
or BlackY. :D
|
||||||
</p>
|
</p>
|
||||||
<p>
|
<p>
|
||||||
About my songs / soundtracks:
|
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.
|
<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>
|
||||||
<p>
|
<p>
|
||||||
If you have any requests or questions, feel free to <a href="/contacts">contact me.</a>
|
If you have any requests or questions, feel free to
|
||||||
|
<a href="/contacts">contact me.</a>
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</main>
|
</main>
|
||||||
<div class="footer">© t404:null 2021-2025 - All Rights Reserved</div>
|
<div class="footer">
|
||||||
|
© t404:null 2021-2025 - All Rights Reserved
|
||||||
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
+39
-21
@@ -1,4 +1,4 @@
|
|||||||
<!DOCTYPE html>
|
<!doctype html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<title>t404:null | Activities / Previous Events</title>
|
<title>t404:null | Activities / Previous Events</title>
|
||||||
@@ -10,7 +10,7 @@ I write/make/produce EDM music(DTM), and for every releases I'll post my music o
|
|||||||
<link
|
<link
|
||||||
rel="icon"
|
rel="icon"
|
||||||
type="image/x-icon"
|
type="image/x-icon"
|
||||||
href="https://cdn.glitch.global/2d9e31c1-a947-46cd-9fd2-8c92be70abe2/t404_null%20Icon.png"
|
href="https://gitlab.com/t404null/cdn.t404null.com/-/raw/main/avatar.png"
|
||||||
/>
|
/>
|
||||||
<meta charset="UTF-8" />
|
<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" />
|
||||||
@@ -22,8 +22,9 @@ I write/make/produce EDM music(DTM), and for every releases I'll post my music o
|
|||||||
<li>
|
<li>
|
||||||
<a href="/">
|
<a href="/">
|
||||||
<img
|
<img
|
||||||
src="https://cdn.glitch.global/f594d6b7-e72e-477c-b5cb-d71abbd39f44/logo.png?v=1716494259675"
|
src="https://gitlab.com/t404null/cdn.t404null.com/-/raw/main/logo.png"
|
||||||
alt="t404:null"
|
alt="t404:null"
|
||||||
|
class="logo"
|
||||||
/>
|
/>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
@@ -91,12 +92,16 @@ I write/make/produce EDM music(DTM), and for every releases I'll post my music o
|
|||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="social">
|
<li class="social">
|
||||||
<a href="https://open.spotify.com/artist/7jNOPuWk28EUX69mrp4ITL/">
|
<a
|
||||||
|
href="https://open.spotify.com/artist/7jNOPuWk28EUX69mrp4ITL/"
|
||||||
|
>
|
||||||
<p class="nf-icons">󰓇</p>
|
<p class="nf-icons">󰓇</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="social">
|
<li class="social">
|
||||||
<a href="https://music.apple.com/artist/t404-null/1583561849">
|
<a
|
||||||
|
href="https://music.apple.com/artist/t404-null/1583561849"
|
||||||
|
>
|
||||||
<p class="nf-icons"></p>
|
<p class="nf-icons"></p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
@@ -113,8 +118,12 @@ I write/make/produce EDM music(DTM), and for every releases I'll post my music o
|
|||||||
<li>
|
<li>
|
||||||
<button
|
<button
|
||||||
class="burger"
|
class="burger"
|
||||||
onclick="this.classList.toggle('open');
|
onclick="
|
||||||
document.querySelector('.dropdown').classList.toggle('dropdown-open');"
|
this.classList.toggle('open');
|
||||||
|
document
|
||||||
|
.querySelector('.dropdown')
|
||||||
|
.classList.toggle('dropdown-open');
|
||||||
|
"
|
||||||
>
|
>
|
||||||
<div id="hamburger">
|
<div id="hamburger">
|
||||||
<span></span>
|
<span></span>
|
||||||
@@ -176,13 +185,17 @@ I write/make/produce EDM music(DTM), and for every releases I'll post my music o
|
|||||||
<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>
|
||||||
@@ -214,8 +227,9 @@ I write/make/produce EDM music(DTM), and for every releases I'll post my music o
|
|||||||
Our team (Sine Fine Stellae) Achieved #2 :D<br /><br /><strong
|
Our team (Sine Fine Stellae) Achieved #2 :D<br /><br /><strong
|
||||||
>A Lake With Endless Stars</strong
|
>A Lake With Endless Stars</strong
|
||||||
>
|
>
|
||||||
is one of the soundtracks from Sine Fine Stellae produced by me,
|
is one of the soundtracks from Sine Fine Stellae
|
||||||
thanks to the help of Riprider500 and more people :D
|
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">
|
||||||
@@ -227,19 +241,21 @@ I write/make/produce EDM music(DTM), and for every releases I'll post my music o
|
|||||||
></div>
|
></div>
|
||||||
<h2>VNMC 2023</h2>
|
<h2>VNMC 2023</h2>
|
||||||
<p>
|
<p>
|
||||||
(Vietnamese National Mania Championship 2023) Grand Finals
|
(Vietnamese National Mania Championship 2023) Grand
|
||||||
Tiebreaker by me (t404:null)
|
Finals Tiebreaker by me (t404:null)
|
||||||
</p>
|
</p>
|
||||||
<p>
|
<p>
|
||||||
<strong
|
<strong
|
||||||
>Oblitus Requiem \\Against the Forsaken Legacy//</strong
|
>Oblitus Requiem \\Against the Forsaken
|
||||||
|
Legacy//</strong
|
||||||
><br /><br />
|
><br /><br />
|
||||||
"Even if you don't remember me now, I will bring the you I once knew
|
"Even if you don't remember me now, I will bring the you
|
||||||
back from them."
|
I once knew back from them."
|
||||||
<br /><br />Sivelia (the host of VNMC) has asked me making a custom
|
<br /><br />Sivelia (the host of VNMC) has asked me
|
||||||
soundtrack round for the tourney. The soundtrack get much likes and
|
making a custom soundtrack round for the tourney. The
|
||||||
subscribers on Youtube within 2 weeks as the tournament got a big
|
soundtrack get much likes and subscribers on Youtube
|
||||||
impact gained. Big thank you to all VNMC staffs for that!
|
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">
|
||||||
@@ -278,6 +294,8 @@ I write/make/produce EDM music(DTM), and for every releases I'll post my music o
|
|||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</main>
|
</main>
|
||||||
<div class="footer">© t404:null 2021-2025 - All Rights Reserved</div>
|
<div class="footer">
|
||||||
|
© t404:null 2021-2025 - All Rights Reserved
|
||||||
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
+6
-1
@@ -12,6 +12,7 @@ main,
|
|||||||
textarea,
|
textarea,
|
||||||
textfield {
|
textfield {
|
||||||
font-family: Jost, "Noto Sans Japanese", sans-serif, --apple-system;
|
font-family: Jost, "Noto Sans Japanese", sans-serif, --apple-system;
|
||||||
|
font-size: 1.25rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
main {
|
main {
|
||||||
@@ -27,6 +28,10 @@ main {
|
|||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.logo {
|
||||||
|
height: 3.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
hr {
|
hr {
|
||||||
margin: 2rem 0px;
|
margin: 2rem 0px;
|
||||||
}
|
}
|
||||||
@@ -604,6 +609,7 @@ nav {
|
|||||||
margin-top: 0.5rem;
|
margin-top: 0.5rem;
|
||||||
margin-left:-5px;
|
margin-left:-5px;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
|
font-size:0.95rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
:not(textarea) {
|
:not(textarea) {
|
||||||
@@ -676,7 +682,6 @@ nav {
|
|||||||
textarea,
|
textarea,
|
||||||
textfield {
|
textfield {
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
font-size: 0.95rem;
|
|
||||||
resize: vertical;
|
resize: vertical;
|
||||||
min-height: 5rem;
|
min-height: 5rem;
|
||||||
}
|
}
|
||||||
|
|||||||
+1
-183
@@ -2,34 +2,6 @@
|
|||||||
@import url("/assets/css/fonts/noto-sans-jp.css");
|
@import url("/assets/css/fonts/noto-sans-jp.css");
|
||||||
@import url("/assets/css/fonts/plus-jarkata-sans.css");
|
@import url("/assets/css/fonts/plus-jarkata-sans.css");
|
||||||
|
|
||||||
body {
|
|
||||||
margin: 0px;
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
main,
|
|
||||||
textarea,
|
|
||||||
textfield {
|
|
||||||
font-family: Jost, "Noto Sans Japanese", sans-serif, --apple-system;
|
|
||||||
}
|
|
||||||
|
|
||||||
main {
|
|
||||||
margin: 0.75rem;
|
|
||||||
height: 100%;
|
|
||||||
margin-bottom: 0;
|
|
||||||
margin-top: 0;
|
|
||||||
min-height: calc(100vh - 10vh);
|
|
||||||
}
|
|
||||||
|
|
||||||
.main-page {
|
|
||||||
max-width: 2300px;
|
|
||||||
margin: 0 auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
hr {
|
|
||||||
margin: 2rem 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
nav {
|
nav {
|
||||||
z-index: 4;
|
z-index: 4;
|
||||||
position: -webkit-sticky;
|
position: -webkit-sticky;
|
||||||
@@ -116,24 +88,6 @@ nav .dropdown {
|
|||||||
transition: 0.3s;
|
transition: 0.3s;
|
||||||
}
|
}
|
||||||
|
|
||||||
.footer {
|
|
||||||
font-family: Jost, "Plus Jakarta Sans", "Noto Sans Japanese", sans-serif;
|
|
||||||
position: sticky;
|
|
||||||
/* width: 100%;
|
|
||||||
*/
|
|
||||||
background-color: white;
|
|
||||||
/* bottom: 0;
|
|
||||||
*/
|
|
||||||
/* left:0;
|
|
||||||
*/
|
|
||||||
z-index: 3;
|
|
||||||
padding: 1rem;
|
|
||||||
background-color: #ddd;
|
|
||||||
margin: 0px;
|
|
||||||
text-align: center;
|
|
||||||
align-content: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*---nav---*/
|
/*---nav---*/
|
||||||
.menu {
|
.menu {
|
||||||
padding-top: 0.4rem;
|
padding-top: 0.4rem;
|
||||||
@@ -265,51 +219,7 @@ nav .dropdown {
|
|||||||
transition-delay: 0.3s;
|
transition-delay: 0.3s;
|
||||||
}
|
}
|
||||||
|
|
||||||
.dropdown {
|
|
||||||
display: none;
|
|
||||||
overflow: auto;
|
|
||||||
max-height: 70vh;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*---- main ----*/
|
/*---- main ----*/
|
||||||
.container {
|
|
||||||
position: relative;
|
|
||||||
height: 50vw;
|
|
||||||
width: 100%;
|
|
||||||
margin: auto;
|
|
||||||
margin-top: 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.carousel {
|
|
||||||
z-index: 1;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
border: 1px solid #ddd;
|
|
||||||
border-radius: 0.5rem;
|
|
||||||
position: relative;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
.slider-bg {
|
|
||||||
height: 100%;
|
|
||||||
width: 100%;
|
|
||||||
overflow: hidden;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
background-attachment: fixed;
|
|
||||||
background-size: cover;
|
|
||||||
background-position: center;
|
|
||||||
filter: blur(5px) brightness(75%);
|
|
||||||
-webkit-filter: blur(5px) brightness(60%);
|
|
||||||
z-index: 1;
|
|
||||||
position: absolute;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-content: center;
|
|
||||||
transition: 0.3s;
|
|
||||||
padding: auto;
|
|
||||||
border-radius: 0.5rem;
|
|
||||||
transform: scale(1.1);
|
|
||||||
}
|
|
||||||
|
|
||||||
.slider section {
|
.slider section {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
@@ -362,67 +272,6 @@ nav .dropdown {
|
|||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.prev,
|
|
||||||
.next {
|
|
||||||
background-color: rgba(0, 0, 0, 0.3);
|
|
||||||
color: #fff;
|
|
||||||
position: absolute;
|
|
||||||
height: 5rem;
|
|
||||||
width: 5rem;
|
|
||||||
font-size: 4.5rem;
|
|
||||||
top: 50%;
|
|
||||||
transform: translate(0, -50%);
|
|
||||||
z-index: 2;
|
|
||||||
cursor: pointer;
|
|
||||||
border-radius: 0.5rem;
|
|
||||||
font-family: serif;
|
|
||||||
-webkit-touch-callout: none;
|
|
||||||
-webkit-user-select: none;
|
|
||||||
-khtml-user-select: none;
|
|
||||||
-moz-user-select: none;
|
|
||||||
-ms-user-select: none;
|
|
||||||
user-select: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.next {
|
|
||||||
right: 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.prev {
|
|
||||||
left: 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pgctrl {
|
|
||||||
font-family: sans-serif, --apple-system;
|
|
||||||
z-index: 1;
|
|
||||||
position: absolute;
|
|
||||||
bottom: 0.5rem;
|
|
||||||
left: 50%;
|
|
||||||
vertical-align: middle;
|
|
||||||
transform: translate(-50%);
|
|
||||||
padding: 0px 0.5rem;
|
|
||||||
margin: 0px 0px;
|
|
||||||
background-color: rgba(0, 0, 0, 0.3);
|
|
||||||
border-radius: 10px;
|
|
||||||
list-style: none;
|
|
||||||
display: flex;
|
|
||||||
z-index: 2;
|
|
||||||
font-size: 4rem;
|
|
||||||
color: white;
|
|
||||||
cursor: pointer;
|
|
||||||
transition: 0.75s;
|
|
||||||
-webkit-touch-callout: none;
|
|
||||||
-webkit-user-select: none;
|
|
||||||
-khtml-user-select: none;
|
|
||||||
-moz-user-select: none;
|
|
||||||
-ms-user-select: none;
|
|
||||||
user-select: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.control {
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Cards */
|
/* Cards */
|
||||||
.album-cards {
|
.album-cards {
|
||||||
margin: auto;
|
margin: auto;
|
||||||
@@ -590,6 +439,7 @@ nav .dropdown {
|
|||||||
margin-top: 0.5rem;
|
margin-top: 0.5rem;
|
||||||
margin-left: -5px;
|
margin-left: -5px;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
|
font-size: 0.95rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.contact-email :not(textarea) {
|
.contact-email :not(textarea) {
|
||||||
@@ -657,14 +507,6 @@ nav .dropdown {
|
|||||||
margin-bottom: 1rem;
|
margin-bottom: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
textarea,
|
|
||||||
textfield {
|
|
||||||
padding: 5px;
|
|
||||||
font-size: 0.95rem;
|
|
||||||
resize: vertical;
|
|
||||||
min-height: 5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.topic {
|
.topic {
|
||||||
padding: 1rem;
|
padding: 1rem;
|
||||||
font-size: 3rem;
|
font-size: 3rem;
|
||||||
@@ -688,21 +530,6 @@ textfield {
|
|||||||
background-size: 100% 0.2em;
|
background-size: 100% 0.2em;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* overall */
|
|
||||||
.icons {
|
|
||||||
font-size: 2.25rem;
|
|
||||||
font-weight: 500;
|
|
||||||
}
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: "NerdFontsSymbols Nerd Font";
|
|
||||||
src: url("/assets/fonts/nf-symbols.woff2") format("woff2");
|
|
||||||
}
|
|
||||||
|
|
||||||
.nf-icons {
|
|
||||||
font-family: "NerdFontsSymbols Nerd Font";
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Releases */
|
/* Releases */
|
||||||
.release-track {
|
.release-track {
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
@@ -776,15 +603,6 @@ textfield {
|
|||||||
font-size: 1.6rem;
|
font-size: 1.6rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.subdiv {
|
|
||||||
padding: 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.long-br {
|
|
||||||
display: block;
|
|
||||||
height: 2rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (width >=1180px) and (width<=1690px) {
|
@media screen and (width >=1180px) and (width<=1690px) {
|
||||||
|
|
||||||
/*if(width<1620px&&width>=1125px)*/
|
/*if(width<1620px&&width>=1125px)*/
|
||||||
|
|||||||
+2
-2
@@ -17,8 +17,8 @@ half_img_cards = document.querySelector(".half-image-cards");
|
|||||||
import { createClient } from "https://cdn.jsdelivr.net/npm/@supabase/supabase-js/+esm";
|
import { createClient } from "https://cdn.jsdelivr.net/npm/@supabase/supabase-js/+esm";
|
||||||
|
|
||||||
const supabaseUrl = "https://owbamcqdmqetrgcznxva.supabase.co";
|
const supabaseUrl = "https://owbamcqdmqetrgcznxva.supabase.co";
|
||||||
const supabaseKey =
|
const supabaseKey = "sb_publishable_b0fMYw5I1X97gQXJLVBnrA_-0L4qHGv";
|
||||||
"sb_publishable_b0fMYw5I1X97gQXJLVBnrA_-0L4qHGv";
|
|
||||||
//anon key, you cant access private stuffs or add hilarious stuffs w/ this...
|
//anon key, you cant access private stuffs or add hilarious stuffs w/ this...
|
||||||
//(unless sending me some malicious links but I delete your msg)
|
//(unless sending me some malicious links but I delete your msg)
|
||||||
//the moment you notice you need an API endpoint.
|
//the moment you notice you need an API endpoint.
|
||||||
|
|||||||
+17
-8
@@ -13,7 +13,8 @@ const form = document.getElementById("mail-form"),
|
|||||||
emailInput = document.getElementById("email"),
|
emailInput = document.getElementById("email"),
|
||||||
subjectInput = document.getElementById("subject"),
|
subjectInput = document.getElementById("subject"),
|
||||||
messageInput = document.getElementById("message"),
|
messageInput = document.getElementById("message"),
|
||||||
statusMessage = document.querySelector(".box");
|
statusMessage = document.querySelector(".box"),
|
||||||
|
submitButton = form.querySelector('button[type="submit"]');;
|
||||||
|
|
||||||
form.addEventListener("submit", async (e) => {
|
form.addEventListener("submit", async (e) => {
|
||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
@@ -23,14 +24,16 @@ form.addEventListener("submit", async (e) => {
|
|||||||
const subject = subjectInput.value.trim();
|
const subject = subjectInput.value.trim();
|
||||||
const message = messageInput.value.trim();
|
const message = messageInput.value.trim();
|
||||||
|
|
||||||
if (!name || !email || !subject || !message ||
|
|
||||||
name.length==0 || email.length==0 || subject.length==0 || message.length==0) {
|
|
||||||
statusMessage.textContent = "Please fill in all fields.";
|
|
||||||
statusMessage.style = "background: #FFDCDC";
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
try {
|
try {
|
||||||
|
|
||||||
|
[name, email, subject, message].forEach(obj => {
|
||||||
|
if (!obj || obj.length===0) {
|
||||||
|
throw new Error("field_missing");
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
if (submitButton) submitButton.disabled = true;
|
||||||
const { data, error } = await supabase
|
const { data, error } = await supabase
|
||||||
.from("mail")
|
.from("mail")
|
||||||
.insert([{ name, email, subject, message }]);
|
.insert([{ name, email, subject, message }]);
|
||||||
@@ -42,9 +45,15 @@ form.addEventListener("submit", async (e) => {
|
|||||||
statusMessage.textContent = "Message sent successfully!";
|
statusMessage.textContent = "Message sent successfully!";
|
||||||
statusMessage.style = "background: #DDF6D2";
|
statusMessage.style = "background: #DDF6D2";
|
||||||
form.reset();
|
form.reset();
|
||||||
|
if (submitButton) submitButton.disabled = false;
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
console.error("Error sending message:", error);
|
console.error("Error sending message:", error);
|
||||||
statusMessage.textContent = "Error sending message. Please try again.";
|
statusMessage.textContent = (error.message === "field_missing") ?
|
||||||
|
/*if (error==="field_missing")*/
|
||||||
|
"Please fill in all fields." :
|
||||||
|
/*else*/
|
||||||
|
"Error sending message. Please try again.";
|
||||||
statusMessage.style = "background: #FFDCDC";
|
statusMessage.style = "background: #FFDCDC";
|
||||||
|
if (submitButton) submitButton.disabled = false;
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|||||||
@@ -0,0 +1 @@
|
|||||||
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path d="M509.9 452.2C503.5 479.6 482.7 495 454.8 500.2C430.3 504.7 409.9 505.8 390.3 490C366.4 469.9 366.1 436.6 387.6 415.6C404.6 399.4 428.5 396.1 464.4 389.8C470.4 388.7 475.6 387.3 480 382.4C486.4 375.2 484.4 378.3 484.4 219.2C484.4 208 478.9 204.9 467.4 206.9C459.2 208.3 281.7 241.5 281.7 241.5C271.5 243.7 268.3 246.7 268.3 258.2C268.3 492.9 269.4 482.1 265.8 497.7C261.6 515.9 250.4 529.6 235.6 537.2C218.8 546.5 188.4 550.6 172.2 547.6C129 539.5 113.8 489.6 143.1 461C160.1 444.8 184 441.5 219.9 435.2C225.9 434.1 231.1 432.7 235.5 427.8C245.6 416.3 237.3 171.2 240.7 157.6C241.5 152.4 243.7 148 247.8 144.7C252 141.2 259.6 139.2 261.2 139.2C465.2 101 490.1 96.1 493.6 96.1C505.1 95.3 511.7 102.1 511.7 113.7C511.9 458.2 512.8 439.7 509.9 452.2z"/></svg>
|
||||||
|
After Width: | Height: | Size: 978 B |
@@ -0,0 +1 @@
|
|||||||
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path d="M320 72C183 72 72 183 72 320C72 457 183 568 320 568C457 568 568 457 568 320C568 183 457 72 320 72zM368.2 398.1L187.2 398.1L271.9 242L452.9 242L368.2 398.1z"/></svg>
|
||||||
|
After Width: | Height: | Size: 387 B |
@@ -0,0 +1 @@
|
|||||||
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path d="M524.5 133.8C524.3 133.5 524.1 133.2 523.7 133.1C485.6 115.6 445.3 103.1 404 96C403.6 95.9 403.2 96 402.9 96.1C402.6 96.2 402.3 96.5 402.1 96.9C396.6 106.8 391.6 117.1 387.2 127.5C342.6 120.7 297.3 120.7 252.8 127.5C248.3 117 243.3 106.8 237.7 96.9C237.5 96.6 237.2 96.3 236.9 96.1C236.6 95.9 236.2 95.9 235.8 95.9C194.5 103 154.2 115.5 116.1 133C115.8 133.1 115.5 133.4 115.3 133.7C39.1 247.5 18.2 358.6 28.4 468.2C28.4 468.5 28.5 468.7 28.6 469C28.7 469.3 28.9 469.4 29.1 469.6C73.5 502.5 123.1 527.6 175.9 543.8C176.3 543.9 176.7 543.9 177 543.8C177.3 543.7 177.7 543.4 177.9 543.1C189.2 527.7 199.3 511.3 207.9 494.3C208 494.1 208.1 493.8 208.1 493.5C208.1 493.2 208.1 493 208 492.7C207.9 492.4 207.8 492.2 207.6 492.1C207.4 492 207.2 491.8 206.9 491.7C191.1 485.6 175.7 478.3 161 469.8C160.7 469.6 160.5 469.4 160.3 469.2C160.1 469 160 468.6 160 468.3C160 468 160 467.7 160.2 467.4C160.4 467.1 160.5 466.9 160.8 466.7C163.9 464.4 167 462 169.9 459.6C170.2 459.4 170.5 459.2 170.8 459.2C171.1 459.2 171.5 459.2 171.8 459.3C268 503.2 372.2 503.2 467.3 459.3C467.6 459.2 468 459.1 468.3 459.1C468.6 459.1 469 459.3 469.2 459.5C472.1 461.9 475.2 464.4 478.3 466.7C478.5 466.9 478.7 467.1 478.9 467.4C479.1 467.7 479.1 468 479.1 468.3C479.1 468.6 479 468.9 478.8 469.2C478.6 469.5 478.4 469.7 478.2 469.8C463.5 478.4 448.2 485.7 432.3 491.6C432.1 491.7 431.8 491.8 431.6 492C431.4 492.2 431.3 492.4 431.2 492.7C431.1 493 431.1 493.2 431.1 493.5C431.1 493.8 431.2 494 431.3 494.3C440.1 511.3 450.1 527.6 461.3 543.1C461.5 543.4 461.9 543.7 462.2 543.8C462.5 543.9 463 543.9 463.3 543.8C516.2 527.6 565.9 502.5 610.4 469.6C610.6 469.4 610.8 469.2 610.9 469C611 468.8 611.1 468.5 611.1 468.2C623.4 341.4 590.6 231.3 524.2 133.7zM222.5 401.5C193.5 401.5 169.7 374.9 169.7 342.3C169.7 309.7 193.1 283.1 222.5 283.1C252.2 283.1 275.8 309.9 275.3 342.3C275.3 375 251.9 401.5 222.5 401.5zM417.9 401.5C388.9 401.5 365.1 374.9 365.1 342.3C365.1 309.7 388.5 283.1 417.9 283.1C447.6 283.1 471.2 309.9 470.7 342.3C470.7 375 447.5 401.5 417.9 401.5z"/></svg>
|
||||||
|
After Width: | Height: | Size: 2.2 KiB |
@@ -0,0 +1 @@
|
|||||||
|
|
||||||
@@ -0,0 +1 @@
|
|||||||
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path d="M640.2 362.6C638.9 385.7 628.7 407.4 611.8 423.1C594.9 438.8 572.6 447.5 549.5 447.2L331.5 447.2C326.7 447.2 322.1 445.2 318.7 441.8C315.3 438.4 313.4 433.8 313.4 429L313.4 194.2C313.2 190.2 314.3 186.2 316.5 182.8C318.7 179.4 321.8 176.7 325.5 175.1C325.5 175.1 345.6 161.2 387.8 161.2C413.6 161.2 438.9 168.1 461.1 181.3C478.4 191.5 493.4 205.1 505.2 221.4C517 237.7 525.2 256.2 529.4 275.8C536.9 273.7 544.7 272.6 552.5 272.6C564.2 272.5 575.8 274.8 586.7 279.3C597.6 283.8 607.2 290.6 615.4 299C623.6 307.4 630 317.3 634.3 328.3C638.6 339.3 640.6 350.9 640.2 362.6zM286.2 209.1C286.3 208.1 286.2 207.1 285.9 206.2C285.6 205.3 285.1 204.4 284.4 203.6C283.7 202.8 282.9 202.3 282 201.9C280.2 201.1 278 201.1 276.2 201.9C275.3 202.3 274.5 202.9 273.8 203.6C273.1 204.3 272.6 205.2 272.3 206.2C272 207.2 271.9 208.1 272 209.1C266 288 261.4 362 272 440.7C272.2 442.4 273 444 274.3 445.2C276.9 447.6 281.1 447.6 283.7 445.2C285 444 285.8 442.4 286 440.7C297.3 361.3 292.6 288.7 286 209.1L286.2 209.1zM242.2 236.4C242 234.6 241.1 232.9 239.8 231.7C238.5 230.5 236.7 229.8 234.8 229.8C232.9 229.8 231.2 230.5 229.8 231.7C228.4 232.9 227.6 234.6 227.4 236.4C219.5 304.3 219.5 372.9 227.4 440.8C227.7 442.6 228.6 444.2 229.9 445.3C231.2 446.4 233 447.1 234.7 447.1C236.4 447.1 238.2 446.5 239.5 445.3C240.8 444.1 241.7 442.5 242 440.8C250.8 373 250.8 304.3 242.1 236.4L242.2 236.4zM197.9 229.5C197.7 227.7 196.9 226.1 195.6 224.9C194.3 223.7 192.6 223.1 190.8 223.1C189 223.1 187.3 223.8 186 224.9C184.7 226 183.9 227.7 183.7 229.5C177 301.5 173.5 368.8 183.7 440.6C183.7 442.5 184.4 444.3 185.8 445.6C187.2 446.9 188.9 447.7 190.8 447.7C192.7 447.7 194.5 447 195.8 445.6C197.1 444.2 197.9 442.5 197.9 440.6C208.4 367.8 205.2 302.4 198 229.5L197.9 229.5zM153.9 250.1C153.9 248.2 153.1 246.3 151.8 244.9C150.5 243.5 148.6 242.8 146.6 242.8C144.6 242.8 142.8 243.6 141.4 244.9C140 246.2 139.3 248.1 139.3 250.1C131.2 313.4 131.2 377.6 139.3 440.9C139.5 442.7 140.3 444.3 141.7 445.5C143.1 446.7 144.8 447.4 146.5 447.4C148.2 447.4 150 446.7 151.3 445.5C152.6 444.3 153.5 442.7 153.7 440.9C162.5 377.6 162.6 313.4 154 250.1L153.9 250.1zM109.4 297.7C109.4 295.8 108.6 293.9 107.3 292.6C106 291.3 104.1 290.5 102.2 290.5C100.3 290.5 98.4 291.3 97.1 292.6C95.8 293.9 95 295.8 95 297.7C84.5 346.9 89.5 391.6 95.4 441.3C95.7 442.9 96.5 444.4 97.7 445.5C98.9 446.6 100.5 447.2 102.2 447.2C103.9 447.2 105.4 446.6 106.7 445.5C108 444.4 108.8 443 109 441.3C115.6 390.9 120.6 347.2 109.4 297.7zM65.3 290.2C65.1 288.4 64.2 286.7 62.9 285.4C61.6 284.1 59.7 283.5 57.9 283.5C56.1 283.5 54.3 284.2 52.9 285.4C51.5 286.6 50.7 288.3 50.5 290.2C41.2 340.4 44.3 384.6 50.8 434.7C51.5 442.3 64.4 442.2 65.2 434.7C72.4 383.8 75.7 340.9 65.5 290.2L65.3 290.2zM20.7 314.8C20.5 313 19.6 311.3 18.3 310C17 308.7 15.1 308.1 13.3 308.1C11.5 308.1 9.7 308.8 8.3 310C6.9 311.2 6 312.9 5.9 314.8C-2.6 348.5 0 376.4 6.5 410.2C6.7 411.9 7.5 413.5 8.8 414.6C10.1 415.7 11.7 416.4 13.5 416.4C15.3 416.4 16.9 415.8 18.2 414.6C19.5 413.4 20.3 411.9 20.5 410.2C28 375.7 31.7 348.4 20.9 314.8L20.7 314.8z"/></svg>
|
||||||
|
After Width: | Height: | Size: 3.2 KiB |
@@ -0,0 +1 @@
|
|||||||
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path d="M320 72C183 72 72 183 72 320C72 457 183 568 320 568C457 568 568 457 568 320C568 183 457 72 320 72zM420.7 436.9C416.5 436.9 413.9 435.6 410 433.3C347.6 395.7 275 394.1 203.3 408.8C199.4 409.8 194.3 411.4 191.4 411.4C181.7 411.4 175.6 403.7 175.6 395.6C175.6 385.3 181.7 380.4 189.2 378.8C271.1 360.7 354.8 362.3 426.2 405C432.3 408.9 435.9 412.4 435.9 421.5C435.9 430.6 428.8 436.9 420.7 436.9zM447.6 371.3C442.4 371.3 438.9 369 435.3 367.1C372.8 330.1 279.6 315.2 196.7 337.7C191.9 339 189.3 340.3 184.8 340.3C174.1 340.3 165.4 331.6 165.4 320.9C165.4 310.2 170.6 303.1 180.9 300.2C208.7 292.4 237.1 286.6 278.7 286.6C343.6 286.6 406.3 302.7 455.7 332.1C463.8 336.9 467 343.1 467 351.8C466.9 362.6 458.5 371.3 447.6 371.3zM478.6 295.1C473.4 295.1 470.2 293.8 465.7 291.2C394.5 248.7 267.2 238.5 184.8 261.5C181.2 262.5 176.7 264.1 171.9 264.1C158.7 264.1 148.6 253.8 148.6 240.5C148.6 226.9 157 219.2 166 216.6C201.2 206.3 240.6 201.4 283.5 201.4C356.5 201.4 433 216.6 488.9 249.2C496.7 253.7 501.8 259.9 501.8 271.8C501.8 285.4 490.8 295.1 478.6 295.1z"/></svg>
|
||||||
|
After Width: | Height: | Size: 1.3 KiB |
@@ -0,0 +1 @@
|
|||||||
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path d="M 439.895 112 L 503.879 112 L 364.133 288.199 L 528.527 528 L 399.84 528 L 298.973 382.602 L 183.699 528 L 119.629 528 L 269.066 339.5 L 111.473 112 L 243.422 112 L 334.5 244.898 Z M 417.422 485.801 L 452.855 485.801 L 224.117 152 L 186.055 152 Z"/></svg>
|
||||||
|
After Width: | Height: | Size: 478 B |
@@ -0,0 +1 @@
|
|||||||
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path d="M581.7 188.1C575.5 164.4 556.9 145.8 533.4 139.5C490.9 128 320.1 128 320.1 128C320.1 128 149.3 128 106.7 139.5C83.2 145.8 64.7 164.4 58.4 188.1C47 231 47 320.4 47 320.4C47 320.4 47 409.8 58.4 452.7C64.7 476.3 83.2 494.2 106.7 500.5C149.3 512 320.1 512 320.1 512C320.1 512 490.9 512 533.5 500.5C557 494.2 575.5 476.3 581.8 452.7C593.2 409.8 593.2 320.4 593.2 320.4C593.2 320.4 593.2 231 581.8 188.1zM264.2 401.6L264.2 239.2L406.9 320.4L264.2 401.6z"/></svg>
|
||||||
|
After Width: | Height: | Size: 679 B |
+117
-37
@@ -1,15 +1,21 @@
|
|||||||
<!DOCTYPE html>
|
<!doctype html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<title>t404:null | Contacts</title>
|
<title>t404:null | Contacts</title>
|
||||||
<meta name="description" content="Hello there! I'm t404:null (a.k.a t404owo).
|
<meta
|
||||||
|
name="description"
|
||||||
|
content="Hello there! I'm t404:null (a.k.a t404owo).
|
||||||
|
|
||||||
Here is my contact list. Feel free to contact me in case you need anything in my reach ;)" />
|
Here is my contact list. Feel free to contact me in case you need anything in my reach ;)"
|
||||||
<link rel="icon" type="image/x-icon" href="https://cdn.glitch.global/2d9e31c1-a947-46cd-9fd2-8c92be70abe2/t404_null%20Icon.png" />
|
/>
|
||||||
|
<link
|
||||||
|
rel="icon"
|
||||||
|
type="image/x-icon"
|
||||||
|
href="https://gitlab.com/t404null/cdn.t404null.com/-/raw/main/avatar.png"
|
||||||
|
/>
|
||||||
<meta charset="UTF-8" />
|
<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" />
|
||||||
<script src="/assets/js/mail.js" type="module"></script>
|
<script src="/assets/js/mail.js" type="module"></script>
|
||||||
<script src="https://cdn.jsdelivr.net/npm/eruda"></script>
|
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<nav>
|
<nav>
|
||||||
@@ -17,8 +23,9 @@ Here is my contact list. Feel free to contact me in case you need anything in my
|
|||||||
<li>
|
<li>
|
||||||
<a href="/">
|
<a href="/">
|
||||||
<img
|
<img
|
||||||
src="https://cdn.glitch.global/f594d6b7-e72e-477c-b5cb-d71abbd39f44/logo.png?v=1716494259675"
|
src="https://gitlab.com/t404null/cdn.t404null.com/-/raw/main/logo.png"
|
||||||
alt="t404:null"
|
alt="t404:null"
|
||||||
|
class="logo"
|
||||||
/>
|
/>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
@@ -86,12 +93,16 @@ Here is my contact list. Feel free to contact me in case you need anything in my
|
|||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="social">
|
<li class="social">
|
||||||
<a href="https://open.spotify.com/artist/7jNOPuWk28EUX69mrp4ITL/">
|
<a
|
||||||
|
href="https://open.spotify.com/artist/7jNOPuWk28EUX69mrp4ITL/"
|
||||||
|
>
|
||||||
<p class="nf-icons">󰓇</p>
|
<p class="nf-icons">󰓇</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="social">
|
<li class="social">
|
||||||
<a href="https://music.apple.com/artist/t404-null/1583561849">
|
<a
|
||||||
|
href="https://music.apple.com/artist/t404-null/1583561849"
|
||||||
|
>
|
||||||
<p class="nf-icons"></p>
|
<p class="nf-icons"></p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
@@ -108,8 +119,12 @@ Here is my contact list. Feel free to contact me in case you need anything in my
|
|||||||
<li>
|
<li>
|
||||||
<button
|
<button
|
||||||
class="burger"
|
class="burger"
|
||||||
onclick="this.classList.toggle('open');
|
onclick="
|
||||||
document.querySelector('.dropdown').classList.toggle('dropdown-open');"
|
this.classList.toggle('open');
|
||||||
|
document
|
||||||
|
.querySelector('.dropdown')
|
||||||
|
.classList.toggle('dropdown-open');
|
||||||
|
"
|
||||||
>
|
>
|
||||||
<div id="hamburger">
|
<div id="hamburger">
|
||||||
<span></span>
|
<span></span>
|
||||||
@@ -171,13 +186,17 @@ Here is my contact list. Feel free to contact me in case you need anything in my
|
|||||||
<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>
|
||||||
@@ -197,61 +216,122 @@ Here is my contact list. Feel free to contact me in case you need anything in my
|
|||||||
<h1 class="topic">Contacts</h1>
|
<h1 class="topic">Contacts</h1>
|
||||||
<ul class="info contact-cards">
|
<ul class="info contact-cards">
|
||||||
<li>
|
<li>
|
||||||
<strong class="title" style="color:#5b6"><b class="nf-icons icons">󰍩</b> Phone (Messages Only)</strong>
|
<strong class="title" style="color: #5b6"
|
||||||
|
><b class="nf-icons icons">󰍩</b> Phone (Messages
|
||||||
|
Only)</strong
|
||||||
|
>
|
||||||
<p class="desc">+49 (0) 15236754810</p>
|
<p class="desc">+49 (0) 15236754810</p>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<strong class="title" style="color:#555"><b class="nf-icons icons"></b> Email</strong>
|
<strong class="title" style="color: #555"
|
||||||
|
><b class="nf-icons icons"></b> Email</strong
|
||||||
|
>
|
||||||
<p class="desc">
|
<p class="desc">
|
||||||
<a href="mailto:info@t404null.com" class="text-info">info@t404null.com</a>
|
<a href="mailto:info@t404null.com" class="text-info"
|
||||||
|
>info@t404null.com</a
|
||||||
|
>
|
||||||
<br />
|
<br />
|
||||||
<a href="mailto:request@t404null.com" class="text-info">request@t404null.com</a>
|
<a href="mailto:request@t404null.com" class="text-info"
|
||||||
|
>request@t404null.com</a
|
||||||
|
>
|
||||||
<br />
|
<br />
|
||||||
<a href="mailto:t404.null@t404null.com" class="text-info">t404.null@t404null.com</a>
|
<a
|
||||||
|
href="mailto:t404.null@t404null.com"
|
||||||
|
class="text-info"
|
||||||
|
>t404.null@t404null.com</a
|
||||||
|
>
|
||||||
<br /><br />Or:<br />
|
<br /><br />Or:<br />
|
||||||
<a href="mailto:t404.null@gmail.com" class="text-info">t404.null@gmail.com</a>
|
<a href="mailto:t404.null@gmail.com" class="text-info"
|
||||||
|
>t404.null@gmail.com</a
|
||||||
|
>
|
||||||
<br />
|
<br />
|
||||||
<a href="mailto:t404owo@gmail.com" class="text-info">t404owo@gmail.com</a>
|
<a href="mailto:t404owo@gmail.com" class="text-info"
|
||||||
|
>t404owo@gmail.com</a
|
||||||
|
>
|
||||||
<br />
|
<br />
|
||||||
<a href="mailto:tags4owo@gmail.com" class="text-info">tags4owo@gmail.com</a>
|
<a href="mailto:tags4owo@gmail.com" class="text-info"
|
||||||
|
>tags4owo@gmail.com</a
|
||||||
|
>
|
||||||
<br />
|
<br />
|
||||||
</p>
|
</p>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a href="https://discord.gg/YJmkAFbKFX" style="color:#5865F2; background:none;">
|
<a
|
||||||
<strong class="title"><b class="nf-icons icons"></b> Discord</strong>
|
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>
|
<p class="desc">https://discord.gg/YJmkAFbKFX</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="https://x.com/t404_null" style="color:black; background: none">
|
<li>
|
||||||
<strong class="title"><b class="nf-icons icons"></b> X / Twitter</strong>
|
<a
|
||||||
|
href="https://x.com/t404_null"
|
||||||
|
style="color: black; background: none"
|
||||||
|
>
|
||||||
|
<strong class="title"
|
||||||
|
><b class="nf-icons icons"></b> X /
|
||||||
|
Twitter</strong
|
||||||
|
>
|
||||||
<p class="desc">@t404_null</p>
|
<p class="desc">@t404_null</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
<hr />
|
<hr />
|
||||||
<h1 class="topic">
|
<h1 class="topic">(Or) Contact me here</h1>
|
||||||
(Or) Contact me here
|
|
||||||
</h1>
|
|
||||||
<div class="contact-email">
|
<div class="contact-email">
|
||||||
<form method="POST" class="form" id="mail-form">
|
<form method="POST" class="form" id="mail-form">
|
||||||
<label for="name">Subject:</label>
|
<label for="name">Name:</label>
|
||||||
<input type="text" name="name" id="name" class="inputbox" placeholder="Your Name" required>
|
<input
|
||||||
<br>
|
type="text"
|
||||||
|
name="name"
|
||||||
|
id="name"
|
||||||
|
class="inputbox"
|
||||||
|
placeholder="Your Name"
|
||||||
|
required
|
||||||
|
/>
|
||||||
|
<br />
|
||||||
<label for="email">Email:</label>
|
<label for="email">Email:</label>
|
||||||
<input type="email" name="email" id="email" class="inputbox" placeholder="your.email@here.please" autocomplete="email" required>
|
<input
|
||||||
<br>
|
type="email"
|
||||||
|
name="email"
|
||||||
|
id="email"
|
||||||
|
class="inputbox"
|
||||||
|
placeholder="your.email@here.please"
|
||||||
|
autocomplete="email"
|
||||||
|
required
|
||||||
|
/>
|
||||||
|
<br />
|
||||||
<label for="subject">Subject:</label>
|
<label for="subject">Subject:</label>
|
||||||
<input type="text" name="subject" id="subject" class="inputbox" placeholder="Your topic here ;)" required>
|
<input
|
||||||
<br>
|
type="text"
|
||||||
|
name="subject"
|
||||||
|
id="subject"
|
||||||
|
class="inputbox"
|
||||||
|
placeholder="Your topic here ;)"
|
||||||
|
required
|
||||||
|
/>
|
||||||
|
<br />
|
||||||
<label for="message">Message:</label>
|
<label for="message">Message:</label>
|
||||||
<textarea type="text" name="message" id="message" class="inputbox" placeholder="Message here." required></textarea>
|
<textarea
|
||||||
<br>
|
type="text"
|
||||||
|
name="message"
|
||||||
|
id="message"
|
||||||
|
class="inputbox"
|
||||||
|
placeholder="Message here."
|
||||||
|
required
|
||||||
|
></textarea>
|
||||||
|
<br />
|
||||||
<div class="box"></div>
|
<div class="box"></div>
|
||||||
<button type="submit" class="formbutton">Submit</button>
|
<button type="submit" class="formbutton">Submit</button>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
</main>
|
</main>
|
||||||
<div class="footer">© t404:null 2021-2025 - All Rights Reserved</div>
|
<div class="footer">
|
||||||
|
© t404:null 2021-2025 - All Rights Reserved
|
||||||
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
+27
-20
@@ -1,4 +1,4 @@
|
|||||||
<!DOCTYPE html>
|
<!doctype html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<title>t404:null</title>
|
<title>t404:null</title>
|
||||||
@@ -10,14 +10,10 @@ I write/make/produce EDM music(DTM), and for every releases I'll post my music o
|
|||||||
<link
|
<link
|
||||||
rel="icon"
|
rel="icon"
|
||||||
type="image/x-icon"
|
type="image/x-icon"
|
||||||
href="https://cdn.glitch.global/2d9e31c1-a947-46cd-9fd2-8c92be70abe2/t404_null%20Icon.png"
|
href="https://gitlab.com/t404null/cdn.t404null.com/-/raw/main/avatar.png"
|
||||||
/>
|
/>
|
||||||
<meta charset="UTF-8" />
|
<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" />
|
||||||
<script src="https://cdn.jsdelivr.net/npm/eruda"></script>
|
|
||||||
<script>
|
|
||||||
eruda.init();
|
|
||||||
</script>
|
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<nav>
|
<nav>
|
||||||
@@ -25,8 +21,9 @@ I write/make/produce EDM music(DTM), and for every releases I'll post my music o
|
|||||||
<li>
|
<li>
|
||||||
<a href="/">
|
<a href="/">
|
||||||
<img
|
<img
|
||||||
src="https://cdn.glitch.global/f594d6b7-e72e-477c-b5cb-d71abbd39f44/logo.png?v=1716494259675"
|
src="https://gitlab.com/t404null/cdn.t404null.com/-/raw/main/logo.png"
|
||||||
alt="t404:null"
|
alt="t404:null"
|
||||||
|
class="logo"
|
||||||
/>
|
/>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
@@ -94,12 +91,16 @@ I write/make/produce EDM music(DTM), and for every releases I'll post my music o
|
|||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="social">
|
<li class="social">
|
||||||
<a href="https://open.spotify.com/artist/7jNOPuWk28EUX69mrp4ITL/">
|
<a
|
||||||
|
href="https://open.spotify.com/artist/7jNOPuWk28EUX69mrp4ITL/"
|
||||||
|
>
|
||||||
<p class="nf-icons">󰓇</p>
|
<p class="nf-icons">󰓇</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="social">
|
<li class="social">
|
||||||
<a href="https://music.apple.com/artist/t404-null/1583561849">
|
<a
|
||||||
|
href="https://music.apple.com/artist/t404-null/1583561849"
|
||||||
|
>
|
||||||
<p class="nf-icons"></p>
|
<p class="nf-icons"></p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
@@ -116,8 +117,12 @@ I write/make/produce EDM music(DTM), and for every releases I'll post my music o
|
|||||||
<li>
|
<li>
|
||||||
<button
|
<button
|
||||||
class="burger"
|
class="burger"
|
||||||
onclick="this.classList.toggle('open');
|
onclick="
|
||||||
document.querySelector('.dropdown').classList.toggle('dropdown-open');"
|
this.classList.toggle('open');
|
||||||
|
document
|
||||||
|
.querySelector('.dropdown')
|
||||||
|
.classList.toggle('dropdown-open');
|
||||||
|
"
|
||||||
>
|
>
|
||||||
<div id="hamburger">
|
<div id="hamburger">
|
||||||
<span></span>
|
<span></span>
|
||||||
@@ -179,13 +184,17 @@ I write/make/produce EDM music(DTM), and for every releases I'll post my music o
|
|||||||
<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>
|
||||||
@@ -219,18 +228,16 @@ I write/make/produce EDM music(DTM), and for every releases I'll post my music o
|
|||||||
<h1 class="topic">
|
<h1 class="topic">
|
||||||
<a href="/release">Releases (Click for more)</a>
|
<a href="/release">Releases (Click for more)</a>
|
||||||
</h1>
|
</h1>
|
||||||
<div class="album-cards">
|
<div class="album-cards">Nothing here yet. ;D</div>
|
||||||
Nothing here yet. ;D
|
|
||||||
</div>
|
|
||||||
<hr />
|
<hr />
|
||||||
<h1 class="topic">
|
<h1 class="topic">
|
||||||
<a href="/activity">Activities</a>
|
<a href="/activity">Activities</a>
|
||||||
</h1>
|
</h1>
|
||||||
<div class="half-image-cards">
|
<div class="half-image-cards">Nothing here yet. ;D</div>
|
||||||
Nothing here yet. ;D
|
|
||||||
</div>
|
|
||||||
</main>
|
</main>
|
||||||
<div class="footer">© t404:null 2021-2025 - All Rights Reserved</div>
|
<div class="footer">
|
||||||
|
© t404:null 2021-2025 - All Rights Reserved
|
||||||
|
</div>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
<script src="/assets/js/index.js" type="module"></script>
|
<script src="/assets/js/index.js" type="module"></script>
|
||||||
|
|||||||
@@ -0,0 +1,950 @@
|
|||||||
|
@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");
|
||||||
|
@import url("/assets/css/old.css");
|
||||||
|
|
||||||
|
body {
|
||||||
|
margin: 0px;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
main,
|
||||||
|
textarea,
|
||||||
|
textfield {
|
||||||
|
font-family: Jost, "Noto Sans Japanese", sans-serif, --apple-system;
|
||||||
|
font-size: 1.25rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
main {
|
||||||
|
margin: 0.75rem;
|
||||||
|
height: 100%;
|
||||||
|
margin-bottom: 0;
|
||||||
|
margin-top: 0;
|
||||||
|
min-height: calc(100vh - 10vh);
|
||||||
|
}
|
||||||
|
|
||||||
|
.main-page {
|
||||||
|
max-width: 2300px;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo {
|
||||||
|
height: 3.75rem;
|
||||||
|
width: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
hr {
|
||||||
|
margin: 2rem 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav {
|
||||||
|
z-index: 4;
|
||||||
|
position: -webkit-sticky;
|
||||||
|
position: sticky;
|
||||||
|
/* width:100%; */
|
||||||
|
top: 10px;
|
||||||
|
background-color: #f5f5f5;
|
||||||
|
font-family:
|
||||||
|
"Plus Jakarta Sans", "Noto Sans Japanese", sans-serif, --apple-system;
|
||||||
|
font-size: 1.25rem;
|
||||||
|
padding: 4px;
|
||||||
|
margin: 10px;
|
||||||
|
margin-top: 15px;
|
||||||
|
border-radius: 12px;
|
||||||
|
box-shadow: 0px 0px 12px 0.1px #d0d0d0;
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: auto 1fr auto;
|
||||||
|
|
||||||
|
ul {
|
||||||
|
padding-left: 15px;
|
||||||
|
list-style-type: none;
|
||||||
|
margin: 0px;
|
||||||
|
align-content: center;
|
||||||
|
|
||||||
|
li {
|
||||||
|
display: inline-block;
|
||||||
|
padding-right: 4px;
|
||||||
|
vertical-align: middle;
|
||||||
|
|
||||||
|
p {
|
||||||
|
padding-top: 0.4rem;
|
||||||
|
vertical-align: middle;
|
||||||
|
margin: 0.5rem 1rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
margin-top: 0.25rem;
|
||||||
|
height: 1.5rem;
|
||||||
|
vertical-align: middle;
|
||||||
|
padding-right: 0.3rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: black;
|
||||||
|
text-decoration: none;
|
||||||
|
|
||||||
|
-webkit-touch-callout: none;
|
||||||
|
-webkit-user-select: none;
|
||||||
|
-khtml-user-select: none;
|
||||||
|
-moz-user-select: none;
|
||||||
|
-ms-user-select: none;
|
||||||
|
user-select: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.vertical-line {
|
||||||
|
width: 0.1rem;
|
||||||
|
background-color: black;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.social {
|
||||||
|
font-size: 2.5rem;
|
||||||
|
padding-bottom: 0.4rem;
|
||||||
|
transition: 0.3s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.social:hover {
|
||||||
|
opacity: 50%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dropdown {
|
||||||
|
margin: 0.75rem;
|
||||||
|
position: absolute;
|
||||||
|
background-color: #f5f5f5;
|
||||||
|
box-shadow: 0px 0px 12px 0.1px #d0d0d0;
|
||||||
|
padding: 0.25rem 0.5rem;
|
||||||
|
border-radius: 7px;
|
||||||
|
right: 0;
|
||||||
|
top: 6rem;
|
||||||
|
display: none;
|
||||||
|
opacity: 0;
|
||||||
|
transition: 0.3s;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer {
|
||||||
|
font-family: Jost, "Plus Jakarta Sans", "Noto Sans Japanese", sans-serif;
|
||||||
|
position: sticky;
|
||||||
|
/* width: 100%; */
|
||||||
|
background-color: white;
|
||||||
|
/* bottom: 0; */
|
||||||
|
/* left:0; */
|
||||||
|
z-index: 3;
|
||||||
|
padding: 1rem;
|
||||||
|
background-color: #ddd;
|
||||||
|
margin: 0px;
|
||||||
|
text-align: center;
|
||||||
|
align-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*---nav---*/
|
||||||
|
|
||||||
|
.menu {
|
||||||
|
padding-top: 0.4rem;
|
||||||
|
padding-bottom: 0.8rem;
|
||||||
|
|
||||||
|
p {
|
||||||
|
background-size: 0% 0.2em;
|
||||||
|
background-image: linear-gradient(#000, #000);
|
||||||
|
background-position-y: 104%;
|
||||||
|
background-position-x: 0%;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
transition: 0.3s ease-in-out;
|
||||||
|
}
|
||||||
|
|
||||||
|
p:hover,
|
||||||
|
.currentpage {
|
||||||
|
opacity: 60%;
|
||||||
|
background-size: 100% 0.2em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.burger {
|
||||||
|
border: none;
|
||||||
|
display: none;
|
||||||
|
width: 70px;
|
||||||
|
height: 70px;
|
||||||
|
margin: 0 0;
|
||||||
|
position: relative;
|
||||||
|
position: relative;
|
||||||
|
cursor: pointer;
|
||||||
|
background-color: #f5f5f5;
|
||||||
|
border-radius: 12px;
|
||||||
|
transition: 0.2s ease-in-out;
|
||||||
|
|
||||||
|
span {
|
||||||
|
transition: 0.2s ease-in-out;
|
||||||
|
box-sizing: border-box;
|
||||||
|
display: block;
|
||||||
|
background-color: #000;
|
||||||
|
border-radius: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#hamburger {
|
||||||
|
position: absolute;
|
||||||
|
height: 100%;
|
||||||
|
width: 100%;
|
||||||
|
top: 0%;
|
||||||
|
left: 0%;
|
||||||
|
|
||||||
|
span {
|
||||||
|
width: 70%;
|
||||||
|
height: 5%;
|
||||||
|
top: 17.5%;
|
||||||
|
left: 16%;
|
||||||
|
position: relative;
|
||||||
|
margin: 12% 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
span:nth-child(1) {
|
||||||
|
transition-delay: 0.2s;
|
||||||
|
}
|
||||||
|
|
||||||
|
span:nth-child(2) {
|
||||||
|
transition-delay: 0.3s;
|
||||||
|
}
|
||||||
|
|
||||||
|
span:nth-child(3) {
|
||||||
|
transition-delay: 0.4s;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#cross {
|
||||||
|
position: absolute;
|
||||||
|
height: 100%;
|
||||||
|
width: 100%;
|
||||||
|
top: 0%;
|
||||||
|
left: 1.5%;
|
||||||
|
transform: rotate(45deg);
|
||||||
|
|
||||||
|
span:nth-child(1) {
|
||||||
|
height: 0%;
|
||||||
|
width: 5%;
|
||||||
|
position: absolute;
|
||||||
|
right: 46%;
|
||||||
|
/*a / */
|
||||||
|
top: 10%;
|
||||||
|
transform: translate(-50%);
|
||||||
|
transition-delay: 0s;
|
||||||
|
}
|
||||||
|
|
||||||
|
span:nth-child(2) {
|
||||||
|
width: 0%;
|
||||||
|
height: 5%;
|
||||||
|
position: absolute;
|
||||||
|
right: 11%;
|
||||||
|
top: 48%;
|
||||||
|
transition-delay: 0s;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.burger:hover {
|
||||||
|
opacity: 40%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.burger.open {
|
||||||
|
#hamburger {
|
||||||
|
span {
|
||||||
|
width: 0%;
|
||||||
|
}
|
||||||
|
|
||||||
|
span:nth-child(1) {
|
||||||
|
transition-delay: 0s;
|
||||||
|
}
|
||||||
|
|
||||||
|
span:nth-child(2) {
|
||||||
|
transition-delay: 0.1s;
|
||||||
|
}
|
||||||
|
|
||||||
|
span:nth-child(3) {
|
||||||
|
transition-delay: 0.2s;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#cross {
|
||||||
|
span:nth-child(1) {
|
||||||
|
height: 80%;
|
||||||
|
transition-delay: 0.3s;
|
||||||
|
}
|
||||||
|
|
||||||
|
span:nth-child(2) {
|
||||||
|
width: 80%;
|
||||||
|
transition-delay: 0.3s;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.dropdown {
|
||||||
|
display: none;
|
||||||
|
overflow: auto;
|
||||||
|
max-height: 70vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*---- main ----*/
|
||||||
|
.container {
|
||||||
|
position: relative;
|
||||||
|
height: 50vw;
|
||||||
|
width: 100%;
|
||||||
|
margin: auto;
|
||||||
|
margin-top: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.carousel {
|
||||||
|
z-index: 1;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
border: 1px solid #ddd;
|
||||||
|
border-radius: 0.5rem;
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.slider-bg {
|
||||||
|
height: 100%;
|
||||||
|
width: 100%;
|
||||||
|
overflow: hidden;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-attachment: fixed;
|
||||||
|
background-size: cover;
|
||||||
|
background-position: center;
|
||||||
|
filter: blur(5px) brightness(75%);
|
||||||
|
-webkit-filter: blur(5px) brightness(60%);
|
||||||
|
z-index: 1;
|
||||||
|
position: absolute;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-content: center;
|
||||||
|
transition: 0.3s;
|
||||||
|
padding: auto;
|
||||||
|
border-radius: 0.5rem;
|
||||||
|
transform: scale(1.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.slider section {
|
||||||
|
overflow: hidden;
|
||||||
|
z-index: 1;
|
||||||
|
position: absolute;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-content: center;
|
||||||
|
transition: 0.3s;
|
||||||
|
padding: auto;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
border-radius: 0.5rem;
|
||||||
|
font-family:
|
||||||
|
"Plus Jakarta Sans", "Noto Sans Japanese", sans-serif, --apple-system;
|
||||||
|
|
||||||
|
div {
|
||||||
|
color: #fff;
|
||||||
|
position: relative;
|
||||||
|
z-index: 2;
|
||||||
|
margin: 0px;
|
||||||
|
display: grid;
|
||||||
|
justify-content: center;
|
||||||
|
grid-template-rows: 3.5fr 1fr 1fr 5rem;
|
||||||
|
grid-template-columns: 1fr auto 1fr;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-size: 2rem;
|
||||||
|
grid-row-start: 2;
|
||||||
|
grid-row-end: 3;
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
font-size: 1.25rem;
|
||||||
|
grid-row-start: 3;
|
||||||
|
grid-row-end: 4;
|
||||||
|
}
|
||||||
|
|
||||||
|
p,
|
||||||
|
h1 {
|
||||||
|
width: 60vw;
|
||||||
|
text-align: center;
|
||||||
|
grid-column-start: 2;
|
||||||
|
/*|•|*/
|
||||||
|
grid-column-end: 3;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.slider:hover {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.prev,
|
||||||
|
.next {
|
||||||
|
background-color: rgba(0, 0, 0, 0.3);
|
||||||
|
color: #fff;
|
||||||
|
position: absolute;
|
||||||
|
height: 5rem;
|
||||||
|
width: 5rem;
|
||||||
|
font-size: 4.5rem;
|
||||||
|
top: 50%;
|
||||||
|
transform: translate(0, -50%);
|
||||||
|
z-index: 2;
|
||||||
|
cursor: pointer;
|
||||||
|
border-radius: 0.5rem;
|
||||||
|
font-family: serif;
|
||||||
|
|
||||||
|
-webkit-touch-callout: none;
|
||||||
|
-webkit-user-select: none;
|
||||||
|
-khtml-user-select: none;
|
||||||
|
-moz-user-select: none;
|
||||||
|
-ms-user-select: none;
|
||||||
|
user-select: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.next {
|
||||||
|
right: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.prev {
|
||||||
|
left: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pgctrl {
|
||||||
|
font-family: sans-serif, --apple-system;
|
||||||
|
z-index: 1;
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0.5rem;
|
||||||
|
left: 50%;
|
||||||
|
vertical-align: middle;
|
||||||
|
transform: translate(-50%);
|
||||||
|
padding: 0px 0.5rem;
|
||||||
|
margin: 0px 0px;
|
||||||
|
background-color: rgba(0, 0, 0, 0.3);
|
||||||
|
border-radius: 10px;
|
||||||
|
list-style: none;
|
||||||
|
display: flex;
|
||||||
|
z-index: 2;
|
||||||
|
font-size: 4rem;
|
||||||
|
color: white;
|
||||||
|
cursor: pointer;
|
||||||
|
transition: 0.75s;
|
||||||
|
|
||||||
|
-webkit-touch-callout: none;
|
||||||
|
-webkit-user-select: none;
|
||||||
|
-khtml-user-select: none;
|
||||||
|
-moz-user-select: none;
|
||||||
|
-ms-user-select: none;
|
||||||
|
user-select: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.control {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Cards */
|
||||||
|
|
||||||
|
.album-cards {
|
||||||
|
margin: auto;
|
||||||
|
margin-bottom: 2.5rem;
|
||||||
|
justify-content: center;
|
||||||
|
display: grid;
|
||||||
|
grid-template-rows: repeat(auto-fill, 23rem);
|
||||||
|
grid-template-columns: repeat(auto-fill, 23rem);
|
||||||
|
grid-gap: 1rem;
|
||||||
|
|
||||||
|
.card {
|
||||||
|
transition: 0.75s;
|
||||||
|
color: black;
|
||||||
|
background-color: #ddd;
|
||||||
|
height: 23rem;
|
||||||
|
border-radius: 7px;
|
||||||
|
text-decoration: none;
|
||||||
|
|
||||||
|
div {
|
||||||
|
z-index: 1;
|
||||||
|
position: inherit;
|
||||||
|
height: 100%;
|
||||||
|
width: 100%;
|
||||||
|
background-color: #ddd;
|
||||||
|
border-radius: 7px;
|
||||||
|
transition: 0.5s;
|
||||||
|
}
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
font-size: 1.9rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
font-size: 1.2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
h2,
|
||||||
|
p {
|
||||||
|
color: white;
|
||||||
|
padding: 0.3rem 0.75rem 0.3rem 0.75rem;
|
||||||
|
position: relative;
|
||||||
|
z-index: 3;
|
||||||
|
opacity: 0;
|
||||||
|
transition: 0.5s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bg-img {
|
||||||
|
/* background: url(/assets/img/t404_null-logo.png); */
|
||||||
|
background-size: cover;
|
||||||
|
position: absolute;
|
||||||
|
height: 23rem;
|
||||||
|
width: 23rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.card:hover {
|
||||||
|
.bg-img {
|
||||||
|
filter: blur(5px) brightness(50%);
|
||||||
|
-webkit-filter: blur(5px) brightness(50%);
|
||||||
|
}
|
||||||
|
|
||||||
|
h2,
|
||||||
|
p {
|
||||||
|
filter: none;
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.half-image-cards {
|
||||||
|
margin: auto;
|
||||||
|
margin-bottom: 2.5rem;
|
||||||
|
justify-content: center;
|
||||||
|
display: grid;
|
||||||
|
grid-template-rows: repeat(auto-fill, 30rem);
|
||||||
|
grid-template-columns: repeat(auto-fill, minmax(23rem, 60rem));
|
||||||
|
grid-gap: 1rem;
|
||||||
|
|
||||||
|
.card {
|
||||||
|
transition: 0.75s;
|
||||||
|
color: black;
|
||||||
|
background-color: #ddd;
|
||||||
|
height: 30rem;
|
||||||
|
border-radius: 7px;
|
||||||
|
text-decoration: none;
|
||||||
|
|
||||||
|
div {
|
||||||
|
z-index: 1;
|
||||||
|
position: inherit;
|
||||||
|
height: 100%;
|
||||||
|
width: 100%;
|
||||||
|
background-color: #ddd;
|
||||||
|
border-radius: 7px;
|
||||||
|
transition: 0.5s;
|
||||||
|
}
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
font-size: 1.9rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
font-size: 1.1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
h2,
|
||||||
|
p {
|
||||||
|
/* color: black; */
|
||||||
|
padding: 0.3rem 10vw 0.3rem 5vw;
|
||||||
|
position: relative;
|
||||||
|
z-index: 3;
|
||||||
|
opacity: 0;
|
||||||
|
transition: 0.5s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bg-img {
|
||||||
|
/* background: url(/assets/img/t404_null-logo.png); */
|
||||||
|
background-size: cover;
|
||||||
|
position: absolute;
|
||||||
|
background-position: center left;
|
||||||
|
height: 30rem;
|
||||||
|
width: 30rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.card:hover {
|
||||||
|
.bg-img {
|
||||||
|
filter: brightness(40%);
|
||||||
|
-webkit-filter: brightness(40%);
|
||||||
|
width: 8vw;
|
||||||
|
border-radius: 7px 0px 0px 7px;
|
||||||
|
}
|
||||||
|
|
||||||
|
h2,
|
||||||
|
p {
|
||||||
|
padding: 0.3rem 5vw 0.3rem 10vw;
|
||||||
|
filter: none;
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.contact-email {
|
||||||
|
.inputbox {
|
||||||
|
outline: none;
|
||||||
|
height: 3rem;
|
||||||
|
width: 100%;
|
||||||
|
display: block;
|
||||||
|
background: #efefef;
|
||||||
|
color: black;
|
||||||
|
border: 0px solid #505050;
|
||||||
|
border-radius: 5px;
|
||||||
|
transition: 0.3s;
|
||||||
|
margin-top: 0.5rem;
|
||||||
|
margin-left: -5px;
|
||||||
|
padding: 5px;
|
||||||
|
font-size: 0.95rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
:not(textarea) {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.inputbox:hover {
|
||||||
|
background: #dedede;
|
||||||
|
}
|
||||||
|
|
||||||
|
.inputbox:focus {
|
||||||
|
background: #cecece;
|
||||||
|
}
|
||||||
|
|
||||||
|
button {
|
||||||
|
width: 100%;
|
||||||
|
height: 3rem;
|
||||||
|
border-radius: 5px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.formbutton {
|
||||||
|
background: #272727;
|
||||||
|
color: #fff;
|
||||||
|
border: 0px;
|
||||||
|
transition-duration: 300ms;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.formbutton:hover {
|
||||||
|
background: #727272;
|
||||||
|
}
|
||||||
|
|
||||||
|
.form {
|
||||||
|
border-radius: 5px;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
margin: auto;
|
||||||
|
padding: 4rem 2.5rem;
|
||||||
|
width: 65%;
|
||||||
|
background: #fdfdfd;
|
||||||
|
box-shadow: rgba(50, 50, 50, 0.1) 0px 4px 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.error_box {
|
||||||
|
background: #ffeeee;
|
||||||
|
border-radius: 5px;
|
||||||
|
|
||||||
|
margin: auto;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
text-align: center;
|
||||||
|
padding: 1rem 1rem;
|
||||||
|
margin-bottom: 1.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.box {
|
||||||
|
height: 2rem;
|
||||||
|
width: 100%;
|
||||||
|
text-align: center;
|
||||||
|
border-radius: 5px;
|
||||||
|
margin: auto;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
padding: 0.5rem 0px;
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
textarea,
|
||||||
|
textfield {
|
||||||
|
padding: 5px;
|
||||||
|
resize: vertical;
|
||||||
|
min-height: 5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.topic {
|
||||||
|
padding: 1rem;
|
||||||
|
font-size: 3rem;
|
||||||
|
margin-top: 3vw;
|
||||||
|
margin-bottom: 7vw;
|
||||||
|
|
||||||
|
a {
|
||||||
|
text-decoration: none;
|
||||||
|
color: black;
|
||||||
|
background-size: 0% 0.2em;
|
||||||
|
background-image: linear-gradient(black, black);
|
||||||
|
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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* overall */
|
||||||
|
.icons {
|
||||||
|
font-size: 2.25rem;
|
||||||
|
font-weight: 500;
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: "NerdFontsSymbols Nerd Font";
|
||||||
|
src: url("https://www.nerdfonts.com/assets/fonts/Symbols-2048-em Nerd Font Complete.woff2")
|
||||||
|
format("woff2");
|
||||||
|
}
|
||||||
|
|
||||||
|
.nf-icons {
|
||||||
|
font-family: "NerdFontsSymbols Nerd Font";
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Releases */
|
||||||
|
.release-track {
|
||||||
|
background-size: cover;
|
||||||
|
background-position: center;
|
||||||
|
height: 100%;
|
||||||
|
min-height: calc(100vh - 25rem);
|
||||||
|
padding: 5vw 5vw;
|
||||||
|
border-radius: 10px;
|
||||||
|
border: 1px solid #ddd;
|
||||||
|
|
||||||
|
strong {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text-box {
|
||||||
|
max-width: 1250px;
|
||||||
|
margin: 25% auto;
|
||||||
|
background-color: rgba(0, 0, 0, 75%);
|
||||||
|
height: 100%;
|
||||||
|
color: #ddd;
|
||||||
|
padding: 2rem;
|
||||||
|
border-radius: 7px;
|
||||||
|
font-size: 1.2rem;
|
||||||
|
|
||||||
|
a {
|
||||||
|
text-decoration: none;
|
||||||
|
color: #fff;
|
||||||
|
background-size: 0% 0.2em;
|
||||||
|
background-image: linear-gradient(#ccc, #ccc);
|
||||||
|
background-position-y: 104%;
|
||||||
|
background-position-x: 0%;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
transition: 0.3s ease-in-out;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:hover {
|
||||||
|
color: #ccc;
|
||||||
|
background-size: 100% 0.2em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 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 (width >=1180px) and (width<=1690px) {
|
||||||
|
/*if(width<1620px&&width>=1125px)*/
|
||||||
|
|
||||||
|
nav {
|
||||||
|
.dropdown {
|
||||||
|
.dropdown-social {
|
||||||
|
position: relative;
|
||||||
|
width: 17.5rem;
|
||||||
|
padding: 0rem 0rem;
|
||||||
|
|
||||||
|
a {
|
||||||
|
transition: 0.2s;
|
||||||
|
display: flex;
|
||||||
|
padding: 1rem;
|
||||||
|
border-radius: 7px;
|
||||||
|
margin: 0.3rem 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:hover {
|
||||||
|
background-color: #ddd;
|
||||||
|
}
|
||||||
|
|
||||||
|
strong {
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
align-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
margin: 0.5rem 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.dropdown-menu {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu,
|
||||||
|
.dropdown-open.dropdown,
|
||||||
|
.dropdown-open.dropdown-social {
|
||||||
|
opacity: 1;
|
||||||
|
display: initial;
|
||||||
|
}
|
||||||
|
|
||||||
|
.social,
|
||||||
|
.dropdown-open.dropdown-menu {
|
||||||
|
opacity: 0;
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.burger {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (width<1180px) {
|
||||||
|
/*if(width<1125px)*/
|
||||||
|
|
||||||
|
nav {
|
||||||
|
font-size: 1.4rem;
|
||||||
|
|
||||||
|
ul {
|
||||||
|
img {
|
||||||
|
height: 2.5rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.social {
|
||||||
|
font-size: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.burger {
|
||||||
|
height: 100px;
|
||||||
|
width: 100px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dropdown {
|
||||||
|
.dropdown-social,
|
||||||
|
.dropdown-menu {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dropdown-menu {
|
||||||
|
width: 18rem;
|
||||||
|
padding: 0rem 0rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dropdown-social {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dropdown-menu p,
|
||||||
|
.dropdown-social a {
|
||||||
|
transition: 0.2s;
|
||||||
|
padding: 1rem;
|
||||||
|
border-radius: 7px;
|
||||||
|
margin: 0.3rem 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dropdown-menu p:hover {
|
||||||
|
background-color: #ddd;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dropdown-social a:hover {
|
||||||
|
opacity: 50%;
|
||||||
|
}
|
||||||
|
|
||||||
|
hr {
|
||||||
|
margin: 0.75rem 0rem;
|
||||||
|
padding: 1rem;
|
||||||
|
border: 1px solid #aaa;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.social-name {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.social,
|
||||||
|
.menu-item {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dropdown-open {
|
||||||
|
transition: 0.3s;
|
||||||
|
opacity: 1;
|
||||||
|
display: initial;
|
||||||
|
|
||||||
|
.dropdown,
|
||||||
|
.dropdown-social,
|
||||||
|
.downdown-menu {
|
||||||
|
display: initial;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.burger {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -1,8 +1,9 @@
|
|||||||
<!DOCTYPE html>
|
<!doctype html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<title>t404:null | A Lake With Endless Stars</title>
|
<title>t404:null | A Lake With Endless Stars</title>
|
||||||
<meta name="description"
|
<meta
|
||||||
|
name="description"
|
||||||
content="”A Lake with Endless Stars” is the first song in 2023 from t404:null and is realeased at 9.4.2023 on Soundcloud, YouTube and Bandcamp and 9.5.2023 on distrubution platforms.
|
content="”A Lake with Endless Stars” is the first song in 2023 from t404:null and is realeased at 9.4.2023 on Soundcloud, YouTube and Bandcamp and 9.5.2023 on distrubution platforms.
|
||||||
The track is also a part of a fanmade event named ”Fanmade of Fighters”.
|
The track is also a part of a fanmade event named ”Fanmade of Fighters”.
|
||||||
Available on:
|
Available on:
|
||||||
@@ -10,11 +11,12 @@ YouTube
|
|||||||
Soundcloud
|
Soundcloud
|
||||||
Bandcamp,
|
Bandcamp,
|
||||||
Spotify
|
Spotify
|
||||||
and more...">
|
and more..."
|
||||||
|
/>
|
||||||
<link
|
<link
|
||||||
rel="icon"
|
rel="icon"
|
||||||
type="image/x-icon"
|
type="image/x-icon"
|
||||||
href="https://cdn.glitch.global/2d9e31c1-a947-46cd-9fd2-8c92be70abe2/t404_null%20Icon.png"
|
href="https://gitlab.com/t404null/cdn.t404null.com/-/raw/main/avatar.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>
|
||||||
@@ -24,8 +26,9 @@ and more...">
|
|||||||
<li>
|
<li>
|
||||||
<a href="/">
|
<a href="/">
|
||||||
<img
|
<img
|
||||||
src="https://cdn.glitch.global/f594d6b7-e72e-477c-b5cb-d71abbd39f44/logo.png?v=1716494259675"
|
src="https://gitlab.com/t404null/cdn.t404null.com/-/raw/main/logo.png"
|
||||||
alt="t404:null"
|
alt="t404:null"
|
||||||
|
class="logo"
|
||||||
/>
|
/>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
@@ -93,12 +96,16 @@ and more...">
|
|||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="social">
|
<li class="social">
|
||||||
<a href="https://open.spotify.com/artist/7jNOPuWk28EUX69mrp4ITL/">
|
<a
|
||||||
|
href="https://open.spotify.com/artist/7jNOPuWk28EUX69mrp4ITL/"
|
||||||
|
>
|
||||||
<p class="nf-icons">󰓇</p>
|
<p class="nf-icons">󰓇</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="social">
|
<li class="social">
|
||||||
<a href="https://music.apple.com/artist/t404-null/1583561849">
|
<a
|
||||||
|
href="https://music.apple.com/artist/t404-null/1583561849"
|
||||||
|
>
|
||||||
<p class="nf-icons"></p>
|
<p class="nf-icons"></p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
@@ -115,8 +122,12 @@ and more...">
|
|||||||
<li>
|
<li>
|
||||||
<button
|
<button
|
||||||
class="burger"
|
class="burger"
|
||||||
onclick="this.classList.toggle('open');
|
onclick="
|
||||||
document.querySelector('.dropdown').classList.toggle('dropdown-open');"
|
this.classList.toggle('open');
|
||||||
|
document
|
||||||
|
.querySelector('.dropdown')
|
||||||
|
.classList.toggle('dropdown-open');
|
||||||
|
"
|
||||||
>
|
>
|
||||||
<div id="hamburger">
|
<div id="hamburger">
|
||||||
<span></span>
|
<span></span>
|
||||||
@@ -178,13 +189,17 @@ and more...">
|
|||||||
<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>
|
||||||
@@ -214,18 +229,21 @@ and more...">
|
|||||||
<strong>A Lake with Endless Stars</strong>
|
<strong>A Lake with Endless Stars</strong>
|
||||||
</h1>
|
</h1>
|
||||||
<p class="description">
|
<p class="description">
|
||||||
"Under the coruscating night sky, gaze into the kaleidoscopic
|
"Under the coruscating night sky, gaze into the
|
||||||
waters..."
|
kaleidoscopic waters..."
|
||||||
</p>
|
</p>
|
||||||
<div class="long-break"></div>
|
<div class="long-break"></div>
|
||||||
<p class="description">
|
<p class="description">
|
||||||
"A Lake with Endless Stars" is the first song in 2023 from t404:null
|
"A Lake with Endless Stars" is the first song in 2023
|
||||||
and is realeased at 9.4.2023 on Soundcloud, YouTube and Bandcamp and
|
from t404:null and is realeased at 9.4.2023 on
|
||||||
9.5.2023 on distrubution platforms.
|
Soundcloud, YouTube and Bandcamp and 9.5.2023 on
|
||||||
|
distrubution platforms.
|
||||||
</p>
|
</p>
|
||||||
<p>
|
<p>
|
||||||
<br />Available on: <br />
|
<br />Available on: <br />
|
||||||
<a href="https://youtu.be/zutjmeOELoA" class="text-primary"
|
<a
|
||||||
|
href="https://youtu.be/zutjmeOELoA"
|
||||||
|
class="text-primary"
|
||||||
>YouTube</a
|
>YouTube</a
|
||||||
>
|
>
|
||||||
<br />
|
<br />
|
||||||
@@ -256,6 +274,8 @@ and more...">
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</main>
|
</main>
|
||||||
<div class="footer">© t404:null 2021-2024 - All Rights Reserved</div>
|
<div class="footer">
|
||||||
|
© t404:null 2021-2024 - All Rights Reserved
|
||||||
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
@@ -1,16 +1,24 @@
|
|||||||
<!DOCTYPE html>
|
<!doctype html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<title>t404:null | Oblitus Requiem \\Against the Forsaken Legacy//</title>
|
<title>
|
||||||
<meta name="description"
|
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...
|
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:
|
Available on:
|
||||||
YouTube
|
YouTube
|
||||||
Soundcloud
|
Soundcloud
|
||||||
Bandcamp,
|
Bandcamp,
|
||||||
Spotify (31.08.2023)
|
Spotify (31.08.2023)
|
||||||
and more...">
|
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="icon"
|
||||||
|
type="image/x-icon"
|
||||||
|
href="https://gitlab.com/t404null/cdn.t404null.com/-/raw/main/avatar.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>
|
||||||
@@ -19,8 +27,9 @@ and more...">
|
|||||||
<li>
|
<li>
|
||||||
<a href="/">
|
<a href="/">
|
||||||
<img
|
<img
|
||||||
src="https://cdn.glitch.global/f594d6b7-e72e-477c-b5cb-d71abbd39f44/logo.png?v=1716494259675"
|
src="https://gitlab.com/t404null/cdn.t404null.com/-/raw/main/logo.png"
|
||||||
alt="t404:null"
|
alt="t404:null"
|
||||||
|
class="logo"
|
||||||
/>
|
/>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
@@ -88,12 +97,16 @@ and more...">
|
|||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="social">
|
<li class="social">
|
||||||
<a href="https://open.spotify.com/artist/7jNOPuWk28EUX69mrp4ITL/">
|
<a
|
||||||
|
href="https://open.spotify.com/artist/7jNOPuWk28EUX69mrp4ITL/"
|
||||||
|
>
|
||||||
<p class="nf-icons">󰓇</p>
|
<p class="nf-icons">󰓇</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="social">
|
<li class="social">
|
||||||
<a href="https://music.apple.com/artist/t404-null/1583561849">
|
<a
|
||||||
|
href="https://music.apple.com/artist/t404-null/1583561849"
|
||||||
|
>
|
||||||
<p class="nf-icons"></p>
|
<p class="nf-icons"></p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
@@ -110,8 +123,12 @@ and more...">
|
|||||||
<li>
|
<li>
|
||||||
<button
|
<button
|
||||||
class="burger"
|
class="burger"
|
||||||
onclick="this.classList.toggle('open');
|
onclick="
|
||||||
document.querySelector('.dropdown').classList.toggle('dropdown-open');"
|
this.classList.toggle('open');
|
||||||
|
document
|
||||||
|
.querySelector('.dropdown')
|
||||||
|
.classList.toggle('dropdown-open');
|
||||||
|
"
|
||||||
>
|
>
|
||||||
<div id="hamburger">
|
<div id="hamburger">
|
||||||
<span></span>
|
<span></span>
|
||||||
@@ -173,13 +190,17 @@ and more...">
|
|||||||
<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>
|
||||||
@@ -196,34 +217,75 @@ and more...">
|
|||||||
</div>
|
</div>
|
||||||
</nav>
|
</nav>
|
||||||
<main>
|
<main>
|
||||||
<div class="release-track" style="
|
<div
|
||||||
|
class="release-track"
|
||||||
|
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);
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
background-position: center;
|
background-position: center;
|
||||||
">
|
"
|
||||||
|
>
|
||||||
<div class="text-box">
|
<div class="text-box">
|
||||||
<h1 class="title">
|
<h1 class="title">
|
||||||
<strong>Oblitus Requiem \\Against the Forsaken Legacy//</strong>
|
<strong
|
||||||
|
>Oblitus Requiem \\Against the Forsaken
|
||||||
|
Legacy//</strong
|
||||||
|
>
|
||||||
</h1>
|
</h1>
|
||||||
<p class="description"> "Even if you don't remember me now, I will bring the you I once knew back from them." </p>
|
<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>
|
<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">
|
||||||
<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>
|
"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>
|
<p>
|
||||||
<br />Available on: <br />
|
<br />Available on: <br />
|
||||||
<a href="https://youtu.be/c1WtqWyt1IU" class="text-primary">YouTube</a>
|
<a
|
||||||
|
href="https://youtu.be/c1WtqWyt1IU"
|
||||||
|
class="text-primary"
|
||||||
|
>YouTube</a
|
||||||
|
>
|
||||||
<br />
|
<br />
|
||||||
<a href="https://m.soundcloud.com/t404null/oblitus-requiem" class="text-primary">Soundcloud</a>
|
<a
|
||||||
|
href="https://m.soundcloud.com/t404null/oblitus-requiem"
|
||||||
|
class="text-primary"
|
||||||
|
>Soundcloud</a
|
||||||
|
>
|
||||||
<br />
|
<br />
|
||||||
<a href="https://t404null.bandcamp.com/album/oblitus-requiem-against-the-forsaken-legacy" class="text-primary">Bandcamp</a>
|
<a
|
||||||
|
href="https://t404null.bandcamp.com/album/oblitus-requiem-against-the-forsaken-legacy"
|
||||||
|
class="text-primary"
|
||||||
|
>Bandcamp</a
|
||||||
|
>
|
||||||
<br />
|
<br />
|
||||||
<a href="https://music.apple.com/album/oblitus-requiem-against-the-forsaken-legacy-single/1702294902" class="text-primary">Itunes / Apple Music</a>
|
<a
|
||||||
|
href="https://music.apple.com/album/oblitus-requiem-against-the-forsaken-legacy-single/1702294902"
|
||||||
|
class="text-primary"
|
||||||
|
>Itunes / Apple Music</a
|
||||||
|
>
|
||||||
<br />
|
<br />
|
||||||
<a href="https://open.spotify.com/album/7xJY39U6M3Z5NuNzt2GnCK" class="text-primary">Spotify</a>
|
<a
|
||||||
|
href="https://open.spotify.com/album/7xJY39U6M3Z5NuNzt2GnCK"
|
||||||
|
class="text-primary"
|
||||||
|
>Spotify</a
|
||||||
|
>
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</main>
|
</main>
|
||||||
<div class="footer">© t404:null 2021-2024 - All Rights Reserved</div>
|
<div class="footer">
|
||||||
|
© t404:null 2021-2024 - All Rights Reserved
|
||||||
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
@@ -1,8 +1,10 @@
|
|||||||
<!DOCTYPE html>
|
<!doctype html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<title>t404:null | hello.world(Zer/O)</title>
|
<title>t404:null | hello.world(Zer/O)</title>
|
||||||
<meta name="description" content="”What do I see... a new world...?
|
<meta
|
||||||
|
name="description"
|
||||||
|
content="”What do I see... a new world...?
|
||||||
It appears, that I am living in a world, where no-one lives...”
|
It appears, that I am living in a world, where no-one lives...”
|
||||||
|
|
||||||
”hello.world(Zer/O)” is a first release from t404:null at 08.22.2022 on Youtube, spotify.
|
”hello.world(Zer/O)” is a first release from t404:null at 08.22.2022 on Youtube, spotify.
|
||||||
@@ -14,8 +16,13 @@ Spotify(Release date at 09.20.2021)
|
|||||||
YouTube
|
YouTube
|
||||||
YouTube Music(Release date at 09.20.2021)
|
YouTube Music(Release date at 09.20.2021)
|
||||||
Soundcloud
|
Soundcloud
|
||||||
Bandcamp">
|
Bandcamp"
|
||||||
<link rel="icon" type="image/x-icon" href="https://cdn.glitch.global/2d9e31c1-a947-46cd-9fd2-8c92be70abe2/t404_null%20Icon.png" />
|
/>
|
||||||
|
<link
|
||||||
|
rel="icon"
|
||||||
|
type="image/x-icon"
|
||||||
|
href="https://gitlab.com/t404null/cdn.t404null.com/-/raw/main/avatar.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>
|
||||||
@@ -24,8 +31,9 @@ Bandcamp">
|
|||||||
<li>
|
<li>
|
||||||
<a href="/">
|
<a href="/">
|
||||||
<img
|
<img
|
||||||
src="https://cdn.glitch.global/f594d6b7-e72e-477c-b5cb-d71abbd39f44/logo.png?v=1716494259675"
|
src="https://gitlab.com/t404null/cdn.t404null.com/-/raw/main/logo.png"
|
||||||
alt="t404:null"
|
alt="t404:null"
|
||||||
|
class="logo"
|
||||||
/>
|
/>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
@@ -93,12 +101,16 @@ Bandcamp">
|
|||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="social">
|
<li class="social">
|
||||||
<a href="https://open.spotify.com/artist/7jNOPuWk28EUX69mrp4ITL/">
|
<a
|
||||||
|
href="https://open.spotify.com/artist/7jNOPuWk28EUX69mrp4ITL/"
|
||||||
|
>
|
||||||
<p class="nf-icons">󰓇</p>
|
<p class="nf-icons">󰓇</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="social">
|
<li class="social">
|
||||||
<a href="https://music.apple.com/artist/t404-null/1583561849">
|
<a
|
||||||
|
href="https://music.apple.com/artist/t404-null/1583561849"
|
||||||
|
>
|
||||||
<p class="nf-icons"></p>
|
<p class="nf-icons"></p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
@@ -115,8 +127,12 @@ Bandcamp">
|
|||||||
<li>
|
<li>
|
||||||
<button
|
<button
|
||||||
class="burger"
|
class="burger"
|
||||||
onclick="this.classList.toggle('open');
|
onclick="
|
||||||
document.querySelector('.dropdown').classList.toggle('dropdown-open');"
|
this.classList.toggle('open');
|
||||||
|
document
|
||||||
|
.querySelector('.dropdown')
|
||||||
|
.classList.toggle('dropdown-open');
|
||||||
|
"
|
||||||
>
|
>
|
||||||
<div id="hamburger">
|
<div id="hamburger">
|
||||||
<span></span>
|
<span></span>
|
||||||
@@ -178,13 +194,17 @@ Bandcamp">
|
|||||||
<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>
|
||||||
@@ -201,29 +221,70 @@ Bandcamp">
|
|||||||
</div>
|
</div>
|
||||||
</nav>
|
</nav>
|
||||||
<main>
|
<main>
|
||||||
<div class="release-track" style="background-image: url(https://t404null.glitch.me/assets/images/image1.png);background-size:cover;background-position:center;">
|
<div
|
||||||
|
class="release-track"
|
||||||
|
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"> "What can I see... a new world...? <br />It appears, that I am living in a world, where no-one lives..." <br />
|
<p class="description">
|
||||||
<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 />
|
"What can I see... a new world...? <br />It appears,
|
||||||
|
that I am living in a world, where no-one lives..."
|
||||||
|
<br />
|
||||||
|
<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 />
|
||||||
<br />Available in: <br />
|
<br />Available in: <br />
|
||||||
<a href="https://music.apple.com/album/hello-world-zer-o-single/1583561848" class="text-primary">Itunes/Apple Music</a>
|
<a
|
||||||
|
href="https://music.apple.com/album/hello-world-zer-o-single/1583561848"
|
||||||
|
class="text-primary"
|
||||||
|
>Itunes/Apple Music</a
|
||||||
|
>
|
||||||
<br />
|
<br />
|
||||||
<a href="https://open.spotify.com/album/0MX0zluXBvEerdCL12Cd1s" class="text-primary">Spotify(Release date at 09.20.2021)</a>
|
<a
|
||||||
|
href="https://open.spotify.com/album/0MX0zluXBvEerdCL12Cd1s"
|
||||||
|
class="text-primary"
|
||||||
|
>Spotify(Release date at 09.20.2021)</a
|
||||||
|
>
|
||||||
<br />
|
<br />
|
||||||
<a href="https://youtu.be/0apqJaWY5QM" class="text-primary">YouTube</a>
|
<a
|
||||||
|
href="https://youtu.be/0apqJaWY5QM"
|
||||||
|
class="text-primary"
|
||||||
|
>YouTube</a
|
||||||
|
>
|
||||||
<br />
|
<br />
|
||||||
<a href="https://music.youtube.com/watch?v=kVX6kdnvhAo" class="text-primary">YouTube Music(Release date at 09.20.2021)</a>
|
<a
|
||||||
|
href="https://music.youtube.com/watch?v=kVX6kdnvhAo"
|
||||||
|
class="text-primary"
|
||||||
|
>YouTube Music(Release date at 09.20.2021)</a
|
||||||
|
>
|
||||||
<br />
|
<br />
|
||||||
<a href="https://m.soundcloud.com/t404null/helloworldzero" class="text-primary">Soundcloud</a>
|
<a
|
||||||
|
href="https://m.soundcloud.com/t404null/helloworldzero"
|
||||||
|
class="text-primary"
|
||||||
|
>Soundcloud</a
|
||||||
|
>
|
||||||
<br />
|
<br />
|
||||||
<a href="https://t404null.bandcamp.com/album/hello-world-zer-o" class="text-primary">Bandcamp</a>
|
<a
|
||||||
|
href="https://t404null.bandcamp.com/album/hello-world-zer-o"
|
||||||
|
class="text-primary"
|
||||||
|
>Bandcamp</a
|
||||||
|
>
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</main>
|
</main>
|
||||||
<div class="footer">© t404:null 2021-2024 - All Rights Reserved</div>
|
<div class="footer">
|
||||||
|
© t404:null 2021-2024 - All Rights Reserved
|
||||||
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
+35
-15
@@ -1,10 +1,17 @@
|
|||||||
<!DOCTYPE html>
|
<!doctype html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<title>t404:null | Releases</title>
|
<title>t404:null | Releases</title>
|
||||||
<meta name="description" content="Hello there! I'm t404:null (a.k.a t404owo).
|
<meta
|
||||||
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." />
|
name="description"
|
||||||
<link rel="icon" type="image/x-icon" href="https://cdn.glitch.global/2d9e31c1-a947-46cd-9fd2-8c92be70abe2/t404_null%20Icon.png" />
|
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://gitlab.com/t404null/cdn.t404null.com/-/raw/main/avatar.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>
|
||||||
@@ -13,8 +20,9 @@ I write/make/produce EDM music(DTM), and for every releases I'll post my music o
|
|||||||
<li>
|
<li>
|
||||||
<a href="/">
|
<a href="/">
|
||||||
<img
|
<img
|
||||||
src="https://cdn.glitch.global/f594d6b7-e72e-477c-b5cb-d71abbd39f44/logo.png?v=1716494259675"
|
src="https://gitlab.com/t404null/cdn.t404null.com/-/raw/main/logo.png"
|
||||||
alt="t404:null"
|
alt="t404:null"
|
||||||
|
class="logo"
|
||||||
/>
|
/>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
@@ -82,12 +90,16 @@ I write/make/produce EDM music(DTM), and for every releases I'll post my music o
|
|||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="social">
|
<li class="social">
|
||||||
<a href="https://open.spotify.com/artist/7jNOPuWk28EUX69mrp4ITL/">
|
<a
|
||||||
|
href="https://open.spotify.com/artist/7jNOPuWk28EUX69mrp4ITL/"
|
||||||
|
>
|
||||||
<p class="nf-icons">󰓇</p>
|
<p class="nf-icons">󰓇</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="social">
|
<li class="social">
|
||||||
<a href="https://music.apple.com/artist/t404-null/1583561849">
|
<a
|
||||||
|
href="https://music.apple.com/artist/t404-null/1583561849"
|
||||||
|
>
|
||||||
<p class="nf-icons"></p>
|
<p class="nf-icons"></p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
@@ -104,8 +116,12 @@ I write/make/produce EDM music(DTM), and for every releases I'll post my music o
|
|||||||
<li>
|
<li>
|
||||||
<button
|
<button
|
||||||
class="burger"
|
class="burger"
|
||||||
onclick="this.classList.toggle('open');
|
onclick="
|
||||||
document.querySelector('.dropdown').classList.toggle('dropdown-open');"
|
this.classList.toggle('open');
|
||||||
|
document
|
||||||
|
.querySelector('.dropdown')
|
||||||
|
.classList.toggle('dropdown-open');
|
||||||
|
"
|
||||||
>
|
>
|
||||||
<div id="hamburger">
|
<div id="hamburger">
|
||||||
<span></span>
|
<span></span>
|
||||||
@@ -167,13 +183,17 @@ I write/make/produce EDM music(DTM), and for every releases I'll post my music o
|
|||||||
<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>
|
||||||
@@ -191,11 +211,11 @@ I write/make/produce EDM music(DTM), and for every releases I'll post my music o
|
|||||||
</nav>
|
</nav>
|
||||||
<main class="main-page">
|
<main class="main-page">
|
||||||
<h1 class="topic">Releases</h1>
|
<h1 class="topic">Releases</h1>
|
||||||
<div class="album-cards">
|
<div class="album-cards">Nothing here yet. ;D</div>
|
||||||
Nothing here yet. ;D
|
|
||||||
</div>
|
|
||||||
<script src="/assets/js/index.js" type="module"></script>
|
<script src="/assets/js/index.js" type="module"></script>
|
||||||
</main>
|
</main>
|
||||||
<div class="footer">© t404:null 2021-2025 - All Rights Reserved</div>
|
<div class="footer">
|
||||||
|
© t404:null 2021-2025 - All Rights Reserved
|
||||||
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
+232
-63
@@ -1,9 +1,16 @@
|
|||||||
<!DOCTYPE html>
|
<!doctype html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<title>t404:null | Usage of my song(s) / track(s)</title>
|
<title>t404:null | Usage of my song(s) / track(s)</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." />
|
<meta
|
||||||
<link rel="icon" type="image/x-icon" href="https://cdn.glitch.global/2d9e31c1-a947-46cd-9fd2-8c92be70abe2/t404_null%20Icon.png" />
|
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://gitlab.com/t404null/cdn.t404null.com/-/raw/main/avatar.png"
|
||||||
|
/>
|
||||||
<meta charset="UTF-8" />
|
<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>
|
||||||
@@ -13,8 +20,9 @@
|
|||||||
<li>
|
<li>
|
||||||
<a href="/">
|
<a href="/">
|
||||||
<img
|
<img
|
||||||
src="https://cdn.glitch.global/f594d6b7-e72e-477c-b5cb-d71abbd39f44/logo.png?v=1716494259675"
|
src="https://gitlab.com/t404null/cdn.t404null.com/-/raw/main/logo.png"
|
||||||
alt="t404:null"
|
alt="t404:null"
|
||||||
|
class="logo"
|
||||||
/>
|
/>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
@@ -82,12 +90,16 @@
|
|||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="social">
|
<li class="social">
|
||||||
<a href="https://open.spotify.com/artist/7jNOPuWk28EUX69mrp4ITL/">
|
<a
|
||||||
|
href="https://open.spotify.com/artist/7jNOPuWk28EUX69mrp4ITL/"
|
||||||
|
>
|
||||||
<p class="nf-icons">󰓇</p>
|
<p class="nf-icons">󰓇</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="social">
|
<li class="social">
|
||||||
<a href="https://music.apple.com/artist/t404-null/1583561849">
|
<a
|
||||||
|
href="https://music.apple.com/artist/t404-null/1583561849"
|
||||||
|
>
|
||||||
<p class="nf-icons"></p>
|
<p class="nf-icons"></p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
@@ -104,8 +116,12 @@
|
|||||||
<li>
|
<li>
|
||||||
<button
|
<button
|
||||||
class="burger"
|
class="burger"
|
||||||
onclick="this.classList.toggle('open');
|
onclick="
|
||||||
document.querySelector('.dropdown').classList.toggle('dropdown-open');"
|
this.classList.toggle('open');
|
||||||
|
document
|
||||||
|
.querySelector('.dropdown')
|
||||||
|
.classList.toggle('dropdown-open');
|
||||||
|
"
|
||||||
>
|
>
|
||||||
<div id="hamburger">
|
<div id="hamburger">
|
||||||
<span></span>
|
<span></span>
|
||||||
@@ -167,13 +183,17 @@
|
|||||||
<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>
|
||||||
@@ -196,119 +216,268 @@
|
|||||||
</h1>
|
</h1>
|
||||||
<ul class="info">
|
<ul class="info">
|
||||||
<li>
|
<li>
|
||||||
<strong class="title">Usage of my song(s) / track(s)</strong>
|
<strong class="title"
|
||||||
<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.
|
>Usage of my song(s) / track(s)</strong
|
||||||
<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.
|
<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>
|
||||||
<li>
|
<li>
|
||||||
<strong class="title">1.) In the case if you want to use my song(s) / track(s) as a corporation / a company material</strong>
|
<strong class="title"
|
||||||
<br /> If you wish to use my song as a corporation / a company material, no matter how you use it, please contact me and get confirmation at one of the following email address(es): <br />
|
>1.) In the case if you want to use my song(s) /
|
||||||
<a href="mailto:request@t404null.com" class="text-info">request@t404null.com</a>
|
track(s) as a corporation / a company material</strong
|
||||||
|
>
|
||||||
|
<br />
|
||||||
|
If you wish to use my song as a corporation / a company
|
||||||
|
material, no matter how you use it, please contact me and
|
||||||
|
get confirmation at one of the following email address(es):
|
||||||
|
<br />
|
||||||
|
<a href="mailto:request@t404null.com" class="text-info"
|
||||||
|
>request@t404null.com</a
|
||||||
|
>
|
||||||
<div class="long-br"></div>
|
<div class="long-br"></div>
|
||||||
Or:
|
Or:
|
||||||
<br />
|
<br />
|
||||||
<a href="mailto:t404.null@gmail.com" class="text-info">t404.null@gmail.com</a>
|
<a href="mailto:t404.null@gmail.com" class="text-info"
|
||||||
|
>t404.null@gmail.com</a
|
||||||
|
>
|
||||||
<br />
|
<br />
|
||||||
<a href="mailto:t404owo@gmail.com" class="text-info">t404owo@gmail.com</a>
|
<a href="mailto:t404owo@gmail.com" class="text-info"
|
||||||
|
>t404owo@gmail.com</a
|
||||||
|
>
|
||||||
<br />
|
<br />
|
||||||
<a href="mailto:tags4owo@gmail.com" class="text-info">tags4owo@gmail.com</a>
|
<a href="mailto:tags4owo@gmail.com" class="text-info"
|
||||||
|
>tags4owo@gmail.com</a
|
||||||
|
>
|
||||||
<br />
|
<br />
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<div class="subdiv">
|
<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>
|
<strong class="title"
|
||||||
<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 />
|
>1.1.) In the case if you want to use my song(s) /
|
||||||
<a href="mailto:info@t404null.com" class="text-info">info@t404null.com</a>
|
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:info@t404null.com" class="text-info"
|
||||||
|
>info@t404null.com</a
|
||||||
|
>
|
||||||
<div class="long-br"></div>
|
<div class="long-br"></div>
|
||||||
Or:
|
Or:
|
||||||
<br />
|
<br />
|
||||||
<a href="mailto:t404.null@gmail.com" class="text-info">t404.null@gmail.com</a>
|
<a href="mailto:t404.null@gmail.com" class="text-info"
|
||||||
|
>t404.null@gmail.com</a
|
||||||
|
>
|
||||||
<br />
|
<br />
|
||||||
<a href="mailto:t404owo@gmail.com" class="text-info">t404owo@gmail.com</a>
|
<a href="mailto:t404owo@gmail.com" class="text-info"
|
||||||
|
>t404owo@gmail.com</a
|
||||||
|
>
|
||||||
<br />
|
<br />
|
||||||
<a href="mailto:tags4owo@gmail.com" class="text-info">tags4owo@gmail.com</a>
|
<a href="mailto:tags4owo@gmail.com" class="text-info"
|
||||||
|
>tags4owo@gmail.com</a
|
||||||
|
>
|
||||||
<br />
|
<br />
|
||||||
<br /> Please note that this is intended primarily, but not exclusively, for educational institutions related to music.
|
<br />
|
||||||
|
Please note that this is intended primarily, but not
|
||||||
|
exclusively, for educational institutions related to
|
||||||
|
music.
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
<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>
|
<strong class="title"
|
||||||
<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>
|
>2.) In the case if you want to use my song(s) /
|
||||||
<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).
|
track(s) as individual/single person (for BGMs for
|
||||||
<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.
|
video(s) / stream(s), Remixing(or arranging)
|
||||||
<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.
|
etc.)</strong
|
||||||
<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.
|
>
|
||||||
|
<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>
|
<div class="long-br"></div>
|
||||||
<strong>Make sure please credit me if it's possible!!!</strong>
|
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>
|
<div class="long-br"></div>
|
||||||
<strong>List of allowed-to-use songs (Last updated: Aug 22, 2021):</strong>
|
<strong
|
||||||
<a href="/allowed_to_use">https://t404null.glitch.me/allowed_to_use</a>
|
>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>
|
||||||
<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>
|
<strong class="title"
|
||||||
<br />Conditions vary depending on the method(s) of use/using:
|
>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>
|
||||||
<li>
|
<li>
|
||||||
<div class="subdiv">
|
<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>
|
<strong class="title"
|
||||||
<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)
|
>3.1.) If you want to distribute song(s)/track(s) as
|
||||||
<br />Here are some explicits that you are allowed to make:
|
an unofficial custom map / chart for a rhythm game
|
||||||
<br />- Mapping / making a chart or playing it in a monetized stream or video
|
(Osu!, Geometry Dash, A Dance of Fire and
|
||||||
<br />- Distributing a chart or play data / recorded video on the site which has ad.
|
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>
|
<div class="long-br"></div>
|
||||||
In any case, I have no permission(s) or involvement(s) other than the use of my music.
|
In any case, I have no permission(s) or involvement(s)
|
||||||
|
other than the use of my music.
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<div class="subdiv">
|
<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>
|
<strong class="title"
|
||||||
<br /> Please contact me at one of the following email address(es): <br />
|
>3.2.) If you want to distribute the music as an
|
||||||
<a href="mailto:request@t404null.com" class="text-info">request@t404null.com</a>
|
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:request@t404null.com" class="text-info"
|
||||||
|
>request@t404null.com</a
|
||||||
|
>
|
||||||
<div class="long-br"></div>
|
<div class="long-br"></div>
|
||||||
Or:
|
Or:
|
||||||
<br />
|
<br />
|
||||||
<a href="mailto:t404.null@gmail.com" class="text-info">t404.null@gmail.com</a>
|
<a href="mailto:t404.null@gmail.com" class="text-info"
|
||||||
|
>t404.null@gmail.com</a
|
||||||
|
>
|
||||||
<br />
|
<br />
|
||||||
<a href="mailto:t404owo@gmail.com" class="text-info">t404owo@gmail.com</a>
|
<a href="mailto:t404owo@gmail.com" class="text-info"
|
||||||
|
>t404owo@gmail.com</a
|
||||||
|
>
|
||||||
<br />
|
<br />
|
||||||
<a href="mailto:tags4owo@gmail.com" class="text-info">tags4owo@gmail.com</a>
|
<a href="mailto:tags4owo@gmail.com" class="text-info"
|
||||||
|
>tags4owo@gmail.com</a
|
||||||
|
>
|
||||||
<br />
|
<br />
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<div class="dubdiv">
|
<div class="dubdiv">
|
||||||
<strong class="title">3.3.) If you want to repost my song</strong>
|
<strong class="title"
|
||||||
<br /> Please contact me at one of the following email address(es): <br />
|
>3.3.) If you want to repost my song</strong
|
||||||
<a href="mailto:request@t404null.com" class="text-info">request@t404null.com</a>
|
>
|
||||||
|
<br />
|
||||||
|
Please contact me at one of the following email
|
||||||
|
address(es): <br />
|
||||||
|
<a href="mailto:request@t404null.com" class="text-info"
|
||||||
|
>request@t404null.com</a
|
||||||
|
>
|
||||||
<div class="long-br"></div>
|
<div class="long-br"></div>
|
||||||
Or:
|
Or:
|
||||||
<br />
|
<br />
|
||||||
<a href="mailto:t404.null@gmail.com" class="text-info">t404.null@gmail.com</a>
|
<a href="mailto:t404.null@gmail.com" class="text-info"
|
||||||
|
>t404.null@gmail.com</a
|
||||||
|
>
|
||||||
<br />
|
<br />
|
||||||
<a href="mailto:t404owo@gmail.com" class="text-info">t404owo@gmail.com</a>
|
<a href="mailto:t404owo@gmail.com" class="text-info"
|
||||||
|
>t404owo@gmail.com</a
|
||||||
|
>
|
||||||
<br />
|
<br />
|
||||||
<a href="mailto:tags4owo@gmail.com" class="text-info">tags4owo@gmail.com</a>
|
<a href="mailto:tags4owo@gmail.com" class="text-info"
|
||||||
|
>tags4owo@gmail.com</a
|
||||||
|
>
|
||||||
<br />
|
<br />
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<strong class="title">4.) Other Uses</strong>
|
<strong class="title">4.) Other Uses</strong>
|
||||||
<br /> Please contact me at one of the following email address(es): <br />
|
<br />
|
||||||
<a href="mailto:info@t404null.com" class="text-info">info@t404null.com</a>
|
Please contact me at one of the following email address(es):
|
||||||
|
<br />
|
||||||
|
<a href="mailto:info@t404null.com" class="text-info"
|
||||||
|
>info@t404null.com</a
|
||||||
|
>
|
||||||
<div class="long-br"></div>
|
<div class="long-br"></div>
|
||||||
Or:
|
Or:
|
||||||
<br />
|
<br />
|
||||||
<a href="mailto:t404.null@gmail.com" class="text-info">t404.null@gmail.com</a>
|
<a href="mailto:t404.null@gmail.com" class="text-info"
|
||||||
|
>t404.null@gmail.com</a
|
||||||
|
>
|
||||||
<br />
|
<br />
|
||||||
<a href="mailto:t404owo@gmail.com" class="text-info">t404owo@gmail.com</a>
|
<a href="mailto:t404owo@gmail.com" class="text-info"
|
||||||
|
>t404owo@gmail.com</a
|
||||||
|
>
|
||||||
<br />
|
<br />
|
||||||
<a href="mailto:tags4owo@gmail.com" class="text-info">tags4owo@gmail.com</a>
|
<a href="mailto:tags4owo@gmail.com" class="text-info"
|
||||||
|
>tags4owo@gmail.com</a
|
||||||
|
>
|
||||||
<br />
|
<br />
|
||||||
</li>
|
</li>
|
||||||
<div class="long-br"></div> © t404:null 2021-2025 - All Rights Reserved.
|
<div class="long-br"></div>
|
||||||
|
© t404:null 2021-2025 - All Rights Reserved.
|
||||||
</ul>
|
</ul>
|
||||||
</main>
|
</main>
|
||||||
<div class="footer">© t404:null 2021-2025 - All Rights Reserved</div>
|
<div class="footer">
|
||||||
|
© t404:null 2021-2025 - All Rights Reserved
|
||||||
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
Reference in New Issue
Block a user