Spaces:

noah33565
/

GamingServer

Running

App Files Files Community

noah33565 commited on Feb 20

Commit

6d29d96

verified ·

1 Parent(s): aa0de94

Update index.html

Browse files

Files changed (1) hide show

index.html +142 -34

index.html CHANGED Viewed

@@ -785,6 +785,99 @@
     clip-path: polygon(6px 0%, 100% 0%, calc(100% - 6px) 100%, 0% 100%);
   }
   .saved-notice.show { opacity: 1; transform: translateY(0); }
 </style>
 </head>
 <body>
@@ -794,7 +887,9 @@
   <a href="#" class="logo" onclick="showMain()">DEGB<span>Gaming</span></a>
   <ul class="nav-links">
     <li><a href="#" onclick="showMain(); scrollToTeam()">Team</a></li>
     <li><a href="https://discord.gg/Ztx9yd2Jc3" target="_blank">Discord</a></li>
   </ul>
 </nav>
@@ -838,6 +933,10 @@
       <span class="stat-num">4</span>
       <span class="stat-label">Ränge</span>
     </div>
   </div>
   <div class="divider"></div>
@@ -854,6 +953,27 @@
   <div class="divider"></div>
   <footer>
     <div class="footer-logo">DEGBGaming <span style="color:var(--accent2)">Server GBDE©</span></div>
     <p class="footer-text">© 2025 DEGBGaming Server GBDE© — Alle Rechte vorbehalten</p>
@@ -1007,35 +1127,39 @@
     setTimeout(() => n.classList.remove('show'), 2000);
   }
-  // Routing
   function checkRoute() {
-    if (window.location.pathname === '/login' || window.location.hash === '#/login') {
-      showLogin();
-    }
   }
-  function showLogin() {
     document.getElementById('mainPage').style.display = 'none';
     document.getElementById('loginPage').classList.add('active');
     document.getElementById('adminPanel').classList.remove('active');
     document.getElementById('loginError').textContent = '';
     document.getElementById('passwordInput').value = '';
-    history.pushState({}, '', '/login');
   }
-  function showMain() {
     document.getElementById('mainPage').style.display = 'block';
     document.getElementById('loginPage').classList.remove('active');
     document.getElementById('adminPanel').classList.remove('active');
-    history.pushState({}, '', '/');
   }
   function showAdmin() {
     document.getElementById('mainPage').style.display = 'none';
     document.getElementById('loginPage').classList.remove('active');
     document.getElementById('adminPanel').classList.add('active');
     renderAdmin();
-    history.pushState({}, '', '/admin');
   }
   function doLogin() {
@@ -1045,14 +1169,19 @@
       err.textContent = '';
       showAdmin();
     } else {
-      err.textContent = '⚠ Falsches Passwort';
       document.getElementById('passwordInput').value = '';
       document.getElementById('passwordInput').focus();
     }
   }
-  function logout() {
-    showMain();
   }
   function scrollToTeam() {
@@ -1062,28 +1191,7 @@
     }, 100);
   }
-  // Handle browser navigation
-  window.addEventListener('popstate', () => {
-    if (window.location.pathname === '/login') showLogin();
-    else if (window.location.pathname === '/admin') { /* keep */ }
-    else showMain();
-  });
-  // Simulate /login path by checking URL on load
-  window.addEventListener('load', () => {
-    if (window.location.pathname === '/login') {
-      showLogin();
-    }
-  });
-  // Override link clicks for /login
-  document.addEventListener('click', (e) => {
-    const a = e.target.closest('a[href="/login"]');
-    if (a) {
-      e.preventDefault();
-      showLogin();
-    }
-  });
   // Particles
   function spawnParticles() {

     clip-path: polygon(6px 0%, 100% 0%, calc(100% - 6px) 100%, 0% 100%);
   }
   .saved-notice.show { opacity: 1; transform: translateY(0); }
