File size: 13,748 Bytes
0423506
 
 
 
 
545a39f
0423506
 
e2e9365
 
0423506
 
 
 
 
 
 
e2e9365
0423506
 
 
 
 
 
 
 
 
545a39f
 
0423506
 
 
 
 
 
 
 
 
 
 
e2e9365
545a39f
 
 
 
0423506
 
 
 
 
 
978a9c9
0423506
 
57a42d6
0423506
e2e9365
545a39f
0423506
 
 
 
57a42d6
0423506
978a9c9
 
0423506
 
 
 
57a42d6
0423506
978a9c9
 
0423506
 
 
 
 
 
 
978a9c9
 
e2e9365
545a39f
 
 
978a9c9
 
 
 
545a39f
 
57a42d6
 
e2e9365
978a9c9
 
 
 
545a39f
 
978a9c9
 
 
 
 
 
 
545a39f
 
978a9c9
 
 
545a39f
 
 
 
 
 
 
 
 
 
 
 
978a9c9
545a39f
 
 
 
 
 
 
 
 
 
 
 
 
 
 
978a9c9
 
 
545a39f
 
 
 
 
57a42d6
 
e2e9365
 
 
 
 
0423506
545a39f
0423506
545a39f
 
0423506
545a39f
0423506
57a42d6
0423506
 
 
545a39f
0423506
545a39f
0423506
57a42d6
0423506
545a39f
 
0423506
545a39f
0423506
57a42d6
0423506
 
 
545a39f
0423506
 
 
 
 
 
545a39f
0423506
545a39f
 
978a9c9
57a42d6
0423506
e2e9365
0423506
978a9c9
0423506
 
545a39f
978a9c9
0423506
 
 
978a9c9
0423506
 
 
 
 
545a39f
0423506
545a39f
 
0423506
e2e9365
57a42d6
0423506
 
 
 
 
 
e2e9365
0423506
545a39f
0423506
 
57a42d6
e2e9365
0423506
 
 
 
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
238
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>๐Ÿ‘ป GhostPack: Veo 3-Level Video Sorcery ๐Ÿ˜ˆ</title>
    <!-- Bootstrap CSS -->
    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
    <!-- Animate.css -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>
    <!-- Custom CSS -->
    <link rel="stylesheet" href="style.css">
    <!-- Favicon -->
    <link rel="icon" href="https://huggingface.co/spaces/ghostai1/GhostPack/resolve/main/ghostpack_logo.png">
