Project-Leviathan/index.html at main · Skywalkingzulu1/Project-Leviathan · 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
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Project Leviathan | The Sentinel for Web3</title>
  <meta name="description" content="Absolute Architectural Ascension through Automated Evolution. Deterministic code migration for Web3 projects.">
  <link rel="stylesheet" href="styles.css">
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
  <link rel="icon" type="image/svg+xml" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect fill='%23050505' width='32' height='32' rx='4'/%3E%3Ccircle cx='16' cy='16' r='8' fill='%2300F0FF'/%3E%3C/svg%3E">
</head>
<body class="page-transition">
  <!-- Navigation -->
  <nav class="nav">
    <a href="index.html" class="nav-logo">
      <svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
        <circle cx="16" cy="16" r="14" stroke="#00F0FF" stroke-width="1.5"/>
        <circle cx="16" cy="16" r="6" fill="#00F0FF"/>
        <circle cx="16" cy="16" r="2" fill="#050505"/>
      </svg>
      <span>Leviathan</span>
    </a>
    <ul class="nav-links">
      <li><a href="index.html" class="active">Home</a></li>
      <li><a href="modules.html">Modules</a></li>
      <li><a href="docs.html">Docs</a></li>
    </ul>
  </nav>

  <!-- Hero Section -->
  <section class="hero">
    <div class="hero-content">
      <!-- Logo with emergence animation -->
      <div class="hero-logo-container">
        <div class="hero-logo-ring"></div>
        <div class="hero-logo-ring"></div>
        <div class="hero-logo-ring"></div>
        <svg class="hero-logo" viewBox="0 0 180 180" fill="none" xmlns="http://www.w3.org/2000/svg">
          <!-- Outer ring -->
          <circle cx="90" cy="90" r="80" stroke="#00F0FF" stroke-width="2" opacity="0.8"/>
          <circle cx="90" cy="90" r="70" stroke="#00F0FF" stroke-width="1" opacity="0.4"/>
          <!-- Inner circle -->
          <circle cx="90" cy="90" r="50" fill="#0a1414"/>
          <circle cx="90" cy="90" r="35" stroke="#00F0FF" stroke-width="2"/>
          <!-- Core glow -->
          <circle cx="90" cy="90" r="20" fill="#00F0FF" opacity="0.9"/>
          <circle cx="90" cy="90" r="8" fill="#050505"/>
          <!-- Glow effect -->
          <circle cx="90" cy="90" r="35" fill="#00F0FF" opacity="0.15"/>
          <circle cx="90" cy="90" r="50" fill="#00F0FF" opacity="0.05"/>
        </svg>
      </div>

      <h1>The Sentinel for <span class="highlight">Web3</span></h1>
      <p>Absolute Architectural Ascension through Automated Evolution. Deterministic, zero-false-positive code migration that transforms legacy Web3 in seconds.</p>
      <div class="hero-buttons">
        <a href="https://github.com" class="btn btn-primary" target="_blank" rel="noopener">
          <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor">
            <path d="M12 0C5.37 0 0 5.37 0 12c0 5.3 3.44 9.8 8.2 11.38.6.11.82-.26.82-.58v-2.03c-3.34.73-4.04-1.61-4.04-1.61-.55-1.39-1.34-1.76-1.34-1.76-1.08-.74.08-.73.08-.73 1.2.08 1.84 1.23 1.84 1.23 1.07 1.84 2.81 1.31 3.5 1 .1-.78.42-1.31.76-1.61-2.67-.3-5.47-1.33-5.47-5.93 0-1.31.47-2.38 1.24-3.22-.13-.3-.54-1.52.12-3.18 0 0 1-.32 3.3 1.23.96-.27 1.98-.4 3-.4s2.04.13 3 .4c2.3-1.55 3.3-1.23 3.3-1.23.66 1.66.25 2.88.12 3.18.77.84 1.24 1.91 1.24 3.22 0 4.61-2.8 5.63-5.48 5.92.43.37.81 1.1.81 2.22v3.29c0 .32.22.7.82.58C20.56 21.8 24 17.3 24 12c0-6.63-5.37-12-12-12z"/>
          </svg>
          View on GitHub
        </a>
        <a href="modules.html" class="btn btn-outline">Explore Modules</a>
      </div>
    </div>

    <div class="scroll-indicator">
      <span>Scroll</span>
    </div>
  </section>

  <!-- Philosophy Section -->
  <section class="section philosophy">
    <div class="container">
      <div class="section-header">
        <p class="section-label">Philosophy</p>
        <h2 class="section-title">Deterministic-First</h2>
        <p class="section-subtitle">We don't guess. We guarantee zero false positives.</p>
      </div>

      <div class="philosophy-grid">
        <div class="philosophy-card">
          <svg class="philosophy-card-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
            <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/>
          </svg>
          <h3>Deep Semantic Knowledge</h3>
          <p>We trace declarations back to the source. We understand your code as a dynamic data structure, not just text.</p>
        </div>

        <div class="philosophy-card">
          <svg class="philosophy-card-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
            <path d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"/>
          </svg>
          <h3>Structural Integrity Proof</h3>
          <p>Every migration is followed by automated syntax verification. We prove the code works before you see the PR.</p>
        </div>

        <div class="philosophy-card">
          <svg class="philosophy-card-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
            <path d="M13 10V3L4 14h7v7l9-11h-7z"/>
          </svg>
          <h3>99.9% Efficiency Gain</h3>
          <p>Manual migrations that take 12+ hours are handled in under 4 seconds. Build faster, ship more.</p>
        </div>
      </div>
    </div>
  </section>

  <!-- Modules Preview -->
  <section class="section modules">
    <div class="container">
      <div class="section-header">
        <p class="section-label">Core Evolution</p>
        <h2 class="section-title">The Three Pillars</h2>
      </div>

      <div class="modules-grid">
        <div class="module-card">
          <span class="module-number">// 01</span>
          <h3><span class="module-icon">🐲</span> Web3.js v4</h3>
          <p>A 100% deterministic JS-AST strike. Migrates named exports, enforces strict constructors, and heals event signatures.</p>
          <div class="module-tags">
            <span class="module-tag">JavaScript</span>
            <span class="module-tag">TypeScript</span>
          </div>
        </div>

        <div class="module-card">
          <span class="module-number">// 02</span>
          <h3><span class="module-icon">⚡</span> Ethers v6</h3>
          <p>Symbol Table-aware math refactor. Safely swaps BigNumber methods for native BigInt operators. If we can't verify the type, we don't touch it.</p>
          <div class="module-tags">
            <span class="module-tag">JavaScript</span>
            <span class="module-tag">TypeScript</span>
          </div>
        </div>

        <div class="module-card">
          <span class="module-number">// 03</span>
          <h3><span class="module-icon">🐍</span> Brownie to Ape</h3>
          <p>The official path for Python smart contract evolution. Deterministically flips Brownie imports and account-centric deployment patterns to Ape.</p>
          <div class="module-tags">
            <span class="module-tag">Python</span>
            <span class="module-tag">Ape Framework</span>
          </div>
        </div>
      </div>

      <div style="text-align: center; margin-top: 3rem;">
        <a href="modules.html" class="btn btn-outline">View All Modules →</a>
      </div>
    </div>
  </section>

  <!-- Stats Section -->
  <section class="section stats">
    <div class="container">
      <div class="stats-grid">
        <div class="stat-item">
          <div class="stat-value">99.9%</div>
          <div class="stat-label">Efficiency Gain</div>
        </div>
        <div class="stat-item">
          <div class="stat-value">4s</div>
          <div class="stat-label">Migration Time</div>
        </div>
        <div class="stat-item">
          <div class="stat-value">0</div>
          <div class="stat-label">False Positives</div>
        </div>
      </div>
    </div>
  </section>

  <!-- CTA Section -->
  <section class="section cta">
    <div class="container">
      <h2>Ready to Evolve?</h2>
      <p>Release the Leviathan on your codebase. Transform legacy Web3 to modern in seconds.</p>
      <a href="https://github.com" class="btn btn-primary" target="_blank" rel="noopener">
        Get Started
        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
          <path d="M5 12h14M12 5l7 7-7 7"/>
        </svg>
      </a>
    </div>
  </section>

  <!-- Footer -->
  <footer class="footer">
    <div class="footer-links">
      <a href="index.html">Home</a>
      <a href="modules.html">Modules</a>
      <a href="docs.html">Docs</a>
      <a href="https://github.com" target="_blank" rel="noopener">GitHub</a>
    </div>
    <p class="footer-copy">Project Leviathan — Lead Engineer: <a href="#">Skywalkingzulu1</a></p>
  </footer>

  <!-- Scroll Animation Script -->
  <script>
    // Intersection Observer for scroll animations
    const observerOptions = {
      threshold: 0.1,
      rootMargin: '0px 0px -50px 0px'
    };

    const observer = new IntersectionObserver((entries) => {
      entries.forEach((entry, index) => {
        if (entry.isIntersecting) {
          setTimeout(() => {
            entry.target.classList.add('visible');
          }, index * 100);
        }
      });
    }, observerOptions);

    // Observe all animated elements
    document.querySelectorAll('.philosophy-card, .module-card, .stat-item').forEach(el => {
      observer.observe(el);
    });

    // Smooth scroll for anchor links
    document.querySelectorAll('a[href^="#"]').forEach(anchor => {
      anchor.addEventListener('click', function(e) {
        e.preventDefault();
        const target = document.querySelector(this.getAttribute('href'));
        if (target) {
          target.scrollIntoView({ behavior: 'smooth' });
        }
      });
    });
  </script>
</body>
</html>