+  /* PARTNER SECTION */
+  .partner-section {
+    position: relative;
+    z-index: 1;
+    padding: 100px 40px;
+    max-width: 1200px;
+    margin: 0 auto;
+  }
+  .partner-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
+    gap: 20px;
+  }
+  .partner-card {
+    background: rgba(255,255,255,0.02);
+    border: 1px solid rgba(255,255,255,0.08);
+    padding: 32px 28px;
+    transition: all 0.3s;
+    clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 20px 100%, 0 calc(100% - 20px));
+    text-decoration: none;
+    display: block;
+    position: relative;
+    overflow: hidden;
+  }
+  .partner-card::before {
+    content: '';
+    position: absolute;
+    inset: 0;
+    background: linear-gradient(135deg, rgba(0,240,255,0.04) 0%, transparent 60%);
+    opacity: 0;
+    transition: opacity 0.3s;
+  }
+  .partner-card:hover::before { opacity: 1; }
+  .partner-card:hover {
+    border-color: rgba(0,240,255,0.4);
+    box-shadow: 0 0 30px rgba(0,240,255,0.06), 0 8px 40px rgba(0,0,0,0.4);
+    transform: translateY(-4px);
+  }
+  .partner-icon {
+    font-size: 32px;
+    margin-bottom: 14px;
+    display: block;
+  }
+  .partner-name {
+    font-family: 'Orbitron', monospace;
+    font-size: 14px;
+    font-weight: 700;
+    letter-spacing: 2px;
+    color: var(--accent);
+    margin-bottom: 8px;
+    text-shadow: 0 0 10px rgba(0,240,255,0.4);
+  }
+  .partner-desc {
+    font-size: 14px;
+    color: var(--dim);
+    line-height: 1.5;
+    margin-bottom: 20px;
+  }
+  .partner-btn {
+    display: inline-flex;
+    align-items: center;
+    gap: 8px;
+    font-family: 'Orbitron', monospace;
+    font-size: 10px;
+    letter-spacing: 2px;
+    color: var(--accent);
+    border: 1px solid rgba(0,240,255,0.3);
+    padding: 8px 18px;
+    clip-path: polygon(4px 0%, 100% 0%, calc(100% - 4px) 100%, 0% 100%);
+    transition: all 0.3s;
+    background: transparent;
+    text-transform: uppercase;
+  }
+  .partner-card:hover .partner-btn {
+    background: rgba(0,240,255,0.1);
+    border-color: var(--accent);
+    box-shadow: 0 0 15px rgba(0,240,255,0.2);
+  }
+  .partner-btn svg { transition: transform 0.3s; }
+  .partner-card:hover .partner-btn svg { transform: translateX(3px); }
 </style>
 </head>
 <body>
   <a href="#" class="logo" onclick="showMain()">DEGB<span>Gaming</span></a>
   <ul class="nav-links">
     <li><a href="#" onclick="showMain(); scrollToTeam()">Team</a></li>
+    <li><a href="#" onclick="scrollToPartner()">Partner</a></li>
     <li><a href="https://discord.gg/Ztx9yd2Jc3" target="_blank">Discord</a></li>
+    <li><a href="#" onclick="event.preventDefault(); showLogin()">Admin</a></li>
   </ul>
 </nav>
       <span class="stat-num">4</span>
       <span class="stat-label">Ränge</span>
     </div>
+    <div class="stat">
+      <span class="stat-num">1+</span>
+      <span class="stat-label">Partner</span>
+    </div>
   </div>
   <div class="divider"></div>
   <div class="divider"></div>
+  <!-- PARTNER SECTION -->
+  <section class="partner-section" id="partner">
+    <div class="section-header">
+      <div class="section-tag">// Unsere</div>
+      <h2 class="section-title">PARTNER<span>.</span></h2>
+    </div>
+    <div class="partner-grid">
+      <a class="partner-card" href="https://noah33565-noahsapp.static.hf.space/" target="_blank" rel="noopener">
+        <span class="partner-icon">🚀</span>
+        <div class="partner-name">Noah's App</div>
+        <div class="partner-desc">Offizieller Partner — Besuche Noah's App und entdecke spannende Projekte.</div>
+        <span class="partner-btn">
+          Besuchen
+          <svg width="14" height="14" viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2"><path d="M2 7h10M7 2l5 5-5 5"/></svg>
+        </span>
+      </a>
+    </div>
+  </section>
+  <div class="divider"></div>
   <footer>
     <div class="footer-logo">DEGBGaming <span style="color:var(--accent2)">Server GBDE©</span></div>
     <p class="footer-text">© 2025 DEGBGaming Server GBDE© — Alle Rechte vorbehalten</p>
     setTimeout(() => n.classList.remove('show'), 2000);
   }
+  // Routing (hash-basiert fuer hf.space)
+  // Login: https://noah33565-gamingserver.hf.space/#/login
   function checkRoute() {
+    const hash = window.location.hash;
+    if (hash === '#/login') showLogin(false);
+    else showMainView(false);
   }
+  function showLogin(updateHash) {
+    if (updateHash !== false) window.location.hash = '#/login';
     document.getElementById('mainPage').style.display = 'none';
     document.getElementById('loginPage').classList.add('active');
     document.getElementById('adminPanel').classList.remove('active');
     document.getElementById('loginError').textContent = '';
     document.getElementById('passwordInput').value = '';
+    setTimeout(() => document.getElementById('passwordInput').focus(), 100);
   }
+  function showMain(updateHash) {
+    if (updateHash !== false) window.location.hash = '';
     document.getElementById('mainPage').style.display = 'block';
     document.getElementById('loginPage').classList.remove('active');
     document.getElementById('adminPanel').classList.remove('active');
   }
+  function showMainView(updateHash) { showMain(updateHash); }
   function showAdmin() {
+    window.location.hash = '#/admin';
     document.getElementById('mainPage').style.display = 'none';
     document.getElementById('loginPage').classList.remove('active');
     document.getElementById('adminPanel').classList.add('active');
     renderAdmin();
   }
   function doLogin() {
       err.textContent = '';
       showAdmin();
     } else {
+      err.textContent = 'Falsches Passwort';
       document.getElementById('passwordInput').value = '';
       document.getElementById('passwordInput').focus();
     }
   }
+  function logout() { showMain(); }
+  function scrollToPartner() {
+    setTimeout(() => {
+      const el = document.getElementById('partner');
+      if (el) el.scrollIntoView({ behavior: 'smooth' });
+    }, 100);
   }
   function scrollToTeam() {
     }, 100);
   }
+  window.addEventListener('hashchange', checkRoute);
   // Particles
   function spawnParticles() {