Test deploy 1

changing nf-symbols to the page's CDN

.composer/.htaccess

@@ -1 +0,0 @@
-Deny from all

.composer/cache/.htaccess

@@ -1 +0,0 @@
-Deny from all

.composer/cache/repo/https---packagist.org/packages.json

@@ -1 +0,0 @@
-{"packages":[],"notify-batch":"https://packagist.org/downloads/","providers-url":"/p/%package%$%hash%.json","metadata-url":"/p2/%package%.json","metadata-changes-url":"https://packagist.org/metadata/changes.json","search":"https://packagist.org/search.json?q=%query%&type=%type%","list":"https://packagist.org/packages/list.json","providers-api":"https://packagist.org/providers/%package%.json","warning":"Support for Composer 1 is deprecated and some packages will not be available. You should upgrade to Composer 2. See https://blog.packagist.com/deprecating-composer-1-support/","warning-versions":"<1.99","info":"\u001b[37;44m#StandWith\u001b[30;43mUkraine\u001b[0m","provider-includes":{"p/provider-2013$%hash%.json":{"sha256":"de7362b78da89447ef217066be2c068e73430b3807035e072175871060736520"},"p/provider-2014$%hash%.json":{"sha256":"542cb5eba61f9bf3888dd7254005e306b840a34ff4ed284a5b22b203f33333ad"},"p/provider-2015$%hash%.json":{"sha256":"4588bdfaa23fe5e9e1c226a3a1c37a61a0682895cc0ee5f717d7552010b05ca4"},"p/provider-2016$%hash%.json":{"sha256":"a477e6ee37933cec85d8c6ea3fcabe52a5355596f1eec4043b816d8fa8e03b08"},"p/provider-2017$%hash%.json":{"sha256":"befa98ee85adaaa3a01c975d975014e525f6f63d6a2923532e12f3c5dfff1576"},"p/provider-2018$%hash%.json":{"sha256":"f83f61d8756825145935a917a2cd08171688f3e39ad8ef977081e1f4ca7afed4"},"p/provider-2019$%hash%.json":{"sha256":"ff921cb1685fb40bd4e93ac99fa3bdda60b99d8961b20d259cded88f1a9f9e43"},"p/provider-2020$%hash%.json":{"sha256":"36c0b6dd82f88805240a75cdc7eb2338bfd25306bf6c0bcdc7004d7a37a7ba1d"},"p/provider-2021$%hash%.json":{"sha256":"585b7bd1465af9dbde356f73a24076b4130fa518ed1890c37cb7df3f39633bb4"},"p/provider-2021-07$%hash%.json":{"sha256":"42ebe3d538d9274eb471bcbf42de79cc5148ff83ffd2849bf58aa8bfbd455850"},"p/provider-2021-10$%hash%.json":{"sha256":"2a722532040808208f3d15b9413ad633fcff88af7f18e0459abc3127af3398d4"},"p/provider-2022-01$%hash%.json":{"sha256":"29ca95aaf542bbddbbe41fbbb788c926069412289d9176e5d8a4b38f630cdd6d"},"p/provider-2022-04$%hash%.json":{"sha256":"9c496136e4838a1984b565ed9504684c0900a4c278e9a7143d099b47c29d85dd"},"p/provider-archived$%hash%.json":{"sha256":"d1b4d67f2eea9da047fc6703c79959f15c9f37705d5f73520ed034b59f59db5f"},"p/provider-latest$%hash%.json":{"sha256":"73cd39b3b111c9ccc1c40f72bd1e848fdff73b753d44e3bb6d0d81abb90aea9a"}}}

.glitch-assets

@@ -0,0 +1,43 @@
+{"name":"drag-in-files.svg","date":"2016-10-22T16:17:49.954Z","url":"https://cdn.hyperdev.com/drag-in-files.svg","type":"image/svg","size":7646,"imageWidth":276,"imageHeight":276,"thumbnail":"https://cdn.hyperdev.com/drag-in-files.svg","thumbnailWidth":276,"thumbnailHeight":276,"dominantColor":"rgb(102, 153, 205)","uuid":"adSBq97hhhpFNUna"}
+{"name":"click-me.svg","date":"2016-10-23T16:17:49.954Z","url":"https://cdn.hyperdev.com/click-me.svg","type":"image/svg","size":7116,"imageWidth":276,"imageHeight":276,"thumbnail":"https://cdn.hyperdev.com/click-me.svg","thumbnailWidth":276,"thumbnailHeight":276,"dominantColor":"rgb(243, 185, 186)","uuid":"adSBq97hhhpFNUnb"}
+{"name":"paste-me.svg","date":"2016-10-24T16:17:49.954Z","url":"https://cdn.hyperdev.com/paste-me.svg","type":"image/svg","size":7242,"imageWidth":276,"imageHeight":276,"thumbnail":"https://cdn.hyperdev.com/paste-me.svg","thumbnailWidth":276,"thumbnailHeight":276,"dominantColor":"rgb(42, 179, 185)","uuid":"adSBq97hhhpFNUnc"}
+{"uuid":"adSBq97hhhpFNUna","deleted":true}
+{"uuid":"adSBq97hhhpFNUnb","deleted":true}
+{"uuid":"adSBq97hhhpFNUnc","deleted":true}
+{"name":"Logo_Color.svg","date":"2020-10-15T17:02:08.576Z","url":"https://cdn.glitch.com/a9975ea6-8949-4bab-addb-8a95021dc2da%2FLogo_Color.svg","type":"image/svg+xml","size":25537,"imageWidth":19,"imageHeight":14,"thumbnail":"https://cdn.glitch.com/a9975ea6-8949-4bab-addb-8a95021dc2da%2FLogo_Color.svg","thumbnailWidth":19,"thumbnailHeight":14,"uuid":"XPQ2UUJettC9yQ6L"}
+{"name":"HKGrotesk-Medium.otf","date":"2020-10-15T17:19:39.944Z","url":"https://cdn.glitch.com/a9975ea6-8949-4bab-addb-8a95021dc2da%2FHKGrotesk-Medium.otf","type":"","size":69888,"thumbnail":"https://cdn.glitch.com/a9975ea6-8949-4bab-addb-8a95021dc2da%2Fthumbnails%2FHKGrotesk-Medium.otf","thumbnailWidth":210,"thumbnailHeight":210,"uuid":"mSnvx5eJut7fimxB"}
+{"name":"HKGrotesk-Regular.otf","date":"2020-10-15T17:19:40.076Z","url":"https://cdn.glitch.com/a9975ea6-8949-4bab-addb-8a95021dc2da%2FHKGrotesk-Regular.otf","type":"","size":67768,"thumbnail":"https://cdn.glitch.com/a9975ea6-8949-4bab-addb-8a95021dc2da%2Fthumbnails%2FHKGrotesk-Regular.otf","thumbnailWidth":210,"thumbnailHeight":210,"uuid":"VY2dLeOvcf8ffuEw"}
+{"name":"HKGrotesk-SemiBold.otf","date":"2020-10-15T17:20:42.442Z","url":"https://cdn.glitch.com/a9975ea6-8949-4bab-addb-8a95021dc2da%2FHKGrotesk-SemiBold.otf","type":"","size":69948,"thumbnail":"https://cdn.glitch.com/a9975ea6-8949-4bab-addb-8a95021dc2da%2Fthumbnails%2FHKGrotesk-SemiBold.otf","thumbnailWidth":210,"thumbnailHeight":210,"uuid":"yEDZsSX7I7P2NlF1"}
+{"name":"HKGrotesk-Bold.otf","date":"2020-10-15T17:21:24.249Z","url":"https://cdn.glitch.com/a9975ea6-8949-4bab-addb-8a95021dc2da%2FHKGrotesk-Bold.otf","type":"","size":68144,"thumbnail":"https://cdn.glitch.com/a9975ea6-8949-4bab-addb-8a95021dc2da%2Fthumbnails%2FHKGrotesk-Bold.otf","thumbnailWidth":210,"thumbnailHeight":210,"uuid":"aHiG7zYivg7tnSDH"}
+{"name":"illustration.svg","date":"2021-04-11T21:42:24.016Z","url":"https://cdn.glitch.com/a9975ea6-8949-4bab-addb-8a95021dc2da%2Fillustration.svg","type":"image/svg+xml","size":21272,"imageWidth":658,"imageHeight":682,"thumbnail":"https://cdn.glitch.com/a9975ea6-8949-4bab-addb-8a95021dc2da%2Fthumbnails%2Fillustration.svg","thumbnailWidth":319,"thumbnailHeight":330,"uuid":"WlqPAPkJzcjf2thL"}
+{"uuid":"aHiG7zYivg7tnSDH","deleted":true}
+{"uuid":"mSnvx5eJut7fimxB","deleted":true}
+{"uuid":"yEDZsSX7I7P2NlF1","deleted":true}
+{"uuid":"VY2dLeOvcf8ffuEw","deleted":true}
+{"uuid":"XPQ2UUJettC9yQ6L","deleted":true}
+{"name":"a8ea3519-e4b3-4ddc-9bc1-631b3cc82ce0.image.png","date":"2024-05-21T03:34:43.481Z","url":"https://cdn.glitch.global/f594d6b7-e72e-477c-b5cb-d71abbd39f44/a8ea3519-e4b3-4ddc-9bc1-631b3cc82ce0.image.png","type":"image/png","size":42241,"imageWidth":1391,"imageHeight":762,"thumbnail":"https://cdn.glitch.global/f594d6b7-e72e-477c-b5cb-d71abbd39f44/thumbnails%2Fa8ea3519-e4b3-4ddc-9bc1-631b3cc82ce0.image.png","thumbnailWidth":330,"thumbnailHeight":181,"uuid":"7tvho3fs1o1pmI1y"}
+{"uuid":"7tvho3fs1o1pmI1y","deleted":true}
+{"name":"b84e965f-2214-46b2-b8d2-a990df908700.image.png","date":"2024-05-23T14:27:13.319Z","url":"https://cdn.glitch.global/f594d6b7-e72e-477c-b5cb-d71abbd39f44/b84e965f-2214-46b2-b8d2-a990df908700.image.png","type":"image/png","size":1431254,"imageWidth":3000,"imageHeight":3000,"thumbnail":"https://cdn.glitch.global/f594d6b7-e72e-477c-b5cb-d71abbd39f44/thumbnails%2Fb84e965f-2214-46b2-b8d2-a990df908700.image.png","thumbnailWidth":330,"thumbnailHeight":330,"uuid":"T2HN3K7XP7SdGaMG"}
+{"uuid":"T2HN3K7XP7SdGaMG","deleted":true}
+{"name":"logo.png","date":"2024-05-23T19:57:39.675Z","url":"https://cdn.glitch.global/f594d6b7-e72e-477c-b5cb-d71abbd39f44/logo.png","type":"image/png","size":17305,"imageWidth":1000,"imageHeight":170,"thumbnail":"https://cdn.glitch.global/f594d6b7-e72e-477c-b5cb-d71abbd39f44/thumbnails%2Flogo.png","thumbnailWidth":330,"thumbnailHeight":57,"uuid":"aUDkZYylJwHEzvCI"}
+{"name":"nerdfonts.woff2","date":"2024-06-02T11:32:16.478Z","url":"https://cdn.glitch.global/f594d6b7-e72e-477c-b5cb-d71abbd39f44/nerdfonts.woff2","type":"font/woff2","size":963444,"thumbnail":"https://cdn.glitch.global/f594d6b7-e72e-477c-b5cb-d71abbd39f44/thumbnails%2Fnerdfonts.woff2","thumbnailWidth":210,"thumbnailHeight":210,"uuid":"hm5XV39Zoiona8W1"}
+{"uuid":"hm5XV39Zoiona8W1","deleted":true}
+{"name":"bc911aa7-f66b-47d5-b2a2-8da01e550784.image.png","date":"2024-06-02T17:14:30.412Z","url":"https://cdn.glitch.global/f594d6b7-e72e-477c-b5cb-d71abbd39f44/bc911aa7-f66b-47d5-b2a2-8da01e550784.image.png","type":"image/png","size":475875,"imageWidth":1280,"imageHeight":1280,"thumbnail":"https://cdn.glitch.global/f594d6b7-e72e-477c-b5cb-d71abbd39f44/thumbnails%2Fbc911aa7-f66b-47d5-b2a2-8da01e550784.image.png","thumbnailWidth":330,"thumbnailHeight":330,"uuid":"XDK6WgmNeQhtHjUb"}
+{"uuid":"XDK6WgmNeQhtHjUb","deleted":true}
+{"name":"fof-genesis.png","date":"2024-06-02T17:14:30.412Z","url":"https://cdn.glitch.global/f594d6b7-e72e-477c-b5cb-d71abbd39f44/fof-genesis.png","type":"image/png","size":475875,"imageWidth":1280,"imageHeight":1280,"thumbnail":"https://cdn.glitch.global/f594d6b7-e72e-477c-b5cb-d71abbd39f44/thumbnails%2Fbc911aa7-f66b-47d5-b2a2-8da01e550784.image.png","thumbnailWidth":330,"thumbnailHeight":330,"uuid":"XDK6WgmNeQhtHjUb"}
+{"name":"818d1ab4-9f4c-43e7-babb-bb5f88bc441f.image.png","date":"2024-06-02T17:17:30.235Z","url":"https://cdn.glitch.global/f594d6b7-e72e-477c-b5cb-d71abbd39f44/818d1ab4-9f4c-43e7-babb-bb5f88bc441f.image.png","type":"image/png","size":1061446,"imageWidth":1200,"imageHeight":437,"thumbnail":"https://cdn.glitch.global/f594d6b7-e72e-477c-b5cb-d71abbd39f44/thumbnails%2F818d1ab4-9f4c-43e7-babb-bb5f88bc441f.image.png","thumbnailWidth":330,"thumbnailHeight":121,"uuid":"vgJVArrAyvLmUYk1"}
+{"uuid":"vgJVArrAyvLmUYk1","deleted":true}
+{"name":"vnmc2023.png","date":"2024-06-02T17:17:30.235Z","url":"https://cdn.glitch.global/f594d6b7-e72e-477c-b5cb-d71abbd39f44/vnmc2023.png","type":"image/png","size":1061446,"imageWidth":1200,"imageHeight":437,"thumbnail":"https://cdn.glitch.global/f594d6b7-e72e-477c-b5cb-d71abbd39f44/thumbnails%2F818d1ab4-9f4c-43e7-babb-bb5f88bc441f.image.png","thumbnailWidth":330,"thumbnailHeight":121,"uuid":"vgJVArrAyvLmUYk1"}
+{"name":"23e5b0b2-d99f-4f23-9ac8-12e966738d48.glitch-art-desktop (1).jpg","date":"2024-06-02T17:25:30.638Z","url":"https://cdn.glitch.global/f594d6b7-e72e-477c-b5cb-d71abbd39f44/23e5b0b2-d99f-4f23-9ac8-12e966738d48.glitch-art-desktop%20(1).jpg","type":"image/jpeg","size":489485,"imageWidth":2880,"imageHeight":1800,"thumbnail":"https://cdn.glitch.global/f594d6b7-e72e-477c-b5cb-d71abbd39f44/thumbnails%2F23e5b0b2-d99f-4f23-9ac8-12e966738d48.glitch-art-desktop%20(1).jpg","thumbnailWidth":330,"thumbnailHeight":207,"uuid":"v0vCS54O9bhLoGcJ"}
+{"name":"c6ef145d-2185-4761-a943-00f48e5c9d93.glitch-art-desktop.jpg","date":"2024-06-02T17:25:30.774Z","url":"https://cdn.glitch.global/f594d6b7-e72e-477c-b5cb-d71abbd39f44/c6ef145d-2185-4761-a943-00f48e5c9d93.glitch-art-desktop.jpg","type":"image/jpeg","size":424341,"imageWidth":2880,"imageHeight":1800,"thumbnail":"https://cdn.glitch.global/f594d6b7-e72e-477c-b5cb-d71abbd39f44/thumbnails%2Fc6ef145d-2185-4761-a943-00f48e5c9d93.glitch-art-desktop.jpg","thumbnailWidth":330,"thumbnailHeight":207,"uuid":"59oiOcwfsxcwtmyF"}
+{"name":"729b1214-a441-499f-8b09-0e8d820cbeaa.glitch-art-desktop (2).jpg","date":"2024-06-02T17:25:31.518Z","url":"https://cdn.glitch.global/f594d6b7-e72e-477c-b5cb-d71abbd39f44/729b1214-a441-499f-8b09-0e8d820cbeaa.glitch-art-desktop%20(2).jpg","type":"image/jpeg","size":519419,"imageWidth":2880,"imageHeight":1800,"thumbnail":"https://cdn.glitch.global/f594d6b7-e72e-477c-b5cb-d71abbd39f44/thumbnails%2F729b1214-a441-499f-8b09-0e8d820cbeaa.glitch-art-desktop%20(2).jpg","thumbnailWidth":330,"thumbnailHeight":207,"uuid":"JpKznRKXqbXqt1zl"}
+{"uuid":"59oiOcwfsxcwtmyF","deleted":true}
+{"name":"glitch1.jpg","date":"2024-06-02T17:25:30.774Z","url":"https://cdn.glitch.global/f594d6b7-e72e-477c-b5cb-d71abbd39f44/glitch1.jpg","type":"image/jpeg","size":424341,"imageWidth":2880,"imageHeight":1800,"thumbnail":"https://cdn.glitch.global/f594d6b7-e72e-477c-b5cb-d71abbd39f44/thumbnails%2Fc6ef145d-2185-4761-a943-00f48e5c9d93.glitch-art-desktop.jpg","thumbnailWidth":330,"thumbnailHeight":207,"uuid":"59oiOcwfsxcwtmyF"}
+{"uuid":"JpKznRKXqbXqt1zl","deleted":true}
+{"name":"glitch2.jpg","date":"2024-06-02T17:25:31.518Z","url":"https://cdn.glitch.global/f594d6b7-e72e-477c-b5cb-d71abbd39f44/glitch2.jpg","type":"image/jpeg","size":519419,"imageWidth":2880,"imageHeight":1800,"thumbnail":"https://cdn.glitch.global/f594d6b7-e72e-477c-b5cb-d71abbd39f44/thumbnails%2F729b1214-a441-499f-8b09-0e8d820cbeaa.glitch-art-desktop%20(2).jpg","thumbnailWidth":330,"thumbnailHeight":207,"uuid":"JpKznRKXqbXqt1zl"}
+{"uuid":"v0vCS54O9bhLoGcJ","deleted":true}
+{"name":"glich3.jpg","date":"2024-06-02T17:25:30.638Z","url":"https://cdn.glitch.global/f594d6b7-e72e-477c-b5cb-d71abbd39f44/glich3.jpg","type":"image/jpeg","size":489485,"imageWidth":2880,"imageHeight":1800,"thumbnail":"https://cdn.glitch.global/f594d6b7-e72e-477c-b5cb-d71abbd39f44/thumbnails%2F23e5b0b2-d99f-4f23-9ac8-12e966738d48.glitch-art-desktop%20(1).jpg","thumbnailWidth":330,"thumbnailHeight":207,"uuid":"v0vCS54O9bhLoGcJ"}
+{"name":"8893e3a0-4930-4bfa-b9b4-22e8aa11e72a.image.png","date":"2024-06-02T18:31:27.051Z","url":"https://cdn.glitch.global/f594d6b7-e72e-477c-b5cb-d71abbd39f44/8893e3a0-4930-4bfa-b9b4-22e8aa11e72a.image.png","type":"image/png","size":2624160,"imageWidth":1200,"imageHeight":1200,"thumbnail":"https://cdn.glitch.global/f594d6b7-e72e-477c-b5cb-d71abbd39f44/thumbnails%2F8893e3a0-4930-4bfa-b9b4-22e8aa11e72a.image.png","thumbnailWidth":330,"thumbnailHeight":330,"uuid":"T6g81VqtzSI3OCCx"}
+{"uuid":"T6g81VqtzSI3OCCx","deleted":true}
+{"name":"oblitus-requiem.png","date":"2024-06-02T18:31:27.051Z","url":"https://cdn.glitch.global/f594d6b7-e72e-477c-b5cb-d71abbd39f44/oblitus-requiem.png","type":"image/png","size":2624160,"imageWidth":1200,"imageHeight":1200,"thumbnail":"https://cdn.glitch.global/f594d6b7-e72e-477c-b5cb-d71abbd39f44/thumbnails%2F8893e3a0-4930-4bfa-b9b4-22e8aa11e72a.image.png","thumbnailWidth":330,"thumbnailHeight":330,"uuid":"T6g81VqtzSI3OCCx"}
+{"name":"oblitus-requiem-800.png","date":"2025-06-16T11:51:23.735Z","url":"https://cdn.glitch.global/f594d6b7-e72e-477c-b5cb-d71abbd39f44/oblitus-requiem-800.png","type":"image/png","size":344343,"imageWidth":800,"imageHeight":800,"thumbnail":"https://cdn.glitch.global/f594d6b7-e72e-477c-b5cb-d71abbd39f44/thumbnails%2Foblitus-requiem-800.png","thumbnailWidth":330,"thumbnailHeight":330,"uuid":"FSG1WdKddpFdwQK8"}

