mirror of
https://github.com/t404owo/t404null.git
synced 2025-12-12 18:08:47 +00:00
Compare commits
60 Commits
old
...
73476e1595
| Author | SHA1 | Date | |
|---|---|---|---|
|
73476e1595 | ||
|
|
23367f7d2e | ||
|
|
73e96c9d69 | ||
|
|
58d8e7ec39 | ||
|
|
2d0a5c1ce5 | ||
|
|
92b0e1232e | ||
|
|
3ede610b6d | ||
|
|
066490f850 | ||
|
|
849dfeda89 | ||
|
|
c28949f2fc | ||
|
|
38e174a28f | ||
|
|
64e22d3eb9 | ||
|
|
40f9194271 | ||
|
|
422b417c29 | ||
|
|
17c26b0fb0 | ||
|
|
f46d90f06e | ||
|
|
522d3a69db | ||
|
|
b11e68a4d2 | ||
|
|
f996359f3a | ||
|
|
87b9d03ca8 | ||
|
|
b0709aa77e | ||
|
|
0a0310b410 | ||
|
|
b6034115c8 | ||
|
|
f936514228 | ||
|
|
da810d6a03 | ||
|
|
d704e025a6 | ||
|
|
1104fd3998 | ||
|
|
9e7ca86494 | ||
|
|
1149d1fdfb | ||
|
|
cdb6222553 | ||
|
|
90b7aa5b6f | ||
|
|
d5915b1b59 | ||
|
|
81d6fd2475 | ||
|
|
66b845fd11 | ||
|
|
f4bc2178cb | ||
|
|
21b7b4b97a | ||
|
|
a162a9a16c | ||
|
|
fb7df36292 | ||
|
dac3f16141 | ||
|
|
5dd9fde4f4 | ||
|
|
b0a642cb63 | ||
|
|
c7847344f3 | ||
|
|
c29e96627a | ||
|
|
6f559de2fc | ||
|
|
0ac19024d8 | ||
|
|
fc9261b9f1 | ||
|
|
ee269491cb | ||
|
|
d6af2fac18 | ||
|
|
fea07a1f84 | ||
|
|
5a0d759e71 | ||
|
|
ad74b2318c | ||
|
|
7887f101a8 | ||
|
|
ba0a0c55f2 | ||
|
|
b1dacfb88b | ||
|
|
fa449b0004 | ||
|
|
3247810cff | ||
|
|
4d3b0ff3e0 | ||
|
|
fd9442a7ba | ||
|
|
db10ac37dd | ||
|
|
a7ca2de4f0 |
@@ -1 +0,0 @@
|
||||
Deny from all
|
||||
1
.composer/cache/.htaccess
vendored
1
.composer/cache/.htaccess
vendored
@@ -1 +0,0 @@
|
||||
Deny from all
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -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"}}}
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
43
.glitch-assets
Normal file
43
.glitch-assets
Normal file
@@ -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"}
|
||||
@@ -1,2 +1,2 @@
|
||||
# t404-null
|
||||
# t404null
|
||||
t404:null's Website
|
||||
@@ -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>
|
||||
@@ -1,173 +1,229 @@
|
||||
<!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, feel free to contact me.">
|
||||
<html lang="en">
|
||||
<head>
|
||||
<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://cdn.glitch.global/2d9e31c1-a947-46cd-9fd2-8c92be70abe2/t404_null%20Icon.png"
|
||||
/>
|
||||
<meta charset="UTF-8" />
|
||||
<link rel="stylesheet" type="text/css" href="/assets/css/main.css" />
|
||||
</head>
|
||||
|
||||
|
||||
<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">
|
||||
|
||||
|
||||
|
||||
|
||||
</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;">
|
||||
<body>
|
||||
<nav>
|
||||
<ul class="menu">
|
||||
<li>
|
||||
<a href="/">
|
||||
<img
|
||||
src="https://cdn.glitch.global/f594d6b7-e72e-477c-b5cb-d71abbd39f44/logo.png?v=1716494259675"
|
||||
alt="t404:null"
|
||||
/>
|
||||
</a>
|
||||
</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"></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="social">
|
||||
<a href="https://x.com/t404_null">
|
||||
<p class="nf-icons"></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="social">
|
||||
<a href="https://t404null.bandcamp.com/">
|
||||
<p class="nf-icons"></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="social">
|
||||
<a href="https://open.spotify.com/artist/7jNOPuWk28EUX69mrp4ITL/">
|
||||
<p class="nf-icons">󰓇</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="social">
|
||||
<a href="https://music.apple.com/artist/t404-null/1583561849">
|
||||
<p class="nf-icons"></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="social">
|
||||
<a href="https://soundcloud.com/t404null">
|
||||
<p class="nf-icons"></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="social">
|
||||
<a href="https://discord.gg/YJmkAFbKFX">
|
||||
<p class="nf-icons"></p>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<button
|
||||
class="burger"
|
||||
onclick="this.classList.toggle('open');
|
||||
document.querySelector('.dropdown').classList.toggle('dropdown-open');"
|
||||
>
|
||||
<div id="hamburger">
|
||||
<span></span>
|
||||
<span></span>
|
||||
<span></span>
|
||||
</div>
|
||||
<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"></span>
|
||||
<strong class="social-name">Youtube</strong>
|
||||
</a>
|
||||
<a href="https://x.com/t404_null">
|
||||
<span class="icons nf-icons"></span>
|
||||
<strong class="social-name">X/Twitter</strong>
|
||||
</a>
|
||||
<a href="https://t404null.bandcamp.com/">
|
||||
<span class="icons nf-icons"></span>
|
||||
<strong class="social-name">Bandcamp</strong>
|
||||
</a>
|
||||
<a href="https://open.spotify.com/artist/7jNOPuWk28EUX69mrp4ITL/">
|
||||
<span class="icons nf-icons">󰓇</span>
|
||||
<strong class="social-name">Spotify</strong>
|
||||
</a>
|
||||
</p>
|
||||
<p>
|
||||
<a href="https://music.apple.com/artist/t404-null/1583561849">
|
||||
<span class="icons nf-icons"></span>
|
||||
<strong class="social-name">Apple Music</strong>
|
||||
</a>
|
||||
<a href="https://soundcloud.com/t404null">
|
||||
<span class="icons nf-icons"></span>
|
||||
<strong class="social-name">SoundCloud</strong>
|
||||
</a>
|
||||
<a href="https://discord.gg/YJmkAFbKFX">
|
||||
<span class="icons nf-icons"></span>
|
||||
<strong class="social-name">Discord</strong>
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</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 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>
|
||||
</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>
|
||||
</main>
|
||||
<div class="footer">© t404:null 2021-2025 - All Rights Reserved</div>
|
||||
</body>
|
||||
</html>
|
||||
283
activity/index.html
Normal file
283
activity/index.html
Normal file
@@ -0,0 +1,283 @@
|
||||
<!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://cdn.glitch.global/2d9e31c1-a947-46cd-9fd2-8c92be70abe2/t404_null%20Icon.png"
|
||||
/>
|
||||
<meta charset="UTF-8" />
|
||||
<link rel="stylesheet" type="text/css" href="/assets/css/main.css" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<nav>
|
||||
<ul class="menu">
|
||||
<li>
|
||||
<a href="/">
|
||||
<img
|
||||
src="https://cdn.glitch.global/f594d6b7-e72e-477c-b5cb-d71abbd39f44/logo.png?v=1716494259675"
|
||||
alt="t404:null"
|
||||
/>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<div class="vertical-line"></div>
|
||||
</li>
|
||||
<li class="menu-item">
|
||||
<a href="/">
|
||||
<p>
|
||||
<strong>Home</strong>
|
||||
</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="menu-item">
|
||||
<a href="/release">
|
||||
<p>
|
||||
<strong>Releases</strong>
|
||||
</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="menu-item">
|
||||
<a href="/activity">
|
||||
<p>
|
||||
<strong>Activities</strong>
|
||||
</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="menu-item">
|
||||
<a href="/song_usage_terms">
|
||||
<p>
|
||||
<strong>Terms of Use</strong>
|
||||
</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="menu-item">
|
||||
<a href="/about_me">
|
||||
<p>
|
||||
<strong>About Me</strong>
|
||||
</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="menu-item">
|
||||
<a href="/contacts">
|
||||
<p>
|
||||
<strong>My Contacts</strong>
|
||||
</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div></div>
|
||||
<ul id="social">
|
||||
<li class="social">
|
||||
<a href="https://youtube.com/@t404_null">
|
||||
<p class="nf-icons"></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="social">
|
||||
<a href="https://x.com/t404_null">
|
||||
<p class="nf-icons"></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="social">
|
||||
<a href="https://t404null.bandcamp.com/">
|
||||
<p class="nf-icons"></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="social">
|
||||
<a href="https://open.spotify.com/artist/7jNOPuWk28EUX69mrp4ITL/">
|
||||
<p class="nf-icons">󰓇</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="social">
|
||||
<a href="https://music.apple.com/artist/t404-null/1583561849">
|
||||
<p class="nf-icons"></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="social">
|
||||
<a href="https://soundcloud.com/t404null">
|
||||
<p class="nf-icons"></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="social">
|
||||
<a href="https://discord.gg/YJmkAFbKFX">
|
||||
<p class="nf-icons"></p>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<button
|
||||
class="burger"
|
||||
onclick="this.classList.toggle('open');
|
||||
document.querySelector('.dropdown').classList.toggle('dropdown-open');"
|
||||
>
|
||||
<div id="hamburger">
|
||||
<span></span>
|
||||
<span></span>
|
||||
<span></span>
|
||||
</div>
|
||||
<div id="cross">
|
||||
<span></span>
|
||||
<span></span>
|
||||
</div>
|
||||
</button>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="dropdown">
|
||||
<div class="dropdown-menu">
|
||||
<a href="/">
|
||||
<p>
|
||||
<strong>Home</strong>
|
||||
</p>
|
||||
</a>
|
||||
<a href="/release">
|
||||
<p>
|
||||
<strong>Releases</strong>
|
||||
</p>
|
||||
</a>
|
||||
<a href="/activity">
|
||||
<p>
|
||||
<strong>Activities</strong>
|
||||
</p>
|
||||
</a>
|
||||
<a href="/song_usage_terms">
|
||||
<p>
|
||||
<strong>Terms of Use</strong>
|
||||
</p>
|
||||
</a>
|
||||
<a href="/about_me">
|
||||
<p>
|
||||
<strong>About Me</strong>
|
||||
</p>
|
||||
</a>
|
||||
<a href="/contacts">
|
||||
<p>
|
||||
<strong>My Contacts</strong>
|
||||
</p>
|
||||
</a>
|
||||
</div>
|
||||
<hr class="dropdown-menu" />
|
||||
<div class="dropdown-social">
|
||||
<p>
|
||||
<a href="https://youtube.com/@t404_null">
|
||||
<span class="icons nf-icons"></span>
|
||||
<strong class="social-name">Youtube</strong>
|
||||
</a>
|
||||
<a href="https://x.com/t404_null">
|
||||
<span class="icons nf-icons"></span>
|
||||
<strong class="social-name">X/Twitter</strong>
|
||||
</a>
|
||||
<a href="https://t404null.bandcamp.com/">
|
||||
<span class="icons nf-icons"></span>
|
||||
<strong class="social-name">Bandcamp</strong>
|
||||
</a>
|
||||
<a href="https://open.spotify.com/artist/7jNOPuWk28EUX69mrp4ITL/">
|
||||
<span class="icons nf-icons">󰓇</span>
|
||||
<strong class="social-name">Spotify</strong>
|
||||
</a>
|
||||
</p>
|
||||
<p>
|
||||
<a href="https://music.apple.com/artist/t404-null/1583561849">
|
||||
<span class="icons nf-icons"></span>
|
||||
<strong class="social-name">Apple Music</strong>
|
||||
</a>
|
||||
<a href="https://soundcloud.com/t404null">
|
||||
<span class="icons nf-icons"></span>
|
||||
<strong class="social-name">SoundCloud</strong>
|
||||
</a>
|
||||
<a href="https://discord.gg/YJmkAFbKFX">
|
||||
<span class="icons nf-icons"></span>
|
||||
<strong class="social-name">Discord</strong>
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<main 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 \\Against the Forsaken Legacy//</strong
|
||||
><br /><br />
|
||||
"Even if you don't remember me now, I will bring the you I once knew
|
||||
back from them."
|
||||
<br /><br />Sivelia (the host of VNMC) has asked me making a custom
|
||||
soundtrack round for the tourney. The soundtrack get much likes and
|
||||
subscribers on Youtube within 2 weeks as the tournament got a big
|
||||
impact gained. Big thank you to all VNMC staffs for that!
|
||||
</p>
|
||||
</a>
|
||||
<a class="card" href="/activity">
|
||||
<div
|
||||
class="bg-img"
|
||||
style="
|
||||
background-image: url(https://cdn.glitch.global/f594d6b7-e72e-477c-b5cb-d71abbd39f44/glitch1.jpg);
|
||||
"
|
||||
></div>
|
||||
<h2>VNMC 2024 (???)</h2>
|
||||
<p>???</p>
|
||||
<p>
|
||||
Li4tLiAuLS0gLS4uIC0tLi4u<br />\-...-4buoe2v1qZuiULSrOPuzXZBn<br />YZt0ULSr9PuzvfuiaZwo5ZBseZB39<br />fuzpLxn9PurYZtz4PtzpVSlC3u3UrviaZO
|
||||
</p>
|
||||
</a>
|
||||
<a class="card" href="/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">© t404:null 2021-2025 - All Rights Reserved</div>
|
||||
</body>
|
||||
</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...? <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 ></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... <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 ></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>
|
||||
7
assets/bootstrap/css/bootstrap-grid.min.css
vendored
7
assets/bootstrap/css/bootstrap-grid.min.css
vendored
File diff suppressed because one or more lines are too long
@@ -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 */
|
||||
7
assets/bootstrap/css/bootstrap.min.css
vendored
7
assets/bootstrap/css/bootstrap.min.css
vendored
File diff suppressed because one or more lines are too long
4087
assets/bootstrap/js/bootstrap.bundle.min.js
vendored
4087
assets/bootstrap/js/bootstrap.bundle.min.js
vendored
File diff suppressed because it is too large
Load Diff
48
assets/css/fonts/jost.css
Normal file
48
assets/css/fonts/jost.css
Normal file
@@ -0,0 +1,48 @@
|
||||
/* cyrillic */
|
||||
@font-face {
|
||||
font-family: 'Jost';
|
||||
font-style: italic;
|
||||
font-weight: 100 900;
|
||||
src: url(https://fonts.gstatic.com/s/jost/v15/92zUtBhPNqw73oHt5D4hTxM.woff2) format('woff2');
|
||||
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
|
||||
}
|
||||
/* latin-ext */
|
||||
@font-face {
|
||||
font-family: 'Jost';
|
||||
font-style: italic;
|
||||
font-weight: 100 900;
|
||||
src: url(https://fonts.gstatic.com/s/jost/v15/92zUtBhPNqw73oHt7j4hTxM.woff2) format('woff2');
|
||||
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
||||
}
|
||||
/* latin */
|
||||
@font-face {
|
||||
font-family: 'Jost';
|
||||
font-style: italic;
|
||||
font-weight: 100 900;
|
||||
src: url(https://fonts.gstatic.com/s/jost/v15/92zUtBhPNqw73oHt4D4h.woff2) format('woff2');
|
||||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||
}
|
||||
/* cyrillic */
|
||||
@font-face {
|
||||
font-family: 'Jost';
|
||||
font-style: normal;
|
||||
font-weight: 100 900;
|
||||
src: url(https://fonts.gstatic.com/s/jost/v15/92zatBhPNqw73oDd4iYl.woff2) format('woff2');
|
||||
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
|
||||
}
|
||||
/* latin-ext */
|
||||
@font-face {
|
||||
font-family: 'Jost';
|
||||
font-style: normal;
|
||||
font-weight: 100 900;
|
||||
src: url(https://fonts.gstatic.com/s/jost/v15/92zatBhPNqw73ord4iYl.woff2) format('woff2');
|
||||
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
||||
}
|
||||
/* latin */
|
||||
@font-face {
|
||||
font-family: 'Jost';
|
||||
font-style: normal;
|
||||
font-weight: 100 900;
|
||||
src: url(https://fonts.gstatic.com/s/jost/v15/92zatBhPNqw73oTd4g.woff2) format('woff2');
|
||||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||
}
|
||||
1116
assets/css/fonts/noto-sans-jp.css
Normal file
1116
assets/css/fonts/noto-sans-jp.css
Normal file
File diff suppressed because it is too large
Load Diff
72
assets/css/fonts/plus-jarkata-sans.css
Normal file
72
assets/css/fonts/plus-jarkata-sans.css
Normal file
@@ -0,0 +1,72 @@
|
||||
/* cyrillic-ext */
|
||||
@font-face {
|
||||
font-family: 'Plus Jakarta Sans';
|
||||
font-style: italic;
|
||||
font-weight: 200 800;
|
||||
font-display: swap;
|
||||
src: url(https://fonts.gstatic.com/s/plusjakartasans/v8/LDIuaomQNQcsA88c7O9yZ4KMCoOg4Koz4yOqhMva.woff2) format('woff2');
|
||||
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
|
||||
}
|
||||
/* vietnamese */
|
||||
@font-face {
|
||||
font-family: 'Plus Jakarta Sans';
|
||||
font-style: italic;
|
||||
font-weight: 200 800;
|
||||
font-display: swap;
|
||||
src: url(https://fonts.gstatic.com/s/plusjakartasans/v8/LDIuaomQNQcsA88c7O9yZ4KMCoOg4Koz4yGqhMva.woff2) format('woff2');
|
||||
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
|
||||
}
|
||||
/* latin-ext */
|
||||
@font-face {
|
||||
font-family: 'Plus Jakarta Sans';
|
||||
font-style: italic;
|
||||
font-weight: 200 800;
|
||||
font-display: swap;
|
||||
src: url(https://fonts.gstatic.com/s/plusjakartasans/v8/LDIuaomQNQcsA88c7O9yZ4KMCoOg4Koz4yCqhMva.woff2) format('woff2');
|
||||
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
||||
}
|
||||
/* latin */
|
||||
@font-face {
|
||||
font-family: 'Plus Jakarta Sans';
|
||||
font-style: italic;
|
||||
font-weight: 200 800;
|
||||
font-display: swap;
|
||||
src: url(https://fonts.gstatic.com/s/plusjakartasans/v8/LDIuaomQNQcsA88c7O9yZ4KMCoOg4Koz4y6qhA.woff2) format('woff2');
|
||||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||
}
|
||||
/* cyrillic-ext */
|
||||
@font-face {
|
||||
font-family: 'Plus Jakarta Sans';
|
||||
font-style: normal;
|
||||
font-weight: 200 800;
|
||||
font-display: swap;
|
||||
src: url(https://fonts.gstatic.com/s/plusjakartasans/v8/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko70yyygA.woff2) format('woff2');
|
||||
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
|
||||
}
|
||||
/* vietnamese */
|
||||
@font-face {
|
||||
font-family: 'Plus Jakarta Sans';
|
||||
font-style: normal;
|
||||
font-weight: 200 800;
|
||||
font-display: swap;
|
||||
src: url(https://fonts.gstatic.com/s/plusjakartasans/v8/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko50yyygA.woff2) format('woff2');
|
||||
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
|
||||
}
|
||||
/* latin-ext */
|
||||
@font-face {
|
||||
font-family: 'Plus Jakarta Sans';
|
||||
font-style: normal;
|
||||
font-weight: 200 800;
|
||||
font-display: swap;
|
||||
src: url(https://fonts.gstatic.com/s/plusjakartasans/v8/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko40yyygA.woff2) format('woff2');
|
||||
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
||||
}
|
||||
/* latin */
|
||||
@font-face {
|
||||
font-family: 'Plus Jakarta Sans';
|
||||
font-style: normal;
|
||||
font-weight: 200 800;
|
||||
font-display: swap;
|
||||
src: url(https://fonts.gstatic.com/s/plusjakartasans/v8/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko20yw.woff2) format('woff2');
|
||||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||
}
|
||||
947
assets/css/main.css
Normal file
947
assets/css/main.css
Normal file
@@ -0,0 +1,947 @@
|
||||
@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;
|
||||
}
|
||||
|
||||
main {
|
||||
margin: 0.75rem;
|
||||
height: 100%;
|
||||
margin-bottom: 0;
|
||||
margin-top: 0;
|
||||
min-height: calc(100vh - 10vh);
|
||||
}
|
||||
|
||||
.main-page {
|
||||
max-width: 2300px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
hr {
|
||||
margin: 2rem 0px;
|
||||
}
|
||||
|
||||
nav {
|
||||
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;
|
||||
}
|
||||
|
||||
: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;
|
||||
font-size: 0.95rem;
|
||||
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;
|
||||
}
|
||||
}
|
||||
}
|
||||
922
assets/css/old.css
Normal file
922
assets/css/old.css
Normal file
@@ -0,0 +1,922 @@
|
||||
@import url("/assets/css/fonts/jost.css");
|
||||
@import url("/assets/css/fonts/noto-sans-jp.css");
|
||||
@import url("/assets/css/fonts/plus-jarkata-sans.css");
|
||||
|
||||
body {
|
||||
margin: 0px;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
main,
|
||||
textarea,
|
||||
textfield {
|
||||
font-family: Jost, "Noto Sans Japanese", sans-serif, --apple-system;
|
||||
}
|
||||
|
||||
main {
|
||||
margin: 0.75rem;
|
||||
height: 100%;
|
||||
margin-bottom: 0;
|
||||
margin-top: 0;
|
||||
min-height: calc(100vh - 10vh);
|
||||
}
|
||||
|
||||
.main-page {
|
||||
max-width: 2300px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
hr {
|
||||
margin: 2rem 0px;
|
||||
}
|
||||
|
||||
nav {
|
||||
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;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
textarea,
|
||||
textfield {
|
||||
padding: 5px;
|
||||
font-size: 0.95rem;
|
||||
resize: vertical;
|
||||
min-height: 5rem;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
/* 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;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
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;
|
||||
}
|
||||
}
|
||||
@@ -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; }
|
||||
|
||||
|
||||
@@ -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"))})})();
|
||||
BIN
assets/fonts/nf-symbols.woff2
Normal file
BIN
assets/fonts/nf-symbols.woff2
Normal file
Binary file not shown.
195
assets/formoid/formoid.min.js
vendored
195
assets/formoid/formoid.min.js
vendored
@@ -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');
|
||||
});
|
||||
});
|
||||
})
|
||||
@@ -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"}
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 494 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 338 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 77 KiB |
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user