From 7377c8a46c5ae65711f8d771fcaaa911a4c56fd0 Mon Sep 17 00:00:00 2001
From: Quaternions <krakow20@gmail.com>
Date: Mon, 10 Mar 2025 11:29:06 -0700
Subject: [PATCH] Initial commit
---
.gitignore | 1 +
index.html | 151 +++++++++++++++++++++++++++++++++++++++++++++++++++++
2 files changed, 152 insertions(+)
create mode 100644 .gitignore
create mode 100644 index.html
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>