README.md

@@ -1,2 +1,2 @@
-# t404-null
+# t404null
 t404:null's Website

a_lake_with_endless_stars/index.html

@@ -1,189 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-  
-  <meta charset="UTF-8">
-  <meta http-equiv="X-UA-Compatible" content="IE=edge">
-  <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
-  <link rel="icon" href="https://cdn.glitch.global/2d9e31c1-a947-46cd-9fd2-8c92be70abe2/t404_null%20Icon.png">
-  <link rel="shortcut icon" href="https://cdn.glitch.global/2d9e31c1-a947-46cd-9fd2-8c92be70abe2/t404_null%20Icon.png" type="image/x-icon">
-  <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.
-The track is also a part of a fanmade event named ”Fanmade of Fighters”.
-Available on:
-YouTube
-Soundcloud
-Bandcamp,
-Spotify
-and more...">
-  <title>Hyper Liminality</title>
-  <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
-  <link rel="stylesheet" href="assets/bootstrap/css/bootstrap-grid.min.css">
-  <link rel="stylesheet" href="assets/bootstrap/css/bootstrap-reboot.min.css">
-  <link rel="stylesheet" href="assets/parallax/jarallax.css">
-  <link rel="stylesheet" href="assets/dropdown/css/style.css">
-  <link rel="stylesheet" href="assets/socicon/css/styles.css">
-  <link rel="stylesheet" href="assets/theme/css/style.css">
-  <link rel="preload" href="https://fonts.googleapis.com/css?family=Jost:100,200,300,400,500,600,700,800,900,100i,200i,300i,400i,500i,600i,700i,800i,900i&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'">
-  <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Jost:100,200,300,400,500,600,700,800,900,100i,200i,300i,400i,500i,600i,700i,800i,900i&display=swap"></noscript>
-  <link rel="preload" as="style" href="assets/mobirise/css/mbr-additional.css"><link rel="stylesheet" href="assets/mobirise/css/mbr-additional.css" type="text/css">
-  
-  
-  
-  
-</head>
-<body>
-  
-  <section data-bs-version="5.1" class="menu menu3 cid-sIGOk3jVW4" once="menu" id="menu3-1">
-    
-    <nav class="navbar navbar-dropdown navbar-fixed-top navbar-expand-lg">
-        <div class="container">
-            <div class="navbar-brand">
-                <span class="navbar-logo">
-                    <a href="https://t404null.glitch.me">
-                        <img src="assets/images/logo.png" alt="t404:null" style="height: 3rem;">
-                    </a>
-                </span>
-                
-            </div>
-            <button class="navbar-toggler" type="button" data-toggle="collapse" data-bs-toggle="collapse" data-target="#navbarSupportedContent" data-bs-target="#navbarSupportedContent" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
-                <div class="hamburger">
-                    <span></span>
-                    <span></span>
-                    <span></span>
-                    <span></span>
-                </div>
-            </button>
-            <div class="collapse navbar-collapse" id="navbarSupportedContent">
-                <ul class="navbar-nav nav-dropdown nav-right" data-app-modern-menu="true"><li class="nav-item"><a class="nav-link link text-black text-primary display-4" href="https://t404null.glitch.me">Home</a></li>
-                    <li class="nav-item"><a class="nav-link link text-black text-primary display-4" href="https://t404null.glitch.me/release">Releases</a></li><li class="nav-item"><a class="nav-link link text-black text-primary display-4" href="https://t404null.glitch.me/song_usage_terms">Terms of Use</a></li>
-                    <li class="nav-item"><a class="nav-link link text-black text-primary display-4" href="https://t404null.glitch.me/about_me">About Me</a>
-                    </li><li class="nav-item"><a class="nav-link link text-black text-primary display-4" href="https://t404null.glitch.me/contacts">Contact Me</a></li></ul>
-                <div class="icons-menu">
-                    <a class="iconfont-wrapper" href="https://www.youtube.com/channel/UCtkR_TTVaiUSASsGH4IXQfQ" target="_blank">
-                        <span class="p-2 mbr-iconfont socicon-youtube socicon"></span>
-                    </a>
-                    <a class="iconfont-wrapper" href="https://twitter.com/t404_null" target="_blank">
-                        <span class="p-2 mbr-iconfont socicon-twitter socicon"></span>
-                    </a>
-                    <a class="iconfont-wrapper" href="https://t404null.bandcamp.com" target="_blank">
-                        <span class="p-2 mbr-iconfont socicon-bandcamp socicon"></span>
-                    </a>
-                    <a class="iconfont-wrapper" href="https://open.spotify.com/artist/7jNOPuWk28EUX69mrp4ITL" target="_blank">
-                        <span class="p-2 mbr-iconfont socicon-spotify socicon"></span>
-                    </a>
-                    <a class="iconfont-wrapper" href="https://music.apple.com/artist/t404-null/1583561849" target="_blank">
-                        <span class="p-2 mbr-iconfont socicon-itunes socicon"></span>
-                    </a>
-		                <a class="iconfont-wrapper" href="https://soundcloud.com/t404null" target="_blank">
-                        <span class="p-2 mbr-iconfont socicon-soundcloud socicon"></span>
-                    </a>
-                    <a class="iconfont-wrapper" href="https://discord.gg/YJmkAFbKFX" target="_blank">
-                        <span class="p-2 mbr-iconfont socicon-discord socicon"></span>
-                    </a>
-                </div>
-                
-            </div>
-        </div>
-    </nav>
-</section>
-
-<section data-bs-version="5.1" class="header12 cid-sIHl7tzJ16 mbr-parallax-background" id="header12-c">
-
-    
-
-    <div class="mbr-overlay" style="opacity: 0.3; background-color: rgb(250, 250, 250);">
-    </div>
-    <div class="container">
-        <div class="row justify-content-center">
-            <div class="card col-12 col-md-12 col-lg-9">
-                <div class="card-wrapper">
-                    <div class="card-box align-center">
-                        <h1 class="card-title mbr-fonts-style mb-3 display-2">
-                            <strong>A Lake with Endless Stars</strong></h1>
-                        <p class="mbr-text mbr-fonts-style display-7">"Under the coruscating night sky, gaze into the kaleidoscopic waters..."<br>
-                          <br>"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.<br>The track is also a part of a Fanmade event named "Fanmade of Fighters".<br><br><br>Available on:<br><a href="https://youtu.be/zutjmeOELoA" class="text-primary">YouTube</a><br><a href="https://m.soundcloud.com/t404null/a-lake-with-endless-stars" class="text-primary">Soundcloud</a><br><a href="https://t404null.bandcamp.com/track/a-lake-with-endless-stars" class="text-primary">Bandcamp</a><br><a href="" class="text-primary">Apple Music</a><br><a href="" class="text-primary">Spotify</a><br><a href="https://music.youtube.com/watch?v=aHJ6u4FvhiU">Youtube Music</a></p>
-                        
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-</section>
-
-<section data-bs-version="5.1" class="footer3 cid-sIH4mf7xzA mbr-reveal" once="footers" id="footer3-a">
-
-    
-
-    
-
-    <div class="container-fluid">
-        <div class="media-container-row align-center mbr-white">
-            <div class="row row-links">
-                <ul class="foot-menu">
-                    
-                    
-                    
-                    
-                    
-                <li class="foot-menu-item mbr-fonts-style display-7"><a href="index.html" class="text-white">Home</a></li><li class="foot-menu-item mbr-fonts-style display-7"><a href="release" class="text-white">Releases</a></li><li class="foot-menu-item mbr-fonts-style display-7"><a href="song_usage_terms" class="text-white">Terms of Use</a></li><li class="foot-menu-item mbr-fonts-style display-7"><a href="about_me" class="text-white">About Me</a></li><li class="foot-menu-item mbr-fonts-style display-7"><a href="contacts" class="text-white">Contact me</a></li></ul>
-            </div>
-            <div class="row social-row">
-                <div class="social-list align-right pb-2">
-                    
-                    
-                    
-                    
-                    
-                    
-                <div class="soc-item">
-                        <a href="https://www.youtube.com/channel/UCtkR_TTVaiUSASsGH4IXQfQ" target="_blank">
-                            <span class="mbr-iconfont mbr-iconfont-social socicon-youtube socicon"></span>
-                        </a>
-                    </div><div class="soc-item">
-                        <a href="https://twitter.com/t404_null" target="_blank">
-                            <span class="mbr-iconfont mbr-iconfont-social socicon-twitter socicon"></span>
-                        </a>
-                    </div><div class="soc-item">
-                        <a href="https://t404null.bandcamp.com/" target="_blank">
-                            <span class="mbr-iconfont mbr-iconfont-social socicon-bandcamp socicon"></span>
-                        </a>
-                    </div><div class="soc-item">
-                        <a href="https://music.apple.com/artist/t404-null/1583561849" target="_blank">
-                            <span class="mbr-iconfont mbr-iconfont-social socicon-itunes socicon"></span>
-                        </a>
-                    </div><div class="soc-item">
-                        <a href="https://music.google.com/" target="_blank">
-                            <span class="mbr-iconfont mbr-iconfont-social socicon-googleplaymusic socicon"></span>
-                        </a>
-                    </div><div class="soc-item">
-                        <a href="https://open.spotify.com/artist/7jNOPuWk28EUX69mrp4ITL" target="_blank">
-                            <span class="mbr-iconfont mbr-iconfont-social socicon-spotify socicon"></span>
-                        </a>
-                    </div><div class="soc-item">
-                        <a href="https://soundcloud.com/t404null" target="_blank">
-                            <span class="mbr-iconfont mbr-iconfont-social socicon-soundcloud socicon"></span>
-                        </a>
-                    </div><div class="soc-item">
-                        <a href="https://discord.com/invite/YJmkAFbKFX" target="_blank">
-                            <span class="mbr-iconfont mbr-iconfont-social socicon-discord socicon"></span>
-                        </a>
-                    </div><div class="soc-item">
-                        <a href="https://www.twitch.tv/t404owo" target="_blank">
-                            <span class="mbr-iconfont mbr-iconfont-social socicon-twitch socicon"></span>
-                        </a>
-                    </div></div>
-            </div>
-            <div class="row row-copirayt">
-                <p class="mbr-text mb-0 mbr-fonts-style mbr-white align-center display-7">
-                    © t404:null 2021-2023 - All Rights Reserved</p>
-            </div>
-        </div>
-    </div>
-</section>
-<section style="background-color: #fff; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif; color:#aaa; font-size:12px; padding: 0; align-items: center; display: flex;">
-  <a href="https://mobirise.site/f" style="flex: 1 1; height: 0px; padding-left: 0px;"></a>
-   </section><script src="assets/bootstrap/js/bootstrap.bundle.min.js"></script>  <script src="assets/smoothscroll/smooth-scroll.js"></script>  <script src="assets/ytplayer/index.js"></script>  <script src="assets/dropdown/js/navbar-dropdown.js"></script>  <script src="assets/theme/js/script.js"></script>  
-  
-  
-</body>
-</html>

