commit 7377c8a46c5ae65711f8d771fcaaa911a4c56fd0 Author: Quaternions <krakow20@gmail.com> Date: Mon Mar 10 11:29:06 2025 -0700 Initial commit diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..d93aea1 --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +/assets diff --git a/index.html b/index.html new file mode 100644 index 0000000..b5cca15 --- /dev/null +++ b/index.html @@ -0,0 +1,151 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>StrafesNET</title> + <style> + * { + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; + } + + body { + color: white; + overflow: hidden; + height: 100vh; + } + + #video-background { + position: fixed; + right: 0; + bottom: 0; + min-width: 100%; + min-height: 100%; + width: auto; + height: auto; + z-index: -100; + filter: brightness(40%); + } + + .overlay { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.5); + z-index: -99; + } + + .content { + position: relative; + height: 100vh; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + text-align: center; + padding: 0 20px; + z-index: 1; + } + + .logo { + width: 300px; + height: 300px; + margin-bottom: 40px; + filter: drop-shadow(0 0 10px rgba(0, 255, 255, 0.7)); + animation: pulse 2s infinite; + } + + @keyframes pulse { + 0% { + transform: scale(1); + } + 50% { + transform: scale(1.05); + } + 100% { + transform: scale(1); + } + } + + .site-title { + font-size: 3rem; + margin-bottom: 20px; + text-transform: uppercase; + letter-spacing: 3px; + text-shadow: 0 0 10px rgba(0, 255, 255, 0.7); + } + + .tagline { + font-size: 1.2rem; + margin-bottom: 40px; + max-width: 600px; + opacity: 0.9; + } + + .links { + display: flex; + justify-content: center; + flex-wrap: wrap; + gap: 20px; + margin-bottom: 40px; + } + + .link { + padding: 12px 24px; + background: rgba(0, 0, 0, 0.6); + color: #00ffff; + text-decoration: none; + border: 2px solid #00ffff; + border-radius: 4px; + font-weight: bold; + transition: all 0.3s ease; + text-transform: uppercase; + letter-spacing: 1px; + } + + .link:hover { + background: rgba(0, 255, 255, 0.2); + transform: translateY(-3px); + box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); + } + + .footer { + position: absolute; + bottom: 20px; + font-size: 0.8rem; + opacity: 0.7; + } + </style> +</head> +<body> + <!-- Video Background --> + <video autoplay muted loop id="video-background"> + <source src="assets/mh.mp4" type="video/mp4"> + Your browser does not support the video tag. + </video> + <div class="overlay"></div> + + <!-- Main Content --> + <div class="content"> + <img src="assets/logo.png" alt="StrafesNET Logo" class="logo"> + <h1 class="site-title">StrafesNET</h1> + <p class="tagline">Explore StrafesNET services.</p> + + <div class="links"> + <a href="#" class="link">Submit Map</a> + <a href="#" class="link">Browse Maps</a> + <a href="#" class="link">Leaderboards</a> + <a href="#" class="link">Tutorials</a> + <a href="#" class="link">Community</a> + <a href="#" class="link">Discord</a> + </div> + + <p class="footer">©2025 StrafesNET. All rights reserved.</p> + </div> +</body> +</html>