-
-
-
- Get started by editing{" "}
-
- src/app/page.tsx
-
- .
-
-
- Save and see your changes instantly.
-
-
-
-
-
-
-
- Read our docs
-
+
+
+
+
Nonszy... Build?
+
+ What you see here that Nonszy might learning or testing a new build, on a server, a distributed server, even decentralized! So this web might be more powerful than you think! But... how do you know this address?
+
+
+
+
);
}
diff --git a/src/components/music.tsx b/src/components/music.tsx
new file mode 100644
index 0000000..e9c0590
--- /dev/null
+++ b/src/components/music.tsx
@@ -0,0 +1,61 @@
+'use client'
+
+import Image from "next/image";
+import { useEffect, useRef, useState } from "react";
+
+export const MusicTab = () => {
+ const [audio, setAudio] = useState
(null);
+ const [isPlay, SetPlay] = useState(false);
+
+ useEffect(() => {
+ if (typeof Audio !== undefined) {
+ setAudio(new Audio("/music/shedontluvyou.mp3"))
+ }
+ if (audio) {
+ }
+ return () => {
+ if (audio) {
+ audio.pause();
+ }
+ }
+ }, [])
+
+ const toggleAudio = () => {
+ if (!audio) return
+ audio.volume = 0.3;
+ if (audio.paused) {
+ audio.loop = true
+ audio.play();
+ SetPlay(true);
+ }
+ else {
+ audio.pause();
+ audio.currentTime = 0;
+ SetPlay(false);
+ }
+ }
+
+ return (
+
+
+
+
+ jdmfessh - shedon'tluvyou
+
+
+
(null);
+
+ const chars = "asdfghjklzxcvbnmqwertyuiopZXCVBNMASDFGHJKLQWERTYUIOP1234567890";
+ const symbols = "10!@#$%^&*~|\;,./?<>:";
+
+ function randomChar(len: number) {
+ let char = "";
+ for (let i = 0; i <= len; i++) {
+ const cindex = Math.floor(Math.random() * chars.length);
+ char += chars[cindex];
+ }
+ return char;
+ }
+
+ function randomSymbol(len: number = 1) {
+ let char = "";
+ for (let i = 0; i <= len; i++) {
+ const cindex = Math.floor(Math.random() * symbols.length);
+ char += symbols[cindex];
+ }
+ return char;
+ }
+
+ useEffect(() => {
+ const art = ascii.current as HTMLDivElement;
+ const artasci = art.innerHTML;
+
+ const interval = setInterval(() => {
+ const glitch_probality = Math.floor(Math.random() * 10);
+
+ if (glitch_probality == 1) {
+ art.innerHTML = [...artasci].map(v => {
+ const char_probality = Math.floor(Math.random() * 50);
+ const delchar_probablity = Math.floor(Math.random() * 40);
+
+ if (delchar_probablity == 1) {
+ return ' ';
+ }
+ else {
+ if (v == "⠀") {
+ return char_probality == 1 ? randomSymbol(0) : v;
+ }
+ else if (v === " ") {
+ return char_probality == 1 ? "-" : v;
+ }
+ }
+
+ return v;
+ }).
+ join("");
+ }
+ else {
+ art.innerHTML = artasci;
+ }
+ }, 60);
+
+ return () => {
+ clearInterval(interval);
+ }
+ }, []);
+
+ return (
+
+ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣀⣤⣴⠶⠶⠿⠿⢶⣶⠶⠶⠿⠛⠻⠷⠶⣦⣄⣀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
+ )
+}
\ No newline at end of file