mroxq/index.html at main · python-mxnt/mroxq · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
<!DOCTYPE html>
<html lang="en" class="bg-black text-white">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>mroxq – Futuristic Portal</title>
  <script src="https://cdn.tailwindcss.com"></script>
  <script>
    tailwind.config = {
      theme: {
        extend: {
          colors: {
            primary: '#7c3aed',
            accent: '#a78bfa',
            glass: 'rgba(255,255,255,0.08)'
          },
          backgroundImage: theme => ({
            'hero-gradient': 'radial-gradient(at 50% 50%, rgba(124,58,237,0.3), transparent 70%)'
          })
        }
      }
    };
  </script>
  <style>
    .bg-futuristic { background: #000; background: radial-gradient(circle at 20% 30%, rgba(124,58,237,0.2), transparent 40%),
                               radial-gradient(circle at 80% 70%, rgba(124,58,237,0.15), transparent 45%),
                               radial-gradient(circle at 50% 80%, rgba(124,58,237,0.1), transparent 50%); }
    .glow-card { backdrop-filter: blur(12px); background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); }
    .glow-button { background: linear-gradient(135deg, #7c3aed, #a78bfa); box-shadow: 0 0 10px rgba(124,58,237,0.6); }
  </style>
</head>
<body class="bg-futuristic font-sans antialiased">
  <!-- HERO -->
  <section class="flex flex-col items-center justify-center min-h-screen px-4 text-center relative overflow-hidden">
    <h1 class="text-5xl md:text-6xl font-extrabold mb-4 bg-clip-text text-transparent bg-gradient-to-r from-primary to-accent">Welcome to mroxq</h1>
    <p class="text-lg md:text-xl text-gray-300 mb-8 max-w-2xl">A minimalist, high‑performance stealth portal for the modern web.</p>
    <div class="flex w-full max-w-lg bg-glass rounded-full overflow-hidden shadow-lg">
      <input type="text" placeholder="Search or enter URL..." class="flex-1 px-4 py-2 bg-transparent text-white placeholder-gray-400 focus:outline-none" />
      <button class="px-6 py-2 bg-primary text-white hover:bg-accent transition-colors">Go</button>
    </div>
    <div class="flex space-x-2 mt-4">
      <button class="px-3 py-1 rounded-full bg-glass text-sm text-gray-300 hover:bg-primary hover:text-white">All</button>
      <button class="px-3 py-1 rounded-full bg-glass text-sm text-gray-300 hover:bg-primary hover:text-white">Proxy</button>
      <button class="px-3 py-1 rounded-full bg-glass text-sm text-gray-300 hover:bg-primary hover:text-white">Games</button>
    </div>
  </section>

  <!-- FEATURES -->
  <section class="py-16 px-4 bg-black/90">
    <h2 class="text-3xl font-bold text-center mb-12 text-gray-200">Features</h2>
    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8 max-w-6xl mx-auto">
      <div class="glow-card rounded-xl p-6 text-center hover:scale-105 transform transition"><div class="text-4xl mb-4 text-primary">⚡️</div><h3 class="font-semibold mb-2 text-gray-300">Fast Proxy</h3><p class="text-sm text-gray-400">Lightning‑quick routing with Ultraviolet.</p></div>
      <div class="glow-card rounded-xl p-6 text-center hover:scale-105 transition"><div class="text-4xl mb-4 text-primary">🎮</div><h3 class="font-semibold mb-2 text-gray-300">Game Hub</h3><p class="text-sm text-gray-400">Curated unblocked games.</p></div>
      <div class="glow-card rounded-xl p-6 text-center hover:scale-105 transition"><div class="text-4xl mb-4 text-primary">🔒</div><h3 class="font-semibold mb-2 text-gray-300">Stealth Mode</h3><p class="text-sm text-gray-400">Full‑screen blank pages for privacy.</p></div>
      <div class="glow-card rounded-xl p-6 text-center hover:scale-105 transition"><div class="text-4xl mb-4 text-primary">📊</div><h3 class="font-semibold mb-2 text-gray-300">XP System</h3><p class="text-sm text-gray-400">Earn points while you browse.</p></div>
    </div>
  </section>

  <!-- CTA -->
  <section class="py-20 px-4 bg-black/90 text-center">
    <h2 class="text-3xl font-bold mb-6 text-gray-200">Ready to Dive In?</h2>
    <p class="mb-8 text-gray-400">Explore the portal, play games, stay hidden.</p>
    <a href="proxy.html" class="inline-block px-8 py-3 rounded-full glow-button text-white font-semibold hover:opacity-90 transition">Get Started</a>
  </section>

  <script>
    const goBtn = document.querySelector('button');
    const input = document.querySelector('input');
    const workerBase = 'https://mroxq-proxy-111.verxateam.workers.dev';
    function isURL(str){
      try { new URL(str.startsWith('http') ? str : 'https://' + str); return true; } catch { return false; }
    }
    goBtn.addEventListener('click',()=>{
      const q = input.value.trim();
      if(!q) return;
      let target;
      if(isURL(q)) target = `${workerBase}?url=${encodeURIComponent(q.startsWith('http')?q:'https://'+q)}`;
      else target = `https://duckduckgo.com/?q=${encodeURIComponent(q)}`;
      window.open(target,'_blank');
    });
    document.querySelectorAll('section button').forEach(btn=>{
      btn.addEventListener('click',()=>{
        const lbl = btn.textContent.trim().toLowerCase();
        if(lbl==='all') location.href='index.html';
        else if(lbl==='proxy') location.href='proxy.html';
        else if(lbl==='games') location.href='games.html';
      });
    });
  </script>
</body>
</html>