File size: 12,146 Bytes
0423506
 
 
 
 
978a9c9
0423506
 
e2e9365
 
0423506
 
 
 
 
 
 
e2e9365
0423506
 
 
 
 
 
 
 
 
978a9c9
0423506
 
 
 
 
 
 
 
 
 
 
e2e9365
978a9c9
 
e2e9365
0423506
 
 
 
 
 
978a9c9
0423506
 
57a42d6
0423506
e2e9365
978a9c9
0423506
 
 
 
57a42d6
0423506
978a9c9
 
0423506
 
 
 
57a42d6
0423506
978a9c9
 
0423506
 
 
 
 
 
 
978a9c9
 
e2e9365
978a9c9
 
e2e9365
978a9c9
 
 
 
 
 
57a42d6
 
e2e9365
978a9c9
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
57a42d6
 
e2e9365
 
978a9c9
e2e9365
 
 
0423506
e2e9365
0423506
978a9c9
 
0423506
 
 
57a42d6
0423506
 
 
57a42d6
0423506
 
 
57a42d6
0423506
 
e2e9365
0423506
 
 
57a42d6
0423506
 
 
e2e9365
0423506
 
 
 
 
 
e2e9365
0423506
978a9c9
57a42d6
978a9c9
57a42d6
0423506
e2e9365
0423506
978a9c9
0423506
 
e2e9365
978a9c9
0423506
 
 
978a9c9
0423506
 
 
 
 
978a9c9
0423506
978a9c9
 
0423506
e2e9365
57a42d6
0423506
 
 
 
 
 
e2e9365
0423506
978a9c9
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
<!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 on Any Laptop ๐Ÿ˜ˆ</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">Optimizations</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 Magic Haunts Laptops with 8GB RAM! ๐Ÿ˜ˆ๐Ÿš€</p>
            <a href="#installation" class="btn btn-ghost btn-lg animate__animated animate__pulse animate__delay-2s">Summon Now ๐Ÿ› ๏ธ</a>
            <a href="https://github.com/ghostai1/GhostPack" class="btn btn-outline-ghost btn-lg animate__animated animate__pulse animate__delay-2s" 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">Outshines 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 Optimization Necromancy</h2>
            <p class="lead text-center text-white">GhostPackโ€™s SDK is a spectral masterpiece, conjured with ghostai1โ€™s math sorcery to haunt any laptop with 8GB RAM!</p>
            <div class="row">
                <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 (~12s/frame).</p>
                            <p><strong>Boost: ~40%</strong><br>Stat: ~30โ€“40% compute reduction</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 to constant length, saving ~50% VRAM.</p>
                            <p><strong>Boost: ~50%</strong><br>Stat: ~2โ€“3GB VRAM saved</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 (2โ€“4 frames).</p>
                            <p><strong>Boost: ~30โ€“50%</strong><br>Stat: ~1.5x FPS</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">๐Ÿ›ก๏ธ Sage-Attention</h3>
                            <p class="card-text">Optimizes attention layers for ~5โ€“10% speed-up.</p>
                            <p><strong>Boost: ~5โ€“10%</strong><br>Stat: ~1โ€“2s/frame saved</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">๐Ÿ’พ tcmalloc</h3>
                            <p class="card-text">Cuts memory overhead by ~5โ€“20% for fluid performance.</p>
                            <p><strong>Boost: ~5โ€“20%</strong><br>Stat: ~15% CPU relief</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">๐Ÿ”ฅ CUDA Tweaks</h3>
                            <p class="card-text">CUDA 12.6 optimizations for ~10% performance gain.</p>
                            <p><strong>Boost: ~10%</strong><br>Stat: ~10โ€“15% latency cut</p>
                        </div>
                    </div>
                </div>
            </div>
            <p class="text-center text-white">GhostPack conjures Veo 3-level videos on 8GB RAM laptops, leaving rivals in the dust! ๐Ÿ˜ˆ</p>
        </div>
    </section>

    <!-- Installation Section -->
    <section id="installation" class="py-5 bg-dark text-white">
        <div class="container">
            <h2 class="text-center mb-5 animate__animated animate__fadeIn">๐Ÿ› ๏ธ Summon the Specter</h2>
            <p class="text-center lead">Haunt Ubuntu, Windows, or macOS with GhostPack. Needs >30GB disk space.</p>
            <div class="row">
                <div class="col-md-4 mb-4">
                    <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>NVIDIA GPU, Python 3.10, CUDA 12.6.</p>
                </div>
                <div class="col-md-4 mb-4">
                    <h3>๐ŸชŸ Windows</h3>
                    <pre><code class="code-block">git clone https://github.com/ghostai1/GhostPack
cd GhostPack
install_windows.bat</code></pre>
                    <p>Auto-downloads models (>30GB).</p>
                </div>
                <div class="col-md-4 mb-4">
                    <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>M1/M2 support (slower).</p>
                </div>
            </div>
        </div>
    </section>

    <!-- Usage Section -->
    <section id="usage" class="py-5">
        <div class="container">
            <h2 class="text-center mb-5 animate__animated animate__fadeIn">๐Ÿ“น Weave Ghostly Videos</h2>
            <ol class="text-white">
                <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: โ€œThe girl dances gracefully, with clear movements, full of charm.โ€</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 bg-dark text-white">
        <div class="container">
            <h2 class="text-center mb-5 animate__animated animate__fadeIn">Spectral Grimoire</h2>
            <ul>
                <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>Conjured with ๐Ÿ˜ˆ hellfire and โšก๏ธ 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>