about_me/index.html

@@ -1,173 +1,251 @@
-<!DOCTYPE html>
-<html  >
+<!doctype html>
+<html lang="en">
     <head>
-  <meta charset="UTF-8">
-  <meta http-equiv="X-UA-Compatible" content="IE=edge">
-  <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
-  <link rel="icon" href="https://cdn.glitch.global/2d9e31c1-a947-46cd-9fd2-8c92be70abe2/t404_null%20Icon.png">
-  <link rel="shortcut icon" href="https://cdn.glitch.global/2d9e31c1-a947-46cd-9fd2-8c92be70abe2/t404_null%20Icon.png" type="image/x-icon">
-  <meta name="description" content="Hello there! I'm t404:null (a.k.a t404owo).
-I write/make music (DTM), and for every releases I'll post my musics in this website. If you have any requests or questions, feel free to contact me.">
-  
-  
-  <title>About Me</title>
-  <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
-  <link rel="stylesheet" href="assets/bootstrap/css/bootstrap-grid.min.css">
-  <link rel="stylesheet" href="assets/bootstrap/css/bootstrap-reboot.min.css">
-  <link rel="stylesheet" href="assets/dropdown/css/style.css">
-  <link rel="stylesheet" href="assets/socicon/css/styles.css">
-  <link rel="stylesheet" href="assets/theme/css/style.css">
-  <link rel="preload" href="https://fonts.googleapis.com/css?family=Jost:100,200,300,400,500,600,700,800,900,100i,200i,300i,400i,500i,600i,700i,800i,900i&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'">
-  <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Jost:100,200,300,400,500,600,700,800,900,100i,200i,300i,400i,500i,600i,700i,800i,900i&display=swap"></noscript>
-  <link rel="preload" as="style" href="assets/mobirise/css/mbr-additional.css"><link rel="stylesheet" href="assets/mobirise/css/mbr-additional.css" type="text/css">
-  
-  
-  
-  
+        <title>t404:null | About Me</title>
+        <meta
+            name="description"
+            content="Hello there! I'm t404:null (a.k.a t404owo).
+I write/make/produce EDM music(DTM), and for every releases I'll post my music on this website. If you have any requests or questions, feel free contact me."
+        />
+        <link
+            rel="icon"
+            type="image/x-icon"
+            href="https://gitlab.com/t404null/cdn.t404null.com/-/raw/main/avatar.png"
+        />
+        <meta charset="UTF-8" />
+        <link rel="stylesheet" type="text/css" href="/assets/css/main.css" />
     </head>
+
     <body>
-  
-  <section data-bs-version="5.1" class="menu menu3 cid-sIGOk3jVW4" once="menu" id="menu3-1">
-    
-    <nav class="navbar navbar-dropdown navbar-fixed-top navbar-expand-lg">
-        <div class="container">
-            <div class="navbar-brand">
-                <span class="navbar-logo">
-                    <a href="https://t404null.glitch.me">
-                        <img src="assets/images/logo.png" alt="t404:null" style="height: 3rem;">
+        <nav>
+            <ul class="menu">
+                <li>
+                    <a href="/">
+                        <img
+                            src="https://gitlab.com/t404null/cdn.t404null.com/-/raw/main/logo.png"
+                            alt="t404:null"
+                            class="logo"
+                        />
                     </a>
-                </span>
-                
+                </li>
+                <li>
+                    <div class="vertical-line"></div>
+                </li>
+                <li class="menu-item">
+                    <a href="/">
+                        <p>
+                            <strong>Home</strong>
+                        </p>
+                    </a>
+                </li>
+                <li class="menu-item">
+                    <a href="/release">
+                        <p>
+                            <strong>Releases</strong>
+                        </p>
+                    </a>
+                </li>
+                <li class="menu-item">
+                    <a href="/activity">
+                        <p>
+                            <strong>Activities</strong>
+                        </p>
+                    </a>
+                </li>
+                <li class="menu-item">
+                    <a href="/song_usage_terms">
+                        <p>
+                            <strong>Terms of Use</strong>
+                        </p>
+                    </a>
+                </li>
+                <li class="menu-item">
+                    <a href="/about_me">
+                        <p>
+                            <strong>About Me</strong>
+                        </p>
+                    </a>
+                </li>
+                <li class="menu-item">
+                    <a href="/contacts">
+                        <p>
+                            <strong>My Contacts</strong>
+                        </p>
+                    </a>
+                </li>
+            </ul>
+            <div></div>
+            <ul id="social">
+                <li class="social">
+                    <a href="https://youtube.com/@t404_null">
+                        <p class="nf-icons">&#xf16a;</p>
+                    </a>
+                </li>
+                <li class="social">
+                    <a href="https://x.com/t404_null">
+                        <p class="nf-icons">&#xe8c9;</p>
+                    </a>
+                </li>
+                <li class="social">
+                    <a href="https://t404null.bandcamp.com/">
+                        <p class="nf-icons">&#xf2d5;</p>
+                    </a>
+                </li>
+                <li class="social">
+                    <a
+                        href="https://open.spotify.com/artist/7jNOPuWk28EUX69mrp4ITL/"
+                    >
+                        <p class="nf-icons">&#xf04c7;</p>
+                    </a>
+                </li>
+                <li class="social">
+                    <a
+                        href="https://music.apple.com/artist/t404-null/1583561849"
+                    >
+                        <p class="nf-icons">&#xf2eb;</p>
+                    </a>
+                </li>
+                <li class="social">
+                    <a href="https://soundcloud.com/t404null">
+                        <p class="nf-icons">&#xf1be;</p>
+                    </a>
+                </li>
+                <li class="social">
+                    <a href="https://discord.gg/YJmkAFbKFX">
+                        <p class="nf-icons">&#xf1ff;</p>
+                    </a>
+                </li>
+                <li>
+                    <button
+                        class="burger"
+                        onclick="
+                            this.classList.toggle('open');
+                            document
+                                .querySelector('.dropdown')
+                                .classList.toggle('dropdown-open');
+                        "
+                    >
+                        <div id="hamburger">
+                            <span></span>
+                            <span></span>
+                            <span></span>
                         </div>
-            <button class="navbar-toggler" type="button" data-toggle="collapse" data-bs-toggle="collapse" data-target="#navbarSupportedContent" data-bs-target="#navbarSupportedContent" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
-                <div class="hamburger">
-                    <span></span>
-                    <span></span>
+                        <div id="cross">
                             <span></span>
                             <span></span>
                         </div>
                     </button>
-            <div class="collapse navbar-collapse" id="navbarSupportedContent">
-                <ul class="navbar-nav nav-dropdown nav-right" data-app-modern-menu="true"><li class="nav-item"><a class="nav-link link text-black text-primary display-4" href="https://t404null.glitch.me">Home</a></li>
-                    <li class="nav-item"><a class="nav-link link text-black text-primary display-4" href="https://t404null.glitch.me/release">Releases</a></li><li class="nav-item"><a class="nav-link link text-black text-primary display-4" href="https://t404null.glitch.me/song_usage_terms">Terms of Use</a></li>
-                    <li class="nav-item"><a class="nav-link link text-black text-primary display-4" href="https://t404null.glitch.me/about_me">About Me</a>
-                    </li><li class="nav-item"><a class="nav-link link text-black text-primary display-4" href="https://t404null.glitch.me/contacts">Contact Me</a></li></ul>
-                <div class="icons-menu">
-                    <a class="iconfont-wrapper" href="https://www.youtube.com/channel/UCtkR_TTVaiUSASsGH4IXQfQ" target="_blank">
-                        <span class="p-2 mbr-iconfont socicon-youtube socicon"></span>
+                </li>
+            </ul>
+            <div class="dropdown">
+                <div class="dropdown-menu">
+                    <a href="/">
+                        <p>
+                            <strong>Home</strong>
+                        </p>
                     </a>
-                    <a class="iconfont-wrapper" href="https://twitter.com/t404_null" target="_blank">
-                        <span class="p-2 mbr-iconfont socicon-twitter socicon"></span>
+                    <a href="/release">
+                        <p>
+                            <strong>Releases</strong>
+                        </p>
                     </a>
-                    <a class="iconfont-wrapper" href="https://t404null.bandcamp.com" target="_blank">
-                        <span class="p-2 mbr-iconfont socicon-bandcamp socicon"></span>
+                    <a href="/activity">
+                        <p>
+                            <strong>Activities</strong>
+                        </p>
                     </a>
-                    <a class="iconfont-wrapper" href="https://open.spotify.com/artist/7jNOPuWk28EUX69mrp4ITL" target="_blank">
-                        <span class="p-2 mbr-iconfont socicon-spotify socicon"></span>
+                    <a href="/song_usage_terms">
+                        <p>
+                            <strong>Terms of Use</strong>
+                        </p>
                     </a>
-                    <a class="iconfont-wrapper" href="https://music.apple.com/artist/t404-null/1583561849" target="_blank">
-                        <span class="p-2 mbr-iconfont socicon-itunes socicon"></span>
+                    <a href="/about_me">
+                        <p>
+                            <strong>About Me</strong>
+                        </p>
                     </a>
