zerodumb.github.io/index.html at main · ZeroDumb/zerodumb.github.io · 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
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <meta name="description" content="ZeroDumb HQ - Ethical Hacking, Toolkits, and Manifestos" />
  <title>ZeroDumb HQ</title>
  <link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
  <link rel="icon" href="https://fav.farm/💀" />
  <style>
    #loading-screen {
      position: fixed;
      width: 100%;
      height: 100%;
      background: black;
      color: #00FF00;
      font-family: 'JetBrains Mono', monospace;
      font-size: 1.25rem;
      display: flex;
      justify-content: center;
      align-items: center;
      z-index: 9999;
      flex-direction: column;
    }
    #main-content {
      opacity: 0;
      transition: opacity 1s ease;
    }
    body {
      background-color: #0f0f0f;
      color: #e0e0e0;
      font-family: 'JetBrains Mono', monospace;
    }
    .terminal-window {
      background-color: #111827;
      border: 2px solid #4b5563;
      border-radius: 8px;
      padding: 1.5rem;
      max-width: 800px;
      width: 90%;
      margin: 2rem auto;
      box-shadow: 0 0 10px rgba(0, 255, 0, 0.2);
    }
    .terminal-header {
      display: flex;
      gap: 8px;
      margin-bottom: 1rem;
    }
    .terminal-dot {
      width: 12px;
      height: 12px;
      border-radius: 50%;
      background-color: #ef4444; /* Red */
    }
    .terminal-dot:nth-child(2) {
      background-color: #facc15; /* Yellow */
    }
    .terminal-dot:nth-child(3) {
      background-color: #22c55e; /* Green */
    }
    a {
      text-decoration: none;
    }
  </style>
</head>

<body class="flex flex-col items-center justify-center min-h-screen px-4">
  <!-- Loading screen (separate) -->
  <div id="loading-screen">
    <p id="loading-text">Decrypting...</p>
  </div>

  <!-- Main real page -->
  <div id="main-content">
    <div class="terminal-window">
      <div class="terminal-header">
        <div class="terminal-dot"></div>
        <div class="terminal-dot"></div>
        <div class="terminal-dot"></div>
      </div>

      <div class="text-gray-300 mb-6">
        <p><span class="text-green-400">zerodumb@hq:</span><span class="text-blue-400">~</span>$ cat welcome.txt</p>
        <p>Welcome to ZeroDumb HQ</p>
        <p>Exploring the frontier of ethical hacking, recon, and digital responsibility.</p>
      </div>

      <div class="text-gray-300 mb-6">
        <p><span class="text-green-400">zerodumb@hq:</span><span class="text-blue-400">~</span>$ ls -l /</p>
        <ul class="list-none mt-2 space-y-2">
          <li><a href="https://zerodumb.dev" class="text-indigo-400 hover:text-indigo-300">📜 Ethics Journal (Blog)</a></li>
          <li><a href="https://store.zerodumb.dev" class="text-aqua-600 hover:text-aqua-300">🌐 Zed Shop (Store)</a></li>
          <li><a href="https://github.com/ZeroDumb/recon-toolkit" class="text-yellow-400 hover:text-yellow-300">🗃️ Recon Toolkit</a></li>
          <li><a href="https://zerodumb.dev/services" class="text-green-600 hover:text-cyan-300">📂 Services</a></li>
          <li><a href="https://github.com/ZeroDumb/seven-sisters" class="text-blue-400 hover:text-blue-300">🧠 The 7-Sisters Framework</a></li>
          <li><a href="https://github.com/ZeroDumb/Z3d0tchi" class="text-purple-400 hover:text-purple-300">💽 Project Pwny</a></li>
          <li><a href="https://github.com/ZeroDumb/happy-frog" class="text-green-600 hover:text-green-300">🐸 Happy Frog (HID)
          <li><a href="https://x.com/zerodumb_dev" class="text-white-400 hover:text-white-300">𝕏  @zerodumb_dev</a></li>
          <li><a href="https://buymeacoffee.com/iamnotaskid" class="text-red-400 hover:text-red-300">☕ iamnotaskid</a></li>
        </ul>
      </div>

      <p class="text-sm text-gray-500 mt-8">
        Built by <strong>Zero</strong>. Contact:
        <a href="mailto:zero@zerodumb.dev" class="underline hover:text-white">zero@zerodumb.dev</a>
      </p>
    </div>
  </div>

  <script>
    const loadingText = document.getElementById('loading-text');
    const chars = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789!@#$%^&*()';

    function randomString(length) {
      let result = '';
      for (let i = 0; i < length; i++) {
        result += chars.charAt(Math.floor(Math.random() * chars.length));
      }
      return result;
    }

    let interval = setInterval(() => {
      loadingText.innerText = randomString(24);
    }, 100);

    window.addEventListener('load', () => {
      setTimeout(() => {
        clearInterval(interval);
        document.getElementById('loading-screen').style.display = 'none';
        document.getElementById('main-content').style.opacity = '1';
      }, 1500);
    });
  </script>
</body>
</html>