</head>
<body>
    <!-- Navbar -->
    <nav class="navbar navbar-expand-lg navbar-dark fixed-top">
        <div class="container">
            <a class="navbar-brand" href="#">๐Ÿ‘ป GhostPack</a>
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarNav">
                <ul class="navbar-nav ms-auto">
                    <li class="nav-item"><a class="nav-link" href="#home">Home</a></li>
                    <li class="nav-item"><a class="nav-link" href="#features">Features</a></li>
                    <li class="nav-item"><a class="nav-link" href="#optimizations">Math Sorcery</a></li>
                    <li class="nav-item"><a class="nav-link" href="#future">Future</a></li>
                    <li class="nav-item"><a class="nav-link" href="#installation">Installation</a></li>
                    <li class="nav-item"><a class="nav-link" href="#usage">Usage</a></li>
                    <li class="nav-item"><a class="nav-link" href="#model">Model Card</a></li>
                </ul>
            </div>
        </div>
    </nav>

    <!-- Hero Section -->
    <section id="home" class="hero-section text-center text-white">
        <div class="container">
            <h1 class="display-3 animate__animated animate__zoomIn">๐Ÿ‘ป GhostPack</h1>
            <p class="lead animate__animated animate__fadeIn animate__delay-1s">Veo 3-Level Video Sorcery Haunts Laptops with 8GB RAM! ๐Ÿ˜ˆ๐Ÿš€</p>
            <p class="animate__animated animate__fadeIn animate__delay-2s">Unleash photorealistic videos with ghostai1โ€™s math wizardry on any GPU โ‰ฅ6GB VRAM.</p>
            <a href="#installation" class="btn btn-ghost btn-lg animate__animated animate__pulse animate__delay-3s">Summon Now ๐Ÿ› ๏ธ</a>
            <a href="https://github.com/ghostai1/GhostPack" class="btn btn-outline-ghost btn-lg animate__animated animate__pulse animate__delay-3s" target="_blank">GitHub ๐ŸŒŸ</a>
        </div>
    </section>

    <!-- Features Section -->
    <section id="features" class="py-5 bg-dark text-white">
        <div class="container">
            <h2 class="text-center mb-5 animate__animated animate__fadeIn">โœจ Spectral Features</h2>
            <div class="row">
                <div class="col-md-4 mb-4">
                    <div class="card bg-ghost-card h-100">
                        <div class="card-body">
                            <h3 class="card-title">๐Ÿ“น Veo 3-Level AI</h3>
                            <p class="card-text">Rivals Googleโ€™s Veo 3 with hyper-realistic, fluid videos via next-frame prediction, running on 8GB RAM laptops.</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 mb-4">
                    <div class="card bg-ghost-card h-100">
                        <div class="card-body">
                            <h3 class="card-title">โšก๏ธ Phantom Speed</h3>
                            <p class="card-text">Teacache slashes ~40% off generation time (~12โ€“15s/frame on RTX 3060) for blazing results.</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 mb-4">
                    <div class="card bg-ghost-card h-100">
                        <div class="card-body">
                            <h3 class="card-title">๐Ÿ› ๏ธ Laptop Domination</h3>
                            <p class="card-text">13B models haunt GPUs with โ‰ฅ6GB VRAM, optimized for RTX 3060 and budget rigs with 8GB RAM.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Optimizations Section -->
    <section id="optimizations" class="py-5">
        <div class="container">
            <h2 class="text-center mb-5 animate__animated animate__fadeIn">๐Ÿง  Ghostai1โ€™s Math Sorcery</h2>
            <p class="lead text-center text-white">GhostPackโ€™s SDK is a spectral masterpiece, conjured with ghostai1โ€™s revolutionary math optimizations to haunt any laptop with 8GB RAM.</p>
            <div class="row mb-4">
                <div class="col-md-4 mb-4">
                    <div class="card bg-ghost-card text-white h-100">
                        <div class="card-body text-center">
                            <h3 class="card-title">๐Ÿ”ฎ Teacache</h3>
                            <p class="card-text">Caches diffusion states, cutting ~40% off frame time.</p>
                            <p><strong>Boost: ~40%</strong><br>Stat: ~30โ€“40% compute reduction<br>Math: \( T_{\text{total}} \approx 0.6 \cdot T_{\text{base}} \)</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 mb-4">
                    <div class="card bg-ghost-card text-white h-100">
                        <div class="card-body text-center">
                            <h3 class="card-title">๐Ÿงฌ Context Packing</h3>
                            <p class="card-text">Compresses contexts, saving ~50% VRAM.</p>
                            <p><strong>Boost: ~50%</strong><br>Stat: ~2โ€“3GB VRAM saved<br>Math: \( M_{\text{VRAM}} \propto O(1) \)</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 mb-4">
                    <div class="card bg-ghost-card text-white h-100">
                        <div class="card-body text-center">
                            <h3 class="card-title">โšก Dynamic Batching</h3>
                            <p class="card-text">Adapts batches for ~30โ€“50% throughput gain.</p>
                            <p><strong>Boost: ~30โ€“50%</strong><br>Stat: ~1.5x FPS<br>Math: \( \text{Throughput} \propto B \cdot \text{FPS}_{\text{base}} \)</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <h3 class="mb-3">Math Optimization Breakdown</h3>
                    <ul class="text-white">
                        <li><strong>Compressed Context Packing</strong>: Reduces frame context to a fixed-size matrix, slashing VRAM usage by ~50% (\( M_{\text{VRAM}} \propto O(1) \)), enabling long-form videos on 8GB RAM systems.</li>
                        <li><strong>Dynamic Batching</strong>: Optimizes frame batching (2โ€“4 frames), boosting throughput by ~30โ€“50% (\( \text{Throughput} \propto B \)), perfect for modest GPUs like RTX 3050.</li>
                        <li><strong>Teacache Efficiency</strong>: Caches diffusion states, cutting ~40% off compute time (\( T_{\text{total}} \approx 0.6T_{\text{base}} \)), delivering ~10โ€“15s/frame on RTX 3060.</li>
                        <li><strong>Sage-Attention</strong>: Streamlines attention layers, saving ~5โ€“10% time (\( T_{\text{attn}} \approx 0.9T_{\text{base_attn}} \)), enhancing low-VRAM performance.</li>
                        <li><strong>tcmalloc</strong>: Cuts memory overhead by ~5โ€“20% (\( O_{\text{mem}} \approx 0.8O_{\text{glibc}} \)), easing CPU load by ~15%.</li>
                        <li><strong>CUDA Tweaks</strong>: Reduces latency by ~10โ€“15% (\( L_{\text{CUDA}} \approx 0.85L_{\text{base}} \)) with optimized memory allocation.</li>
                    </ul>
                </div>
            </div>
        </div>
    </section>

    <!-- Future Features Section -->
    <section id="future" class="py-5 bg-dark text-white">
        <div class="container">
            <h2 class="text-center mb-5 animate__animated animate__fadeIn">๐ŸŒŒ Future Spectral Phantoms</h2>
            <p class="lead text-center">GhostPack is conjuring epic upgrades to haunt the AI generation realm:</p>
            <div class="row">
                <div class="col-md-6 mb-4">
                    <div class="card bg-ghost-card h-100">
                        <div class="card-body">
                            <h3 class="card-title">๐Ÿ—ฃ๏ธ Voice Generation</h3>
                            <p class="card-text">Coming soon: AI-driven voice synthesis to narrate your videos with spectral tones, seamlessly integrated into ghostgradio.py.</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 mb-4">
                    <div class="card bg-ghost-card h-100">
                        <div class="card-body">
                            <h3 class="card-title">๐Ÿ–ผ๏ธ AI Images</h3>
                            <p class="card-text">Future feature: Generate ghostly starting frames with AI-crafted images, powering up your video pipeline for cinematic flair.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Installation Section -->
    <section id="installation" class="py-5 bg-light">
        <div class="container">
            <h2 class="text-center mb-4 animate__animated animate__fadeIn">๐Ÿ› ๏ธ Summon the Code</h2>
            <p class="text-center lead text-dark">Unleash GhostPack from the GitHub repo. Requires >30GB disk space for models.</p>
            <div class="row">
                <div class="col-md-4 mb-3">
                    <h3>๐Ÿง Ubuntu</h3>
                    <pre><code class="code-block">git clone https://github.com/ghostai1/GhostPack