-		                <a class="iconfont-wrapper" href="https://soundcloud.com/t404null" target="_blank">
-                        <span class="p-2 mbr-iconfont socicon-soundcloud socicon"></span>
-                    </a>
-                    <a class="iconfont-wrapper" href="https://discord.gg/YJmkAFbKFX" target="_blank">
-                        <span class="p-2 mbr-iconfont socicon-discord socicon"></span>
+                    <a href="/contacts">
+                        <p>
+                            <strong>My Contacts</strong>
+                        </p>
                     </a>
                 </div>
-                
+                <hr class="dropdown-menu" />
+                <div class="dropdown-social">
+                    <p>
+                        <a href="https://youtube.com/@t404_null">
+                            <span class="icons nf-icons">&#xf16a;</span>
+                            <strong class="social-name">Youtube</strong>
+                        </a>
+                        <a href="https://x.com/t404_null">
+                            <span class="icons nf-icons">&#xe8c9;</span>
+                            <strong class="social-name">X/Twitter</strong>
+                        </a>
+                        <a href="https://t404null.bandcamp.com/">
+                            <span class="icons nf-icons">&#xf2d5;</span>
+                            <strong class="social-name">Bandcamp</strong>
+                        </a>
+                        <a
+                            href="https://open.spotify.com/artist/7jNOPuWk28EUX69mrp4ITL/"
+                        >
+                            <span class="icons nf-icons">&#xf04c7;</span>
+                            <strong class="social-name">Spotify</strong>
+                        </a>
+                    </p>
+                    <p>
+                        <a
+                            href="https://music.apple.com/artist/t404-null/1583561849"
+                        >
+                            <span class="icons nf-icons">&#xf2eb;</span>
+                            <strong class="social-name">Apple Music</strong>
+                        </a>
+                        <a href="https://soundcloud.com/t404null">
+                            <span class="icons nf-icons">&#xf1be;</span>
+                            <strong class="social-name">SoundCloud</strong>
+                        </a>
+                        <a href="https://discord.gg/YJmkAFbKFX">
+                            <span class="icons nf-icons">&#xf1ff;</span>
+                            <strong class="social-name">Discord</strong>
+                        </a>
+                    </p>
                 </div>
             </div>
         </nav>
-</section>
-
-<section data-bs-version="5.1" class="content5 cid-sJFCeGeKCv" id="content5-g">
-    
-    <div class="container">
-        <div class="row justify-content-center">
-            <div class="col-md-12 col-lg-10">
-                
-                <h4 class="mbr-section-subtitle mbr-fonts-style mb-4 display-5">Hi there!</h4>
-                <p class="mbr-text mbr-fonts-style display-7">I'm <strong>t404:null</strong> (a.k.a t404owo).<br>I write/make music (DTM), and I'll post every releases and events on this website. I also do program and develope stuffs (as t404owo).<br>To be honest, I currently am a highschool student and producing songs is still a part-time thing for me. And since I'm not too experienced at making songs. I hope you can help and support me for reaching my 1st goal being an artist/producer like <a href="https://remywiki.com/Masaya_Oya" class="text-black text-primary"><em>Camellia</em></a> or <em><a href="https://remywiki.com/BlackY" class="text-black"><i>BlackY</i></a>.</em> :D<br>About my&nbsp; songs/tracks:<br>It will be Full-Flavor (Brit. Full-Flavour), 200step or songs those are simillar to Camellia's or any artist's musics.<br><br> If you have any requests or questions, feel free to <a href="https://t404null.glitch.me/contacts" class="text-danger">contact me</a>.<br></p>
+        <main>
+            <div style="justify-content: center; padding: 10%">
+                <p style="font-size: 2.5rem">Hi there!</p>
+                <div class="info" style="font-size: 1.5rem">
+                    <p>I'm t404:null (a.k.a t404owo).</p>
+                    <p>
+                        I write/make music (DTM), and I'll post every releases
+                        and events on this website. I also do program and
+                        develope stuffs (as t404owo).
+                    </p>
+                    <p>
+                        To be honest, I currently am a highschool student and
+                        producing songs is still a part-time thing for me. And
+                        since I'm not too experienced at making songs. I hope
+                        you can help and support me for reaching my 1st goal
+                        being an artist/producer like Camellia, Au5/Blacklolita
+                        or BlackY. :D
+                    </p>
+                    <p>
+                        About my songs / soundtracks:
+                        <br />The music genre I enjoy to make is hard-EDM
+                        (includes Hardcore, Dubstep and more...) or
+                        melodic/orchestric, I might make music with styles those
+                        seem simillar to Camellia's, Blacklolita's or any
+                        artist's musics.
+                    </p>
+                    <p>
+                        If you have any requests or questions, feel free to
+                        <a href="/contacts">contact me.</a>
+                    </p>
                 </div>
             </div>
+        </main>
+        <div class="footer">
+            &copy; t404:null 2021-2025 - All Rights Reserved
         </div>
-</section>
-
-<section data-bs-version="5.1" class="footer3 cid-sIH4mf7xzA mbr-reveal" once="footers" id="footer3-7">
-
-    
-
-    
-
-    <div class="container-fluid">
-        <div class="media-container-row align-center mbr-white">
-            <div class="row row-links">
-                <ul class="foot-menu">
-                    
-                    
-                    
-                    
-                    
-                <li class="foot-menu-item mbr-fonts-style display-7"><a href="index.html" class="text-white">Home</a></li><li class="foot-menu-item mbr-fonts-style display-7"><a href="release" class="text-white">Releases</a></li><li class="foot-menu-item mbr-fonts-style display-7"><a href="song_usage_terms" class="text-white">Terms of Use</a></li><li class="foot-menu-item mbr-fonts-style display-7"><a href="about_me" class="text-white">About Me</a></li><li class="foot-menu-item mbr-fonts-style display-7"><a href="contacts" class="text-white">Contact me</a></li></ul>
-            </div>
-            <div class="row social-row">
-                <div class="social-list align-right pb-2">
-                    
-                    
-                    
-                    
-                    
-                    
-                <div class="soc-item">
-                        <a href="https://www.youtube.com/channel/UCtkR_TTVaiUSASsGH4IXQfQ" target="_blank">
-                            <span class="mbr-iconfont mbr-iconfont-social socicon-youtube socicon"></span>
-                        </a>
-                    </div><div class="soc-item">
-                        <a href="https://twitter.com/t404_null" target="_blank">
-                            <span class="mbr-iconfont mbr-iconfont-social socicon-twitter socicon"></span>
-                        </a>
-                    </div><div class="soc-item">
-                        <a href="https://t404null.bandcamp.com/" target="_blank">
-                            <span class="mbr-iconfont mbr-iconfont-social socicon-bandcamp socicon"></span>
-                        </a>
-                    </div><div class="soc-item">
-                        <a href="https://music.apple.com/artist/t404-null/1583561849" target="_blank">
-                            <span class="mbr-iconfont mbr-iconfont-social socicon-itunes socicon"></span>
-                        </a>
-                    </div><div class="soc-item">
-                        <a href="https://music.google.com/" target="_blank">
-                            <span class="mbr-iconfont mbr-iconfont-social socicon-googleplaymusic socicon"></span>
-                        </a>
-                    </div><div class="soc-item">
-                        <a href="https://open.spotify.com/artist/7jNOPuWk28EUX69mrp4ITL" target="_blank">
-                            <span class="mbr-iconfont mbr-iconfont-social socicon-spotify socicon"></span>
-                        </a>
-                    </div><div class="soc-item">
-                        <a href="https://soundcloud.com/t404null" target="_blank">
-                            <span class="mbr-iconfont mbr-iconfont-social socicon-soundcloud socicon"></span>
-                        </a>
-                    </div><div class="soc-item">
-                        <a href="https://discord.com/invite/YJmkAFbKFX" target="_blank">
-                            <span class="mbr-iconfont mbr-iconfont-social socicon-discord socicon"></span>
-                        </a>
-                    </div><div class="soc-item">
-                        <a href="https://www.twitch.tv/t404owo" target="_blank">
-                            <span class="mbr-iconfont mbr-iconfont-social socicon-twitch socicon"></span>
-                        </a>
-                    </div></div>
-            </div>
-            <div class="row row-copirayt">
-                <p class="mbr-text mb-0 mbr-fonts-style mbr-white align-center display-7">
-                    © t404:null 2021-2023 - All Rights Reserved</p>
-            </div>
-        </div>
-    </div>
-</section>
-<section style="background-color: #fff; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif; color:#aaa; font-size:12px; padding: 0; align-items: center; display: flex;">
-  <a href="https://mobirise.site/f" style="flex: 1 1; height: 0px; padding-left: 0px;"></a>
-   </section><script src="assets/bootstrap/js/bootstrap.bundle.min.js"></script>  <script src="assets/smoothscroll/smooth-scroll.js"></script>  <script src="assets/ytplayer/index.js"></script>  <script src="assets/dropdown/js/navbar-dropdown.js"></script>  <script src="assets/theme/js/script.js"></script>  
-  
-  
     </body>
 </html>

activity/index.html

