commit 1c7877b6b128844208d08a5f8f45790d5ff65929 Author: z0x Date: Mon Jul 15 20:10:38 2024 -0400 first commit diff --git a/404.html b/404.html new file mode 100644 index 0000000..6814bb7 --- /dev/null +++ b/404.html @@ -0,0 +1,25 @@ + + + + 404 + + + + + + + + + + + + +

+

+

404

+

+

+ +

+ + diff --git a/css/style.css b/css/style.css new file mode 100644 index 0000000..112378d --- /dev/null +++ b/css/style.css @@ -0,0 +1,120 @@ +html, body { + margin: 0; + overflow: hidden; + color: #fff; + background-color: #222222; + background-attachment: fixed; + background-size: cover; + background-image: url("../img/gradient.webp"); } + +a[href] { + color: transparent; } + +.center { + display: flex; + overflow: hidden; + justify-content: center; + align-items: center; + min-height: 100vh; } + +.box { + background-color: #0b0b0b80; + aspect-ratio: 1 / 1; + padding: 20px; + border-radius: 15%; + border: 3px solid #fff; + box-shadow: 0 0 15px rgba(255, 255, 255, 0.75); + text-align: center; + display: flex; + flex-direction: column; + justify-content: space-between; +} + +.box-404 { + background-color: #0b0b0b80; + aspect-ratio: 1 / 1; + padding: 20px; + border-radius: 15%; + border: 3px solid #fff; + box-shadow: 0 0 15px rgba(255, 255, 255, 0.75); + text-align: center; + display: flex; + align-items: center; + justify-content: center; } + +.logo { + width: 65%; + align-self: center; } + +.header { + font-size: 4vh; + margin-top: auto; } + +.header-404 { + font-size: 6vh; } + +.unselectable { + -webkit-user-select: none; + user-select: none; } + +@media (max-width: 768px) { + .box { + width: 70%; + } + .box-404 { + width: 40%; + } +} +@media (min-width: 768px) { + .box { + width: 15%; + } + .box-404 { + width: 10%; + } +} + +@keyframes fadeIn { + 0% { + opacity: 0; } + 100% { + opacity: 1; } } + +.box { + animation: fadeIn 2s; + animation-fill-mode: forwards; } + +.logo, .header { + opacity: 0; + animation: fadeIn 1.2s; + animation-fill-mode: forwards; } + +.logo { + animation-delay: 1s; } + +.header { + animation-delay: 1.35s; } + +@keyframes snowfall { + 0% { + transform: translateY(-10vh); } + 100% { + transform: translateY(130vh); } } + +.snowflake { + background: white; + border-radius: 50%; + position: fixed; + top: -5vh; + animation: snowfall infinite; + opacity: 0.1; } + +@font-face { + font-family: 'SF-Regular'; + src: url("../fonts/SF-Pro-Display-Regular.woff2") format("woff2"); + font-weight: normal; + font-style: normal; + font-display: swap; } + +h1, h2, h3, h4, h5, h6, summary, select, button, p { + font-family: 'SF-Regular', system-ui; } diff --git a/fonts/SF-Pro-Display-Regular.woff2 b/fonts/SF-Pro-Display-Regular.woff2 new file mode 100644 index 0000000..6406e48 Binary files /dev/null and b/fonts/SF-Pro-Display-Regular.woff2 differ diff --git a/img/favicon-180x180.webp b/img/favicon-180x180.webp new file mode 100644 index 0000000..4eafd00 Binary files /dev/null and b/img/favicon-180x180.webp differ diff --git a/img/favicon-192x192.webp b/img/favicon-192x192.webp new file mode 100644 index 0000000..a0b2f42 Binary files /dev/null and b/img/favicon-192x192.webp differ diff --git a/img/favicon-256x256.webp b/img/favicon-256x256.webp new file mode 100644 index 0000000..2f4cbba Binary files /dev/null and b/img/favicon-256x256.webp differ diff --git a/img/gradient.webp b/img/gradient.webp new file mode 100644 index 0000000..dc1a215 Binary files /dev/null and b/img/gradient.webp differ diff --git a/img/logo.webp b/img/logo.webp new file mode 100644 index 0000000..a5cd587 Binary files /dev/null and b/img/logo.webp differ diff --git a/img/matrix.svg b/img/matrix.svg new file mode 100644 index 0000000..2ed5242 --- /dev/null +++ b/img/matrix.svg @@ -0,0 +1,8 @@ + diff --git a/index.html b/index.html new file mode 100644 index 0000000..db6dbe4 --- /dev/null +++ b/index.html @@ -0,0 +1,37 @@ + + + + z0x + + + + + + + + + + + + + + + + + + + + + + +

+

+ + +

+ +

+ + diff --git a/js/snowflakes.ts b/js/snowflakes.ts new file mode 100644 index 0000000..fdfdb9e --- /dev/null +++ b/js/snowflakes.ts @@ -0,0 +1,30 @@ +function createSnowflakes() { + const numSnowflakes = 50; + const maxSize = 0.2; + const maxTranslate = 10; + const container = document.getElementById('snowflake-container'); + + function randomBetween(min, max) { + return (Math.random() * max) + min; + } + + if (container) { + for (let i = 0; i < numSnowflakes; i++) { + let randomSize = randomBetween(5, 25) + "px"; + let randomLeft = randomBetween(0, window.innerWidth) + "px"; + let randomDuration = randomBetween(3, 10); + + const snowflake = document.createElement('div'); + snowflake.classList.add('snowflake'); + snowflake.style.width = randomSize; + snowflake.style.height = randomSize; + snowflake.style.left = randomLeft; + snowflake.style.animationDuration = randomDuration + "s"; + snowflake.style.animationDelay = randomBetween(0, 5) + "s"; + + container.appendChild(snowflake); + } + } +} + +createSnowflakes(); \ No newline at end of file diff --git a/robots.txt b/robots.txt new file mode 100644 index 0000000..fa614c9 --- /dev/null +++ b/robots.txt @@ -0,0 +1,36 @@ +User-agent: * +Disallow: + +User-agent: AdsBot-Google +User-agent: Amazonbot +User-agent: anthropic-ai +User-agent: Applebot-Extended +User-agent: AwarioRssBot +User-agent: AwarioSmartBot +User-agent: Bytespider +User-agent: CCBot +User-agent: ChatGPT-User +User-agent: Claude-Web +User-agent: ClaudeBot +User-agent: cohere-ai +User-agent: DataForSeoBot +User-agent: Diffbot +User-agent: FacebookBot +User-agent: FriendlyCrawler +User-agent: Google-Extended +User-agent: GoogleOther +User-agent: GPTBot +User-agent: img2dataset +User-agent: ImagesiftBot +User-agent: magpie-crawler +User-agent: Meltwater +User-agent: omgili +User-agent: omgilibot +User-agent: peer39_crawler +User-agent: peer39_crawler/1.0 +User-agent: PerplexityBot +User-agent: PiplBot +User-agent: scoop.it +User-agent: Seekr +User-agent: YouBot +Disallow: /