cd GhostPack
chmod +x install_ubuntu.sh
./install_ubuntu.sh</code></pre>
                    <p class="text-dark">NVIDIA GPU, 8GB RAM, Python 3.10, CUDA 12.6.</p>
                </div>
                <div class="col-md-4 mb-3">
                    <h3>๐ŸชŸ Windows</h3>
                    <pre><code class="code-block">git clone https://github.com/ghostai1/GhostPack
cd GhostPack
install.bat</code></pre>
                    <p class="text-dark">Auto-downloads models (>30GB).</p>
                </div>
                <div class="col-md-4 mb-3">
                    <h3>๐ŸŽ macOS</h3>
                    <pre><code class="code-block">git clone https://github.com/ghostai1/GhostPack
cd GhostPack
chmod +x install_macos.sh
./install_macos.sh</code></pre>
                    <p class="text-dark">M1/M2 support (slower).</p>
                </div>
            </div>
        </div>
    </section>

    <!-- Usage Section -->
    <section id="usage" class="py-5 bg-dark text-white">
        <div class="container">
            <h2 class="text-center mb-4 animate__animated animate__fadeIn">๐Ÿ“น Weave Ghostly Videos</h2>
            <ol>
                <li><strong>Launch Phantom GUI</strong>:
                    <pre><code class="code-block">source ~/ghostpack_venv/venv/bin/activate
cd ~/ghostpack_venv
python ghostgradio.py --port 5666 --server 0.0.0.0</code></pre>
                </li>
                <li><strong>Craft Spells</strong>:
                    <ul>
                        <li>Upload an image.</li>
                        <li>Prompt: โ€œA spectral figure glides through a neon-lit city.โ€</li>
                        <li>Enable teacache (โšก๏ธ speed).</li>
                        <li>Set 15fps, 5s video (~75 frames).</li>
                    </ul>
                </li>
                <li><strong>Summon Spirits</strong>: Run <code>nvidia-smi</code> (~80โ€“100% GPU).</li>
            </ol>
        </div>
    </section>

    <!-- Model Card Section -->
    <section id="model" class="py-5">
        <div class="container">
            <h2 class="text-center mb-4 animate__animated animate__fadeIn">Spectral Grimoire</h2>
            <ul class="text-white">
                <li><strong>Model</strong>: GhostPack-F1 (13B parameters).</li>
                <li><strong>Repo</strong>: <a href="https://huggingface.co/spaces/ghostai1/GhostPack" target="_blank">Hugging Face Spaces</a></li>
                <li><strong>Files</strong>: >30GB, stored in <code>models/</code> with Git LFS.</li>
                <li><strong>License</strong>: Apache-2.0.</li>
            </ul>
        </div>
    </section>

    <!-- Footer -->
    <footer class="bg-ghost-black text-white text-center py-4">
        <p>๐Ÿ‘ป GhostPack by ghostai1 | <a href="https://github.com/ghostai1/GhostPack" target="_blank">GitHub</a> | <a href="https://huggingface.co/spaces/ghostai1/GhostPack" target="_blank">Hugging Face</a> | Apache-2.0 License</p>
        <p>Forged in ๐Ÿ˜ˆ hellfire with โšก๏ธ to haunt video generation forever!</p>
    </footer>

    <!-- Bootstrap JS -->
    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
    <!-- Custom JS -->
    <script src="script.js"></script>
</body>
</html>