@@ -0,0 +1,301 @@
+<!doctype html>
+<html lang="en">
+    <head>
+        <title>t404:null | Activities / Previous Events</title>
+        <meta
+            name="description"
+            content="Hello there! I'm t404:null (a.k.a t404owo).
+I write/make/produce EDM music(DTM), and for every releases I'll post my music on this website. If you have any requests or questions, feel free contact me."
+        />
+        <link
+            rel="icon"
+            type="image/x-icon"
+            href="https://gitlab.com/t404null/cdn.t404null.com/-/raw/main/avatar.png"
+        />
+        <meta charset="UTF-8" />
+        <link rel="stylesheet" type="text/css" href="/assets/css/main.css" />
+    </head>
+
+    <body>
+        <nav>
+            <ul class="menu">
+                <li>
+                    <a href="/">
+                        <img
+                            src="https://gitlab.com/t404null/cdn.t404null.com/-/raw/main/logo.png"
+                            alt="t404:null"
+                            class="logo"
+                        />
+                    </a>
+                </li>
+                <li>
+                    <div class="vertical-line"></div>
+                </li>
+                <li class="menu-item">
+                    <a href="/">
+                        <p>
+                            <strong>Home</strong>
+                        </p>
+                    </a>
+                </li>
+                <li class="menu-item">
+                    <a href="/release">
+                        <p>
+                            <strong>Releases</strong>
+                        </p>
+                    </a>
+                </li>
+                <li class="menu-item">
+                    <a href="/activity">
+                        <p>
+                            <strong>Activities</strong>
+                        </p>
+                    </a>
+                </li>
+                <li class="menu-item">
+                    <a href="/song_usage_terms">
+                        <p>
+                            <strong>Terms of Use</strong>
+                        </p>
+                    </a>
+                </li>
+                <li class="menu-item">
+                    <a href="/about_me">
+                        <p>
+                            <strong>About Me</strong>
+                        </p>
+                    </a>
+                </li>
+                <li class="menu-item">
+                    <a href="/contacts">
+                        <p>
+                            <strong>My Contacts</strong>
+                        </p>
+                    </a>
+                </li>
+            </ul>
+            <div></div>
+            <ul id="social">
+                <li class="social">
+                    <a href="https://youtube.com/@t404_null">
+                        <p class="nf-icons">&#xf16a;</p>
+                    </a>
+                </li>
+                <li class="social">
+                    <a href="https://x.com/t404_null">
+                        <p class="nf-icons">&#xe8c9;</p>
+                    </a>
+                </li>
+                <li class="social">
+                    <a href="https://t404null.bandcamp.com/">
+                        <p class="nf-icons">&#xf2d5;</p>
+                    </a>
+                </li>
+                <li class="social">
+                    <a
+                        href="https://open.spotify.com/artist/7jNOPuWk28EUX69mrp4ITL/"
+                    >
+                        <p class="nf-icons">&#xf04c7;</p>
+                    </a>
+                </li>
+                <li class="social">
+                    <a
+                        href="https://music.apple.com/artist/t404-null/1583561849"
+                    >
+                        <p class="nf-icons">&#xf2eb;</p>
+                    </a>
+                </li>
+                <li class="social">
+                    <a href="https://soundcloud.com/t404null">
+                        <p class="nf-icons">&#xf1be;</p>
+                    </a>
+                </li>
+                <li class="social">
+                    <a href="https://discord.gg/YJmkAFbKFX">
+                        <p class="nf-icons">&#xf1ff;</p>
+                    </a>
+                </li>
+                <li>
+                    <button
+                        class="burger"
+                        onclick="
+                            this.classList.toggle('open');
+                            document
+                                .querySelector('.dropdown')
+                                .classList.toggle('dropdown-open');
+                        "
+                    >
+                        <div id="hamburger">
+                            <span></span>
+                            <span></span>
+                            <span></span>
+                        </div>
+                        <div id="cross">
+                            <span></span>
+                            <span></span>
+                        </div>
+                    </button>
+                </li>
+            </ul>
+            <div class="dropdown">
+                <div class="dropdown-menu">
+                    <a href="/">
+                        <p>
+                            <strong>Home</strong>
+                        </p>
+                    </a>
+                    <a href="/release">
+                        <p>
+                            <strong>Releases</strong>
+                        </p>
+                    </a>
+                    <a href="/activity">
+                        <p>
+                            <strong>Activities</strong>
+                        </p>
+                    </a>
+                    <a href="/song_usage_terms">
+                        <p>
+                            <strong>Terms of Use</strong>
+                        </p>
+                    </a>
+                    <a href="/about_me">
+                        <p>
+                            <strong>About Me</strong>
+                        </p>
+                    </a>
+                    <a href="/contacts">
+                        <p>
+                            <strong>My Contacts</strong>
+                        </p>
+                    </a>
+                </div>
+                <hr class="dropdown-menu" />
+                <div class="dropdown-social">
+                    <p>
+                        <a href="https://youtube.com/@t404_null">
+                            <span class="icons nf-icons">&#xf16a;</span>
+                            <strong class="social-name">Youtube</strong>
+                        </a>
+                        <a href="https://x.com/t404_null">
+                            <span class="icons nf-icons">&#xe8c9;</span>
+                            <strong class="social-name">X/Twitter</strong>
+                        </a>
+                        <a href="https://t404null.bandcamp.com/">
+                            <span class="icons nf-icons">&#xf2d5;</span>
+                            <strong class="social-name">Bandcamp</strong>
+                        </a>
+                        <a
+                            href="https://open.spotify.com/artist/7jNOPuWk28EUX69mrp4ITL/"
+                        >
+                            <span class="icons nf-icons">&#xf04c7;</span>
+                            <strong class="social-name">Spotify</strong>
+                        </a>
+                    </p>
+                    <p>
+                        <a
+                            href="https://music.apple.com/artist/t404-null/1583561849"
+                        >
+                            <span class="icons nf-icons">&#xf2eb;</span>
+                            <strong class="social-name">Apple Music</strong>
+                        </a>
+                        <a href="https://soundcloud.com/t404null">
+                            <span class="icons nf-icons">&#xf1be;</span>
+                            <strong class="social-name">SoundCloud</strong>
+                        </a>
+                        <a href="https://discord.gg/YJmkAFbKFX">
+                            <span class="icons nf-icons">&#xf1ff;</span>
+                            <strong class="social-name">Discord</strong>
+                        </a>
+                    </p>
+                </div>
+            </div>
+        </nav>
+        <main class="main-page">
+            <h1 class="topic">Activities</h1>
+            <div class="half-image-cards">
+                <a class="card" href="/activity">
+                    <div
+                        class="bg-img"
+                        style="
+                            background-image: url(https://cdn.glitch.global/f594d6b7-e72e-477c-b5cb-d71abbd39f44/fof-genesis.png);
+                        "
+                    ></div>
+                    <h2>Fanmade of Fighters I: Genesis</h2>
+                    <p>BOF-like Contest Releases.</p>
+                    <p>
+                        Our team (Sine Fine Stellae) Achieved #2 :D<br /><br /><strong
+                            >A Lake With Endless Stars</strong
+                        >
+                        is one of the soundtracks from Sine Fine Stellae
+                        produced by me, thanks to the help of Riprider500 and
+                        more people :D
+                    </p>
+                </a>
+                <a class="card" href="/activity">
+                    <div
+                        class="bg-img"
+                        style="
+                            background-image: url(https://cdn.glitch.global/f594d6b7-e72e-477c-b5cb-d71abbd39f44/vnmc2023.png?v=1717348650235);
+                        "
+                    ></div>
+                    <h2>VNMC 2023</h2>
+                    <p>
+                        (Vietnamese National Mania Championship 2023) Grand
+                        Finals Tiebreaker by me (t404:null)
+                    </p>
+                    <p>
+                        <strong
+                            >Oblitus Requiem &bsol;&bsol;Against the Forsaken
+                            Legacy//</strong
+                        ><br /><br />
+                        "Even if you don't remember me now, I will bring the you
+                        I once knew back from them."
+                        <br /><br />Sivelia (the host of VNMC) has asked me
+                        making a custom soundtrack round for the tourney. The
+                        soundtrack get much likes and subscribers on Youtube
+                        within 2 weeks as the tournament got a big impact
+                        gained. Big thank you to all VNMC staffs for that!
+                    </p>
+                </a>
+                <a class="card" href="/activity">
+                    <div
+                        class="bg-img"
+                        style="
+                            background-image: url(https://cdn.glitch.global/f594d6b7-e72e-477c-b5cb-d71abbd39f44/glitch1.jpg);
+                        "
+                    ></div>
+                    <h2>VNMC 2024 (???)</h2>
+                    <p>???</p>
+                    <p>
+                        Li4tLiAuLS0gLS4uIC0tLi4u<br />&bsol;-...-4buoe2v1qZuiULSrOPuzXZBn<br />YZt0ULSr9PuzvfuiaZwo5ZBseZB39<br />fuzpLxn9PurYZtz4PtzpVSlC3u3UrviaZO
+                    </p>
+                </a>
+                <a class="card" href="/activity">
+                    <div
+                        class="bg-img"
+                        style="
+                            background-image: url(https://cdn.glitch.global/f594d6b7-e72e-477c-b5cb-d71abbd39f44/glitch2.jpg);
+                        "
+                    ></div>
+                    <h2>VNMC 2024 (???) (w/ ??? as ???)</h2>
+                    <p>???</p>
+                </a>
+                <a class="card" href="/activity">
+                    <div
+                        class="bg-img"
+                        style="
+                            background-image: url(https://cdn.glitch.global/f594d6b7-e72e-477c-b5cb-d71abbd39f44/glich3.jpg);
+                        "
+                    ></div>
+                    <h2>???? 5 (????2024) (w/ ??? as ???)</h2>
+                    <p>???</p>
+                    <p>???</p>
+                </a>
+            </div>
+        </main>
+        <div class="footer">
+            &copy; t404:null 2021-2025 - All Rights Reserved
+        </div>
+    </body>
+</html>

allowed_to_use/index.html

@@ -1,204 +0,0 @@
-<!DOCTYPE html>
-<html  >
-<head>
-  <meta charset="UTF-8">
-  <meta http-equiv="X-UA-Compatible" content="IE=edge">
-  <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
-  <link rel="icon" href="https://cdn.glitch.global/2d9e31c1-a947-46cd-9fd2-8c92be70abe2/t404_null%20Icon.png">
-  <link rel="shortcut icon" href="https://cdn.glitch.global/2d9e31c1-a947-46cd-9fd2-8c92be70abe2/t404_null%20Icon.png" type="image/x-icon">
-  <meta name="description" content="Hello there! I'm t404:null (a.k.a t404owo).
-I write/make music(DTM), and for every releases I'll post my musics in this website. If you have any requests or questions, please contact me.">
-  
-  
-  <title>Current Allowed-to-use Tracks</title>
-  <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
-  <link rel="stylesheet" href="assets/bootstrap/css/bootstrap-grid.min.css">
-  <link rel="stylesheet" href="assets/bootstrap/css/bootstrap-reboot.min.css">
-  <link rel="stylesheet" href="assets/dropdown/css/style.css">
-  <link rel="stylesheet" href="assets/socicon/css/styles.css">
-  <link rel="stylesheet" href="assets/theme/css/style.css">
-  <link rel="preload" href="https://fonts.googleapis.com/css?family=Jost:100,200,300,400,500,600,700,800,900,100i,200i,300i,400i,500i,600i,700i,800i,900i&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'">
-  <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Jost:100,200,300,400,500,600,700,800,900,100i,200i,300i,400i,500i,600i,700i,800i,900i&display=swap"></noscript>
-  <link rel="preload" as="style" href="assets/mobirise/css/mbr-additional.css"><link rel="stylesheet" href="assets/mobirise/css/mbr-additional.css" type="text/css">
-  
-  
-  
-  
-</head>
-<body>
-  
-  <section data-bs-version="5.1" class="menu menu3 cid-sIGOk3jVW4" once="menu" id="menu3-1">
-    
-    <nav class="navbar navbar-dropdown navbar-fixed-top navbar-expand-lg">
-        <div class="container">
-            <div class="navbar-brand">
-                <span class="navbar-logo">
-                    <a href="https://t404null.glitch.me">
-                        <img src="assets/images/logo.png" alt="t404:null" style="height: 3rem;">
-                    </a>
-                </span>
-                
-            </div>
-            <button class="navbar-toggler" type="button" data-toggle="collapse" data-bs-toggle="collapse" data-target="#navbarSupportedContent" data-bs-target="#navbarSupportedContent" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
-                <div class="hamburger">
-                    <span></span>
-                    <span></span>
-                    <span></span>
-                    <span></span>
-                </div>
-            </button>
-            <div class="collapse navbar-collapse" id="navbarSupportedContent">
-                <ul class="navbar-nav nav-dropdown nav-right" data-app-modern-menu="true"><li class="nav-item"><a class="nav-link link text-black text-primary display-4" href="https://t404null.glitch.me">Home</a></li>
-                    <li class="nav-item"><a class="nav-link link text-black text-primary display-4" href="https://t404null.glitch.me/release">Releases</a></li><li class="nav-item"><a class="nav-link link text-black text-primary display-4" href="https://t404null.glitch.me/song_usage_terms">Terms of Use</a></li>
-                    <li class="nav-item"><a class="nav-link link text-black text-primary display-4" href="https://t404null.glitch.me/about_me">About Me</a>
-                    </li><li class="nav-item"><a class="nav-link link text-black text-primary display-4" href="https://t404null.glitch.me/contacts">Contact Me</a></li></ul>
-                <div class="icons-menu">
-                    <a class="iconfont-wrapper" href="https://www.youtube.com/channel/UCtkR_TTVaiUSASsGH4IXQfQ" target="_blank">
-                        <span class="p-2 mbr-iconfont socicon-youtube socicon"></span>
-                    </a>
-                    <a class="iconfont-wrapper" href="https://twitter.com/t404_null" target="_blank">
-                        <span class="p-2 mbr-iconfont socicon-twitter socicon"></span>
-                    </a>
-                    <a class="iconfont-wrapper" href="https://t404null.bandcamp.com" target="_blank">
-                        <span class="p-2 mbr-iconfont socicon-bandcamp socicon"></span>
-                    </a>
-                    <a class="iconfont-wrapper" href="https://open.spotify.com/artist/7jNOPuWk28EUX69mrp4ITL" target="_blank">
-                        <span class="p-2 mbr-iconfont socicon-spotify socicon"></span>
-                    </a>
-                    <a class="iconfont-wrapper" href="https://music.apple.com/artist/t404-null/1583561849" target="_blank">
-                        <span class="p-2 mbr-iconfont socicon-itunes socicon"></span>
-                    </a>
-		                <a class="iconfont-wrapper" href="https://soundcloud.com/t404null" target="_blank">
-                        <span class="p-2 mbr-iconfont socicon-soundcloud socicon"></span>
-                    </a>
-                    <a class="iconfont-wrapper" href="https://discord.gg/YJmkAFbKFX" target="_blank">
-                        <span class="p-2 mbr-iconfont socicon-discord socicon"></span>
-                    </a>
-                </div>
-                
-            </div>
-        </div>
-    </nav>
-</section>
-
-<section data-bs-version="5.1" class="features4 cid-sIHd30Evfl" id="features4-8">
-    
-    
-    <div class="container">
-        <div class="mbr-section-head">
-            <h4 class="mbr-section-title mbr-fonts-style align-center mb-0 display-2">
-                <strong>Current Allowed-to-use Tracks</strong></h4>
-            
-        </div>
-        <div class="row mt-4">
-            
-            
-            <div class="item features-image сol-12 col-md-6 col-lg-4 active">
-                <div class="item-wrapper">
-                    <div class="item-img">
-                        <img src="assets/images/image0.png" alt="" title="">
-                    </div>
-                    <div class="item-content">
-                        <h5 class="item-title mbr-fonts-style display-5"><strong>hello.world(Zer/O)</strong></h5>
-                        <h6 class="item-subtitle mbr-fonts-style mt-1 display-7">First Release</h6>
-                        <p class="mbr-text mbr-fonts-style mt-3 display-7">What do I see... a new world...?&nbsp;<br><br>Release Date: 08.22.2021<br>Spotify/Apple Music/Youtube Music Release Date: 09.20.2021</p>
-                    </div>
-                    <div class="mbr-section-btn item-footer mt-2"><a href="hello.world(Zer/O)" class="btn item-btn btn-black display-7" target="_blank">Details &gt;</a></div>
-                </div>
-            </div>
-
-          <div class="item features-image сol-12 col-md-6 col-lg-4 active">
-                <div class="item-wrapper">
-                    <div class="item-img">
-                        <img src="https://cdn.glitch.me/f6cb427c-2cdb-4693-bc00-9d3e2991008c%2FC9B955D3-3A2A-4B83-92EB-EBCBDEB2B458.jpeg?v=1636047401899" alt="" title="">
-                    </div>
-                    <div class="item-content">
-                        <h5 class="item-title mbr-fonts-style display-5"><strong>PoΣΣεssion (Possession)</strong></h5>
-                        <h6 class="item-subtitle mbr-fonts-style mt-1 display-7">(from Mayonaka Dancehall!!! (DACHiTRAX))</h6>
-                        <p class="mbr-text mbr-fonts-style mt-3 display-7">Ghost and monsters are gathering you...&nbsp;<br><br>Release Date: 10.31.2021<br>Bandcamp Release Date: 11.13.2021</p>
-                    </div>
-                    <div class="mbr-section-btn item-footer mt-2"><a href="possession" class="btn item-btn btn-black display-7" target="_blank">Details &gt;</a></div>
-                </div>
-            </div>
-          
-        </div>
-    </div>
-</section>
-
-<section data-bs-version="5.1" class="footer3 cid-sIH4mf7xzA mbr-reveal" once="footers" id="footer3-7">
-
-    
-
-    
-
-    <div class="container-fluid">
-        <div class="media-container-row align-center mbr-white">
-            <div class="row row-links">
-                <ul class="foot-menu">
-                    
-                    
-                    
-                    
-                    
-                <li class="foot-menu-item mbr-fonts-style display-7"><a href="index.html" class="text-white">Home</a></li><li class="foot-menu-item mbr-fonts-style display-7"><a href="release" class="text-white">Releases</a></li><li class="foot-menu-item mbr-fonts-style display-7"><a href="song_usage_terms" class="text-white">Terms of Use</a></li><li class="foot-menu-item mbr-fonts-style display-7"><a href="about_me" class="text-white">About Me</a></li><li class="foot-menu-item mbr-fonts-style display-7"><a href="contacts" class="text-white">Contact me</a></li></ul>
-            </div>
-            <div class="row social-row">
-                <div class="social-list align-right pb-2">
-                    
-                    
-                    
-                    
-                    
-                    
-                <div class="soc-item">
-                        <a href="https://www.youtube.com/channel/UCtkR_TTVaiUSASsGH4IXQfQ" target="_blank">
-                            <span class="mbr-iconfont mbr-iconfont-social socicon-youtube socicon"></span>
-                        </a>
-                    </div><div class="soc-item">
-                        <a href="https://twitter.com/t404_null" target="_blank">
-                            <span class="mbr-iconfont mbr-iconfont-social socicon-twitter socicon"></span>
-                        </a>
-                    </div><div class="soc-item">
-                        <a href="https://t404null.bandcamp.com/" target="_blank">
-                            <span class="mbr-iconfont mbr-iconfont-social socicon-bandcamp socicon"></span>
-                        </a>
-                    </div><div class="soc-item">
-                        <a href="https://music.apple.com/artist/t404-null/1583561849" target="_blank">
-                            <span class="mbr-iconfont mbr-iconfont-social socicon-itunes socicon"></span>
-                        </a>
-                    </div><div class="soc-item">
-                        <a href="https://music.google.com/" target="_blank">
-                            <span class="mbr-iconfont mbr-iconfont-social socicon-googleplaymusic socicon"></span>
-                        </a>
-                    </div><div class="soc-item">
-                        <a href="https://open.spotify.com/artist/7jNOPuWk28EUX69mrp4ITL" target="_blank">
-                            <span class="mbr-iconfont mbr-iconfont-social socicon-spotify socicon"></span>
-                        </a>
-                    </div><div class="soc-item">
-                        <a href="https://soundcloud.com/t404null" target="_blank">
-                            <span class="mbr-iconfont mbr-iconfont-social socicon-soundcloud socicon"></span>
-                        </a>
-                    </div><div class="soc-item">
-                        <a href="https://discord.com/invite/YJmkAFbKFX" target="_blank">
-                            <span class="mbr-iconfont mbr-iconfont-social socicon-discord socicon"></span>
-                        </a>
-                    </div><div class="soc-item">
-                        <a href="https://www.twitch.tv/t404owo" target="_blank">
-                            <span class="mbr-iconfont mbr-iconfont-social socicon-twitch socicon"></span>
-                        </a>
-                    </div></div>
-            </div>
-            <div class="row row-copirayt">
-                <p class="mbr-text mb-0 mbr-fonts-style mbr-white align-center display-7">
-                    © t404:null 2021-2023 - All Rights Reserved</p>
-            </div>
-        </div>
-    </div>
-  </section>
-<section style="background-color: #fff; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif; color:#aaa; font-size:12px; padding: 0; align-items: center; display: flex;">
-  <a href="https://mobirise.site/f" style="flex: 1 1; height: 0px; padding-left: 0px;"></a>
-   </section><script src="assets/bootstrap/js/bootstrap.bundle.min.js"></script>  <script src="assets/smoothscroll/smooth-scroll.js"></script>  <script src="assets/ytplayer/index.js"></script>  <script src="assets/dropdown/js/navbar-dropdown.js"></script>  <script src="assets/theme/js/script.js"></script>  
-  
-  
-</body>
-</html>

assets/bootstrap/css/bootstrap-reboot.min.css

@@ -1,8 +0,0 @@
-/*!
- * Bootstrap Reboot v5.0.1 (https://getbootstrap.com/)
- * Copyright 2011-2021 The Bootstrap Authors
- * Copyright 2011-2021 Twitter, Inc.
- * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
- * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
- */*,::after,::before{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}hr{margin:1rem 0;color:inherit;background-color:currentColor;border:0;opacity:.25}hr:not([size]){height:1px}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2}h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){h1{font-size:2.5rem}}h2{font-size:calc(1.325rem + .9vw)}@media (min-width:1200px){h2{font-size:2rem}}h3{font-size:calc(1.3rem + .6vw)}@media (min-width:1200px){h3{font-size:1.75rem}}h4{font-size:calc(1.275rem + .3vw)}@media (min-width:1200px){h4{font-size:1.5rem}}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-top:0;margin-bottom:1rem}abbr[data-bs-original-title],abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul{padding-left:2rem}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:.875em}mark{padding:.2em;background-color:#fcf8e3}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#0d6efd;text-decoration:underline}a:hover{color:#0a58ca}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em;direction:ltr;unicode-bidi:bidi-override}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.875em}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:.875em;color:#d63384;word-wrap:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:.875em;color:#fff;background-color:#212529;border-radius:.2rem}kbd kbd{padding:0;font-size:1em;font-weight:700}figure{margin:0 0 1rem}img,svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}caption{padding-top:.5rem;padding-bottom:.5rem;color:#6c757d;text-align:left}th{text-align:inherit;text-align:-webkit-match-parent}tbody,td,tfoot,th,thead,tr{border-color:inherit;border-style:solid;border-width:0}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}select:disabled{opacity:1}[list]::-webkit-calendar-picker-indicator{display:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{float:left;width:100%;padding:0;margin-bottom:.5rem;font-size:calc(1.275rem + .3vw);line-height:inherit}@media (min-width:1200px){legend{font-size:1.5rem}}legend+*{clear:left}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:textfield}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::file-selector-button{font:inherit}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}iframe{border:0}summary{display:list-item;cursor:pointer}progress{vertical-align:baseline}[hidden]{display:none!important}
-/*# sourceMappingURL=bootstrap-reboot.min.css.map */

assets/css/fonts/jost.css

@@ -0,0 +1,48 @@
+/* cyrillic */
+@font-face {
+  font-family: 'Jost';
+  font-style: italic;
+  font-weight: 100 900;
+  src: url(https://fonts.gstatic.com/s/jost/v15/92zUtBhPNqw73oHt5D4hTxM.woff2) format('woff2');
+  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+/* latin-ext */
+@font-face {
+  font-family: 'Jost';
+  font-style: italic;
+  font-weight: 100 900;
+  src: url(https://fonts.gstatic.com/s/jost/v15/92zUtBhPNqw73oHt7j4hTxM.woff2) format('woff2');
+  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: 'Jost';
+  font-style: italic;
+  font-weight: 100 900;
+  src: url(https://fonts.gstatic.com/s/jost/v15/92zUtBhPNqw73oHt4D4h.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+/* cyrillic */
+@font-face {
+  font-family: 'Jost';
+  font-style: normal;
+  font-weight: 100 900;
+  src: url(https://fonts.gstatic.com/s/jost/v15/92zatBhPNqw73oDd4iYl.woff2) format('woff2');
+  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+/* latin-ext */
+@font-face {
+  font-family: 'Jost';
+  font-style: normal;
+  font-weight: 100 900;
+  src: url(https://fonts.gstatic.com/s/jost/v15/92zatBhPNqw73ord4iYl.woff2) format('woff2');
+  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: 'Jost';
+  font-style: normal;
+  font-weight: 100 900;
+  src: url(https://fonts.gstatic.com/s/jost/v15/92zatBhPNqw73oTd4g.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}

assets/css/fonts/plus-jarkata-sans.css

@@ -0,0 +1,72 @@
+/* cyrillic-ext */
+@font-face {
+  font-family: 'Plus Jakarta Sans';
+  font-style: italic;
+  font-weight: 200 800;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/plusjakartasans/v8/LDIuaomQNQcsA88c7O9yZ4KMCoOg4Koz4yOqhMva.woff2) format('woff2');
+  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+/* vietnamese */
+@font-face {
+  font-family: 'Plus Jakarta Sans';
+  font-style: italic;
+  font-weight: 200 800;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/plusjakartasans/v8/LDIuaomQNQcsA88c7O9yZ4KMCoOg4Koz4yGqhMva.woff2) format('woff2');
+  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
+}
+/* latin-ext */
+@font-face {
+  font-family: 'Plus Jakarta Sans';
+  font-style: italic;
+  font-weight: 200 800;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/plusjakartasans/v8/LDIuaomQNQcsA88c7O9yZ4KMCoOg4Koz4yCqhMva.woff2) format('woff2');
+  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: 'Plus Jakarta Sans';
+  font-style: italic;
+  font-weight: 200 800;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/plusjakartasans/v8/LDIuaomQNQcsA88c7O9yZ4KMCoOg4Koz4y6qhA.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+/* cyrillic-ext */
+@font-face {
+  font-family: 'Plus Jakarta Sans';
+  font-style: normal;
+  font-weight: 200 800;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/plusjakartasans/v8/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko70yyygA.woff2) format('woff2');
+  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+/* vietnamese */
+@font-face {
+  font-family: 'Plus Jakarta Sans';
+  font-style: normal;
+  font-weight: 200 800;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/plusjakartasans/v8/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko50yyygA.woff2) format('woff2');
+  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
+}
+/* latin-ext */
+@font-face {
+  font-family: 'Plus Jakarta Sans';
+  font-style: normal;
+  font-weight: 200 800;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/plusjakartasans/v8/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko40yyygA.woff2) format('woff2');
+  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: 'Plus Jakarta Sans';
+  font-style: normal;
+  font-weight: 200 800;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/plusjakartasans/v8/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko20yw.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}

assets/css/main.css

@@ -0,0 +1,952 @@
+@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.5rem;
+}
+
+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("/assets/fonts/nf-symbols.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;
+    }
+  }
+}

assets/css/old.css

@@ -0,0 +1,740 @@
+@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");
+
+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;
+}
+
+nav ul {
+  padding-left: 15px;
+  list-style-type: none;
+  margin: 0px;
+  align-content: center;
+}
+
+nav ul li {
+  display: inline-block;
+  padding-right: 4px;
+  vertical-align: middle;
+}
+
+nav ul li p {
+  padding-top: 0.4rem;
+  vertical-align: middle;
+  margin: 0.5rem 1rem;
+}
+
+nav ul img {
+  margin-top: 0.25rem;
+  height: 1.5rem;
+  vertical-align: middle;
+  padding-right: 0.3rem;
+}
+
+nav 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;
+}
+
+nav .vertical-line {
+  width: 0.1rem;
+  background-color: black;
+  height: 100%;
+}
+
+nav .social {
+  font-size: 2.5rem;
+  padding-bottom: 0.4rem;
+  transition: 0.3s;
+}
+
+nav .social:hover {
+  opacity: 50%;
+}
+
+nav .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;
+}
+
+/*---nav---*/
+.menu {
+  padding-top: 0.4rem;
+  padding-bottom: 0.8rem;
+}
+
+.menu 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;
+}
+
+.menu p:hover,
+.menu .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;
+}
+
+.burger span {
+  transition: 0.2s ease-in-out;
+  box-sizing: border-box;
+  display: block;
+  background-color: #000;
+  border-radius: 2px;
+}
+
+.burger #hamburger {
+  position: absolute;
+  height: 100%;
+  width: 100%;
+  top: 0%;
+  left: 0%;
+}
+
+.burger #hamburger span {
+  width: 70%;
+  height: 5%;
+  top: 17.5%;
+  left: 16%;
+  position: relative;
+  margin: 12% 0;
+}
+
+.burger #hamburger span:nth-child(1) {
+  transition-delay: 0.2s;
+}
+
+.burger #hamburger span:nth-child(2) {
+  transition-delay: 0.3s;
+}
+
+.burger #hamburger span:nth-child(3) {
+  transition-delay: 0.4s;
+}
+
+.burger #cross {
+  position: absolute;
+  height: 100%;
+  width: 100%;
+  top: 0%;
+  left: 1.5%;
+  transform: rotate(45deg);
+}
+
+.burger #cross span:nth-child(1) {
+  height: 0%;
+  width: 5%;
+  position: absolute;
+  right: 46%;
+  /*a / */
+  top: 10%;
+  transform: translate(-50%);
+  transition-delay: 0s;
+}
+
+.burger #cross 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%;
+}
+
+.burger.open #hamburger span:nth-child(1) {
+  transition-delay: 0s;
+}
+
+.burger.open #hamburger span:nth-child(2) {
+  transition-delay: 0.1s;
+}
+
+.burger.open #hamburger span:nth-child(3) {
+  transition-delay: 0.2s;
+}
+
+.burger.open #cross span:nth-child(1) {
+  height: 80%;
+  transition-delay: 0.3s;
+}
+
+.burger.open #cross span:nth-child(2) {
+  width: 80%;
+  transition-delay: 0.3s;
+}
+
+/*---- main ----*/
+
+.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;
+}
+
+.slider section 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;
+}
+
+.slider section h1 {
+  font-size: 2rem;
+  grid-row-start: 2;
+  grid-row-end: 3;
+}
+
+.slider section p {
+  font-size: 1.25rem;
+  grid-row-start: 3;
+  grid-row-end: 4;
+}
+
+.slider section p,
+.slider section h1 {
+  width: 60vw;
+  text-align: center;
+  grid-column-start: 2;
+  /*|•|*/
+  grid-column-end: 3;
+}
+
+.slider:hover {
+  cursor: pointer;
+}
+
+/* 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;
+}
+
+.album-cards .card {
+  transition: 0.75s;
+  color: black;
+  background-color: #ddd;
+  height: 23rem;
+  border-radius: 7px;
+  text-decoration: none;
+}
+
+.album-cards .card div {
+  z-index: 1;
+  position: inherit;
+  height: 100%;
+  width: 100%;
+  background-color: #ddd;
+  border-radius: 7px;
+  transition: 0.5s;
+}
+
+.album-cards .card h2 {
+  font-size: 1.9rem;
+}
+
+.album-cards .card p {
+  font-size: 1.2rem;
+}
+
+.album-cards .card h2,
+.album-cards .card p {
+  color: white;
+  padding: 0.3rem 0.75rem 0.3rem 0.75rem;
+  position: relative;
+  z-index: 3;
+  opacity: 0;
+  transition: 0.5s;
+}
+
+.album-cards .card .bg-img {
+  /* background: url(/assets/img/t404_null-logo.png);
+	 */
+  background-size: cover;
+  position: absolute;
+  height: 23rem;
+  width: 23rem;
+}
+
+.album-cards .card:hover .bg-img {
+  filter: blur(5px) brightness(50%);
+  -webkit-filter: blur(5px) brightness(50%);
+}
+
+.album-cards .card:hover h2,
+.album-cards .card:hover 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;
+}
+
+.half-image-cards .card {
+  transition: 0.75s;
+  color: black;
+  background-color: #ddd;
+  height: 30rem;
+  border-radius: 7px;
+  text-decoration: none;
+}
+
+.half-image-cards .card div {
+  z-index: 1;
+  position: inherit;
+  height: 100%;
+  width: 100%;
+  background-color: #ddd;
+  border-radius: 7px;
+  transition: 0.5s;
+}
+
+.half-image-cards .card h2 {
+  font-size: 1.9rem;
+}
+
+.half-image-cards .card p {
+  font-size: 1.1rem;
+}
+
+.half-image-cards .card h2,
+.half-image-cards .card p {
+  /* color: black;
+	 */
+  padding: 0.3rem 10vw 0.3rem 5vw;
+  position: relative;
+  z-index: 3;
+  opacity: 0;
+  transition: 0.5s;
+}
+
+.half-image-cards .card .bg-img {
+  /* background: url(/assets/img/t404_null-logo.png);
+	 */
+  background-size: cover;
+  position: absolute;
+  background-position: center left;
+  height: 30rem;
+  width: 30rem;
+}
+
+.half-image-cards .card:hover .bg-img {
+  filter: brightness(40%);
+  -webkit-filter: brightness(40%);
+  width: 8vw;
+  border-radius: 7px 0px 0px 7px;
+}
+
+.half-image-cards .card:hover h2,
+.half-image-cards .card:hover 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;
+}
+
+.contact-cards 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;
+}
+
+.contact-email :not(textarea) {
+  text-align: center;
+}
+
+.contact-email .inputbox:hover {
+  background: #dedede;
+}
+
+.contact-email .inputbox:focus {
+  background: #cecece;
+}
+
+.contact-email button {
+  width: 100%;
+  height: 3rem;
+  border-radius: 5px;
+  text-align: center;
+}
+
+.contact-email .formbutton {
+  background: #272727;
+  color: #fff;
+  border: 0px;
+  transition-duration: 300ms;
+  cursor: pointer;
+}
+
+.contact-email .formbutton:hover {
+  background: #727272;
+}
+
+.contact-email .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;
+}
+
+.contact-email .error_box {
+  background: #fee;
+  border-radius: 5px;
+  margin: auto;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+  padding: 1rem 1rem;
+  margin-bottom: 1.5rem;
+}
+
+.contact-email .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;
+}
+
+.topic {
+  padding: 1rem;
+  font-size: 3rem;
+  margin-top: 3vw;
+  margin-bottom: 7vw;
+}
+
+.topic 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;
+}
+
+.topic a:hover {
+  opacity: 70%;
+  background-size: 100% 0.2em;
+}
+
+/* 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;
+}
+
+.release-track strong {
+  color: #fff;
+}
+
+.release-track .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;
+}
+
+.release-track .text-box 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;
+}
+
+.release-track .text-box a:hover {
+  color: #ccc;
+  background-size: 100% 0.2em;
+}
+
+/* info */
+.info {
+  text-decoration: none;
+  list-style-type: none;
+  font-size: 1.4rem;
+}
+
+.info li {
+  padding: 1rem;
+}
+
+.info 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;
+}
+
+.info a:hover {
+  opacity: 70%;
+  background-size: 100% 0.2em;
+}
+
+.info .title {
+  font-size: 1.6rem;
+}
+
+@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;
+  }
+
+  nav .dropdown .dropdown-social a {
+    transition: 0.2s;
+    display: flex;
+    padding: 1rem;
+    border-radius: 7px;
+    margin: 0.3rem 0;
+  }
+
+  nav .dropdown .dropdown-social a:hover {
+    background-color: #ddd;
+  }
+
+  nav .dropdown .dropdown-social strong {
+    margin-left: auto;
+    margin-right: auto;
+    align-content: center;
+  }
+
+  nav .dropdown .dropdown-social p {
+    margin: 0.5rem 0;
+  }
+
+  nav .dropdown .dropdown-menu {
+    display: none;
+  }
+
+  nav .menu,
+  nav .dropdown-open.dropdown,
+  nav .dropdown-open.dropdown-social {
+    opacity: 1;
+    display: initial;
+  }
+
+  nav .social,
+  nav .dropdown-open.dropdown-menu {
+    opacity: 0;
+    display: none;
+  }
+
+  nav .burger {
+    display: block;
+  }
+}
+
+@media screen and (width<1180px) {
+
+  /*if(width<1125px)*/
+  nav {
+    font-size: 1.4rem;
+  }
+
+  nav ul img {
+    height: 2.5rem;
+  }
+
+  nav .social {
+    font-size: 2rem;
+  }
+
+  nav .burger {
+    height: 100px;
+    width: 100px;
+  }
+
+  nav .dropdown .dropdown-social,
+  nav .dropdown .dropdown-menu {
+    position: relative;
+  }
+
+  nav .dropdown .dropdown-menu {
+    width: 18rem;
+    padding: 0rem 0rem;
+  }
+
+  nav .dropdown .dropdown-social {
+    display: flex;
+    flex-wrap: wrap;
+  }
+
+  nav .dropdown .dropdown-menu p,
+  nav .dropdown .dropdown-social a {
+    transition: 0.2s;
+    padding: 1rem;
+    border-radius: 7px;
+    margin: 0.3rem 0;
+  }
+
+  nav .dropdown .dropdown-menu p:hover {
+    background-color: #ddd;
+  }
+
+  nav .dropdown .dropdown-social a:hover {
+    opacity: 50%;
+  }
+
+  nav .dropdown hr {
+    margin: 0.75rem 0rem;
+    padding: 1rem;
+    border: 1px solid #aaa;
+  }
+
+  nav .social-name {
+    display: none;
+  }
+
+  nav .social,
+  nav .menu-item {
+    display: none;
+  }
+
+  nav .dropdown-open {
+    transition: 0.3s;
+    opacity: 1;
+    display: initial;
+  }
+
+  nav .dropdown-open .dropdown,
+  nav .dropdown-open .dropdown-social,
+  nav .dropdown-open .downdown-menu {
+    display: initial;
+  }
+
+  nav .burger {
+    display: block;
+  }
+}

assets/dropdown/css/style.css

@@ -1,265 +0,0 @@
-.navbar-dropdown {
-  left: 0;
-  padding: 0;
-  position: absolute;
-  right: 0;
-  top: 0;
-  transition: all 0.45s ease;
-  z-index: 1030;
-  background: #282828; }
-  .navbar-dropdown .navbar-logo {
-    margin-right: 0.8rem;
-    transition: margin 0.3s ease-in-out;
-    vertical-align: middle; }
-    .navbar-dropdown .navbar-logo img {
-      height: 3.125rem;
-      transition: all 0.3s ease-in-out; }
-    .navbar-dropdown .navbar-logo.mbr-iconfont {
-      font-size: 3.125rem;
-      line-height: 3.125rem; }
-  .navbar-dropdown .navbar-caption {
-    font-weight: 700;
-    white-space: normal;
-    vertical-align: -4px;
-    line-height: 3.125rem !important; }
-    .navbar-dropdown .navbar-caption, .navbar-dropdown .navbar-caption:hover {
-      color: inherit;
-      text-decoration: none; }
-  .navbar-dropdown .mbr-iconfont + .navbar-caption {
-    vertical-align: -1px; }
-  .navbar-dropdown.navbar-fixed-top {
-    position: fixed; }
-  .navbar-dropdown .navbar-brand span {
-    vertical-align: -4px; }
-  .navbar-dropdown.bg-color.transparent {
-    background: none; }
-  .navbar-dropdown.navbar-short .navbar-brand {
-    padding: 0.625rem 0; }
-    .navbar-dropdown.navbar-short .navbar-brand span {
-      vertical-align: -1px; }
-  .navbar-dropdown.navbar-short .navbar-caption {
-    line-height: 2.375rem !important;
-    vertical-align: -2px; }
-  .navbar-dropdown.navbar-short .navbar-logo {
-    margin-right: 0.5rem; }
-    .navbar-dropdown.navbar-short .navbar-logo img {
-      height: 2.375rem; }
-    .navbar-dropdown.navbar-short .navbar-logo.mbr-iconfont {
-      font-size: 2.375rem;
-      line-height: 2.375rem; }
-  .navbar-dropdown.navbar-short .mbr-table-cell {
-    height: 3.625rem; }
-  .navbar-dropdown .navbar-close {
-    left: 0.6875rem;
-    position: fixed;
-    top: 0.75rem;
-    z-index: 1000; }
-  .navbar-dropdown .hamburger-icon {
-    content: "";
-    display: inline-block;
-    vertical-align: middle;
-    width: 16px;
-    -webkit-box-shadow: 0 -6px 0 1px #282828,0 0 0 1px #282828,0 6px 0 1px #282828;
-    -moz-box-shadow: 0 -6px 0 1px #282828,0 0 0 1px #282828,0 6px 0 1px #282828;
-    box-shadow: 0 -6px 0 1px #282828,0 0 0 1px #282828,0 6px 0 1px #282828; }
-
-.dropdown-menu .dropdown-toggle[data-toggle="dropdown-submenu"]::after {
-  border-bottom: 0.35em solid transparent;
-  border-left: 0.35em solid;
-  border-right: 0;
-  border-top: 0.35em solid transparent;
-  margin-left: 0.3rem; }
-
-.dropdown-menu .dropdown-item:focus {
-  outline: 0; }
-
-.nav-dropdown {
-  font-size: 0.75rem;
-  font-weight: 500;
-  height: auto !important; }
-  .nav-dropdown .nav-btn {
-    padding-left: 1rem; }
-  .nav-dropdown .link {
-    margin: .667em 1.667em;
-    font-weight: 500;
-    padding: 0;
-    transition: color .2s ease-in-out; }
-    .nav-dropdown .link.dropdown-toggle {
-      margin-right: 2.583em; }
-      .nav-dropdown .link.dropdown-toggle::after {
-        margin-left: .25rem;
-        border-top: 0.35em solid;
-        border-right: 0.35em solid transparent;
-        border-left: 0.35em solid transparent;
-        border-bottom: 0; }
-      .nav-dropdown .link.dropdown-toggle[aria-expanded="true"] {
-        margin: 0;
-        padding: 0.667em 3.263em  0.667em 1.667em; }
-  .nav-dropdown .link::after,
-  .nav-dropdown .dropdown-item::after {
-    color: inherit; }
-  .nav-dropdown .btn {
-    font-size: 0.75rem;
-    font-weight: 700;
-    letter-spacing: 0;
-    margin-bottom: 0;
-    padding-left: 1.25rem;
-    padding-right: 1.25rem; }
-  .nav-dropdown .dropdown-menu {
-    border-radius: 0;
-    border: 0;
-    left: 0;
-    margin: 0;
-    padding-bottom: 1.25rem;
-    padding-top: 1.25rem;
-    position: relative; }
-  .nav-dropdown .dropdown-submenu {
-    margin-left: 0.125rem;
-    top: 0; }
-  .nav-dropdown .dropdown-item {
-    font-weight: 500;
-    line-height: 2;
-    padding: 0.3846em 4.615em 0.3846em 1.5385em;
-    position: relative;
-    transition: color .2s ease-in-out, background-color .2s ease-in-out; }
-    .nav-dropdown .dropdown-item::after {
-      margin-top: -0.3077em;
-      position: absolute;
-      right: 1.1538em;
-      top: 50%; }
-    .nav-dropdown .dropdown-item:focus, .nav-dropdown .dropdown-item:hover {
-      background: none; }
-
-@media (max-width: 767px) {
-  .nav-dropdown.navbar-toggleable-sm {
-    bottom: 0;
-    display: none;
-    left: 0;
-    overflow-x: hidden;
-    position: fixed;
-    top: 0;
-    transform: translateX(-100%);
-    -ms-transform: translateX(-100%);
-    -webkit-transform: translateX(-100%);
-    width: 18.75rem;
-    z-index: 999; } }
-.nav-dropdown.navbar-toggleable-xl {
-  bottom: 0;
-  display: none;
-  left: 0;
-  overflow-x: hidden;
-  position: fixed;
-  top: 0;
-  transform: translateX(-100%);
-  -ms-transform: translateX(-100%);
-  -webkit-transform: translateX(-100%);
-  width: 18.75rem;
-  z-index: 999; }
-
-.nav-dropdown-sm {
-  display: block !important;
-  overflow-x: hidden;
-  overflow: auto;
-  padding-top: 3.875rem; }
-  .nav-dropdown-sm::after {
-    content: "";
-    display: block;
-    height: 3rem;
-    width: 100%; }
-  .nav-dropdown-sm.collapse.in ~ .navbar-close {
-    display: block !important; }
-  .nav-dropdown-sm.collapsing, .nav-dropdown-sm.collapse.in {
-    transform: translateX(0);
-    -ms-transform: translateX(0);
-    -webkit-transform: translateX(0);
-    transition: all 0.25s ease-out;
-    -webkit-transition: all 0.25s ease-out;
-    background: #282828; }
-  .nav-dropdown-sm.collapsing[aria-expanded="false"] {
-    transform: translateX(-100%);
-    -ms-transform: translateX(-100%);
-    -webkit-transform: translateX(-100%); }
-  .nav-dropdown-sm .nav-item {
-    display: block;
-    margin-left: 0 !important;
-    padding-left: 0; }
-  .nav-dropdown-sm .link,
-  .nav-dropdown-sm .dropdown-item {
-    border-top: 1px dotted rgba(255, 255, 255, 0.1);
-    font-size: 0.8125rem;
-    line-height: 1.6;
-    margin: 0 !important;
-    padding: 0.875rem 2.4rem 0.875rem 1.5625rem !important;
-    position: relative;
-    white-space: normal; }
-    .nav-dropdown-sm .link:focus, .nav-dropdown-sm .link:hover,
-    .nav-dropdown-sm .dropdown-item:focus,
-    .nav-dropdown-sm .dropdown-item:hover {
-      background: rgba(0, 0, 0, 0.2) !important;
-      color: #c0a375; }
-  .nav-dropdown-sm .nav-btn {
-    position: relative;
-    padding: 1.5625rem 1.5625rem 0 1.5625rem; }
-    .nav-dropdown-sm .nav-btn::before {
-      border-top: 1px dotted rgba(255, 255, 255, 0.1);
-      content: "";
-      left: 0;
-      position: absolute;
-      top: 0;
-      width: 100%; }
-    .nav-dropdown-sm .nav-btn + .nav-btn {
-      padding-top: 0.625rem; }
-      .nav-dropdown-sm .nav-btn + .nav-btn::before {
-        display: none; }
-  .nav-dropdown-sm .btn {
-    padding: 0.625rem 0; }
-  .nav-dropdown-sm .dropdown-toggle[data-toggle="dropdown-submenu"]::after {
-    margin-left: .25rem;
-    border-top: 0.35em solid;
-    border-right: 0.35em solid transparent;
-    border-left: 0.35em solid transparent;
-    border-bottom: 0; }
-  .nav-dropdown-sm .dropdown-toggle[data-toggle="dropdown-submenu"][aria-expanded="true"]::after {
-    border-top: 0;
-    border-right: 0.35em solid transparent;
-    border-left: 0.35em solid transparent;
-    border-bottom: 0.35em solid; }
-  .nav-dropdown-sm .dropdown-menu {
-    margin: 0;
-    padding: 0;
-    position: relative;
-    top: 0;
-    left: 0;
-    width: 100%;
-    border: 0;
-    float: none;
-    border-radius: 0;
-    background: none; }
-  .nav-dropdown-sm .dropdown-submenu {
-    left: 100%;
-    margin-left: 0.125rem;
-    margin-top: -1.25rem;
-    top: 0; }
-
-.navbar-toggleable-sm .nav-dropdown .dropdown-menu {
-  position: absolute; }
-
-.navbar-toggleable-sm .nav-dropdown .dropdown-submenu {
-  left: 100%;
-  margin-left: 0.125rem;
-  margin-top: -1.25rem;
-  top: 0; }
-
-.navbar-toggleable-sm.opened .nav-dropdown .dropdown-menu {
-  position: relative; }
-
-.navbar-toggleable-sm.opened .nav-dropdown .dropdown-submenu {
-  left: 0;
-  margin-left: 00rem;
-  margin-top: 0rem;
-  top: 0; }
-
-.is-builder .nav-dropdown.collapsing {
-  transition: none !important; }
-
-

assets/dropdown/js/navbar-dropdown.js

@@ -1,7 +0,0 @@
-var $jscomp=$jscomp||{};$jscomp.scope={};$jscomp.ASSUME_ES5=!1;$jscomp.ASSUME_NO_NATIVE_MAP=!1;$jscomp.ASSUME_NO_NATIVE_SET=!1;$jscomp.SIMPLE_FROUND_POLYFILL=!1;$jscomp.defineProperty=$jscomp.ASSUME_ES5||"function"==typeof Object.defineProperties?Object.defineProperty:function(a,c,b){a!=Array.prototype&&a!=Object.prototype&&(a[c]=b.value)};$jscomp.getGlobal=function(a){return"undefined"!=typeof window&&window===a?a:"undefined"!=typeof global&&null!=global?global:a};$jscomp.global=$jscomp.getGlobal(this);
-$jscomp.polyfill=function(a,c,b,d){if(c){b=$jscomp.global;a=a.split(".");for(d=0;d<a.length-1;d++){var e=a[d];e in b||(b[e]={});b=b[e]}a=a[a.length-1];d=b[a];c=c(d);c!=d&&null!=c&&$jscomp.defineProperty(b,a,{configurable:!0,writable:!0,value:c})}};
-$jscomp.polyfill("Array.from",function(a){return a?a:function(a,b,d){b=null!=b?b:function(a){return a};var e=[],c="undefined"!=typeof Symbol&&Symbol.iterator&&a[Symbol.iterator];if("function"==typeof c){a=c.call(a);for(var f=0;!(c=a.next()).done;)e.push(b.call(d,c.value,f++))}else for(c=a.length,f=0;f<c;f++)e.push(b.call(d,a[f],f));return e}},"es6","es3");
-(function(){function a(a){"resize"===a.type&&(document.body.classList.remove("navbar-dropdown-open"),document.querySelector(".navbar-dropdown").querySelector(".navbar-collapse").classList.remove("show"),document.querySelector(".navbar-dropdown").classList.remove("opened"),Array.from(document.querySelector(".navbar-dropdown").querySelectorAll('.navbar-toggler[aria-expanded="true"]')).forEach(function(a){var b=a.querySelector(a.getAttribute("data-target"));b&&(b.classList.remove("in"),b.setAttribute("aria-expanded",
-"false"),a.setAttribute("aria-expanded","false"))}));var b=document.documentElement.scrollTop;Array.from(document.querySelectorAll(".navbar-dropdown")).forEach(function(a){a.matches(".navbar-fixed-top")&&(a.matches(".transparent")&&!a.classList.contains("opened")&&(0<b?a.classList.remove("bg-color"):a.classList.add("bg-color")),0<b?a.classList.add("navbar-short"):a.classList.remove("navbar-short"))})}var c;["scroll","resize"].forEach(function(b){document.addEventListener(b,function(b){clearTimeout(c);
-c=setTimeout(function(){a(b)},10)})});["show.bs.collapse","hide.bs.collapse"].forEach(function(a){document.addEventListener(a,function(){var b=document.querySelector(".navbar-dropdown");b&&("show.bs.collapse"==a?(document.body.classList.add("navbar-dropdown-open"),b.classList.add("opened")):(document.body.classList.remove("navbar-dropdown-open"),b.classList.remove("opened"),window.dispatchEvent(new CustomEvent("scroll.bs.navbar-dropdown.data-api")),b.dispatchEvent(new CustomEvent("collapse.bs.navbar-dropdown"))))})});
-document.addEventListener("collapse.bs.nav-dropdown",function(a){(a=a.relatedTarget.closest(".navbar-dropdown"))&&(a=a.querySelector('.navbar-toggler[aria-expanded="true"]'))&&a.dispatchEvent(new CustomEvent("click"))})})();

assets/formoid/formoid.min.js

@@ -1,195 +0,0 @@
-var Formoid = (function () {
-
-    var API_URL = ('https:' == location.protocol ? 'https:' : 'http:') + '//formoid.net/api/push';
-
-    function $ajax(url, settings) {
-        return new Promise(function (resolve, reject) {
-            var xhr = new XMLHttpRequest();
-            xhr.open(settings.type, url);
-            xhr.onload = function () {
-                if (xhr.status !== 200) {
-                    return reject(new Error('Incorrect server response.'));
-                }
-                resolve(xhr.responseText);
-            };
-            xhr.onerror = function () {
-                var message = 'Failed to query the server. ';
-                if ('onLine' in navigator && !navigator.onLine) {
-                    message += 'No connection to the Internet.';
-                } else {
-                    message += 'Check the connection and try again.';
-                }
-                reject(new Error(message));
-            };
-            xhr.send(settings.data);
-        })
-    };
-
-    var prop = function (name, args) {
-        name = '__' + name + '__';
-        if (args.length) {
-            this[name] = args[0];
-            return this;
-        }
-        return this[name];
-    };
-
-    var Form = function (settings) {
-        settings = settings || {};
-        this.__email__ = settings.email || '';
-        this.__title__ = settings.title || '';
-        this.__data__ = settings.data || [];
-    };
-
-    Form.prototype.email = function (value) {
-        return prop.call(this, 'email', arguments);
-    };
-
-    Form.prototype.title = function (value) {
-        return prop.call(this, 'title', arguments);
-    };
-
-    Form.prototype.data = function (value) {
-        return prop.call(this, 'data', arguments);
-    };
-
-    Form.prototype.send = function (data) {
-        return $ajax(API_URL, {
-            type: 'POST',
-            data: JSON.stringify({
-                email: this.__email__,
-                form: {
-                    title: this.__title__,
-                    data: (arguments.length ? data : this.__data__)
-                }
-            })
-        })
-        .then(function(responseText) {
-            try {
-                var data = JSON.parse(responseText);
-                if (data.error) throw new Error(data.error);
-                return data.response;
-            } catch (e) {
-                throw new Error('Incorrect server response.');
-            }
-        });
-    };
-
-    return {
-        Form: function (settings) {
-            return new Form(settings);
-        }
-    }
-
-})();
-
-var isValidEmail = function (input) {
-    return input.value ? /^([^@]+?)@(([a-z0-9]-*)*[a-z0-9]+\.)+([a-z0-9]+)$/i.test(input.value) : true;
-};
-
-var formComponents = document.querySelectorAll('[data-form-type="formoid"]');
-
-formComponents.forEach(function (component) {
-    var formData,
-        form = component.tagName === 'FORM' ? component : component.querySelector('form'),
-        alert = component.querySelector('[data-form-alert]'),
-        title = component.getAttribute('data-form-title') ? component : component.querySelector('[data-form-title]'),
-        submit = component.querySelector('[type="submit"]'),
-        inputArr = component.querySelectorAll('[data-form-field]'),
-        alertSuccess = alert.innerHTML;
-
-    form.addEventListener('change', function (event) {
-        if (event.target.type === 'file') {
-            if (event.target.files[0].size > 1000000) {
-                alert.removeAttribute('hidden');
-                alert.classList.remove('alert-success');
-                alert.classList.add('alert-danger');
-                alert.innerHTML = 'File size must be less than 1mb';
-                submit.classList.add('btn-loading');
-                submit.setAttribute('disabled', true);
-            }
-        }
-    });
-
-    form.addEventListener('submit', function (event) {
-        event.stopPropagation();
-        event.preventDefault();
-
-        if (submit.classList.contains('btn-loading')) return;
-
-        var inputs = inputArr;
-
-        form.classList.add('form-active');
-        submit.classList.add('btn-loading');
-        submit.setAttribute('disabled', true);
-        alert.innerHTML = '';
-
-        formData = formData || Formoid.Form({
-            email: component.querySelector('[data-form-email]').value,
-            title: title.getAttribute('data-form-title') || title.innerText
-        });
-
-        function parseInput(input) {
-            return new Promise(function (resolve, reject) {
-                // valide email
-                if (input.getAttribute('name') === 'email' && !isValidEmail(input)) {
-                    return reject(new Error('Form is not valid'));
-                }
-                var name = input.getAttribute('data-form-field') || input.getAttribute('name');
-                switch (input.getAttribute('type')) {
-                    case 'file':
-                        var file = input.files[0];
-                        if (!file) return resolve();
-                        var reader = new FileReader()
-                        reader.onloadend = function () {
-                            resolve([name, reader.result]);
-                        };
-                        reader.onerror = function () {
-                            reject(reader.error);
-                        };
-                        reader.readAsDataURL(file);
-                        break;
-                    case 'checkbox':
-                        resolve([name, input.checked ? input.value : 'No']);
-                        break;
-                    case 'radio':
-                        resolve(input.checked && [name, input.value]);
-                        break;
-                    default:
-                        resolve([name, input.value]);
-                }
-            });
-        }
-
-        Promise
-            .all(Array.prototype.map.call(inputs, function (input) { return parseInput(input); }))
-            .then(function (data) { return formData.send(data.filter(function (v) { return v; })); })
-            .then(function (message) {
-                form.reset();
-                form.classList.remove('form-active');
-                alert.innerText = alertSuccess || message;
-                alert.classList.remove('alert-danger');
-                alert.classList.add('alert-success');
-            }, function (err) {
-                alert.innerText = err.message;
-                alert.classList.remove('alert-success')
-                alert.classList.add('alert-danger')
-            })
-            .then(function () {
-                submit.classList.remove('btn-loading');
-                submit.removeAttribute('disabled');
-                alert.removeAttribute('hidden');
-            });
-    });
-
-    inputArr.forEach(function (elem) {
-        elem.addEventListener('focus', function () {
-            alert.setAttribute('hidden', 'hidden');
-            alert.classList.add('alert-success')
-            alert.classList.remove('alert-danger');
-            alert.innerHTML = '';
-            submit.classList.remove('btn-loading')
-            submit.removeAttribute('disabled');
-        });
-    });
-})

assets/images/hashes.json

@@ -1 +0,0 @@
-{"PkVV96krCyV9dgMYrqKY4w==":"t404owo.png","cddrg58Ddu5a7w6Ny2Ri2A==":"image0.png","5R2kCQvn5oPe47J9cLfsLw==":"t404null.jpg","gEk//d/r9nzXyzpGHKn5qw==":"logo.png","p8abbe2UdkjCXGAG70wuAw==":"image2.png","031YYeFvm1VtUEanf3nZSA==":"image2-1.png","umGZqz94KEWATnxiVkjQpA==":"image2-2.png","zd/+jWrJX5n3WYPEt+Y1QA==":"image2-3.png","h0OQZBi0ygivmPUcGekadA==":"image2-4.png","i0yXj86WMCaABgLZbDTyRg==":"image2-5.png","BDn/DmdX5zikg3ePZxajtw==":"image2-6.png","7qqxUyNvd4cN5FMDkC2Tkw==":"screenshot-28.png"}