File size: 10,509 Bytes
0423506
 
 
 
 
e2e9365
0423506
 
e2e9365
 
0423506
 
 
 
 
 
 
e2e9365
0423506
 
 
 
 
 
 
 
 
e2e9365
0423506
 
 
 
 
 
 
 
 
 
 
 
e2e9365
 
 
 
0423506
 
 
 
 
 
e2e9365
0423506
 
e2e9365
0423506
e2e9365
 
0423506
 
 
 
e2e9365
0423506
e2e9365
 
0423506
 
 
 
e2e9365
0423506
e2e9365
 
0423506
 
 
 
 
 
 
e2e9365
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
0423506
e2e9365
0423506
e2e9365
 
0423506
 
 
 
 
 
 
e2e9365
0423506
 
 
 
 
 
e2e9365
0423506
 
 
 
 
 
 
e2e9365
0423506
 
 
 
 
 
e2e9365
0423506
e2e9365
0423506
e2e9365
0423506
 
e2e9365
0423506
 
 
 
e2e9365
 
0423506
 
 
e2e9365
0423506
 
 
 
 
e2e9365
0423506
e2e9365
0423506
 
e2e9365
0423506
e2e9365
0423506
 
 
e2e9365
0423506
 
 
e2e9365
0423506
 
 
 
e2e9365
0423506
e2e9365
0423506
 
e2e9365
 
0423506
 
 
 
 
 
e2e9365
0423506
e2e9365
0423506
 
 
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
<!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 Generation ๐Ÿ˜ˆ</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="#math">Math Magic</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="#optimization">Optimization</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">Unleash Veo 3-Level Video Generation with Mind-Blowing Math Optimizations! ๐Ÿ˜ˆ๐Ÿš€</p>
            <a href="#installation" class="btn btn-ghost btn-lg animate__animated animate__pulse animate__delay-2s">Get Started ๐Ÿ› ๏ธ</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">โœจ Ghostly Features</h2>
            <div class="row">
                <div class="col-md-4 mb-4">
                    <div class="card bg-ghost 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 ultra-realistic, coherent video generation using next-frame prediction.</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 mb-4">
                    <div class="card bg-ghost h-100">
                        <div class="card-body">
                            <h3 class="card-title">โšก๏ธ Blazing Speed</h3>
                            <p class="card-text">Teacache delivers ~40% faster generation (~12โ€“15s/frame on RTX 3060) for rapid results.</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 mb-4">
                    <div class="card bg-ghost h-100">
                        <div class="card-body">
                            <h3 class="card-title">๐Ÿ› ๏ธ Laptop Power</h3>
                            <p class="card-text">Runs 13B models on GPUs with โ‰ฅ6GB VRAM, optimized for RTX 3060 and beyond.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Math Optimization Section -->
    <section id="math" class="py-5">
        <div class="container">
            <h2 class="text-center mb-5 animate__animated animate__fadeIn">๐Ÿง  Revolutionary Math Optimizations</h2>
            <p class="lead text-center">GhostPackโ€™s SDK is supercharged by ghostai1โ€™s cutting-edge mathematical breakthroughs, redefining video generation efficiency.</p>
            <div class="row">
                <div class="col-md-6 mb-4">
                    <h3>Compressed Context Packing</h3>
                    <p>Our proprietary algorithms compress input frame contexts to a constant length, making generation workload invariant to video length. This slashes compute costs, enabling long-form videos on modest GPUs.</p>
                </div>
                <div class="col-md-6 mb-4">
                    <h3>Dynamic Batch Optimization</h3>
                    <p>Advanced batching techniques dynamically adjust frame processing, maximizing VRAM utilization (11.76 GiB on RTX 3060) for up to 50% faster throughput.</p>
                </div>
            </div>
            <p class="text-center">These optimizations make GhostPack a lean, mean, video-generating machine, rivaling industry giants like Veo 3! ๐Ÿ˜ˆ</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">๐Ÿ› ๏ธ Installation</h2>
            <p class="text-center lead">Unleash GhostPack on Ubuntu, Windows, or macOS. Ensure >30GB disk space for models.</p>
            <div class="row">
                <div class="col-md-4 mb-4">
                    <h3>๐Ÿง Ubuntu</h3>
                    <pre><code>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 required.</p>
                </div>
                <div class="col-md-4 mb-4">
                    <h3>๐ŸชŸ Windows</h3>
                    <pre><code>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>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">๐Ÿ“น Usage</h2>
            <ol>
                <li><strong>Launch Ghostly GUI</strong>:
                    <pre><code>source ~/ghostpack_venv/venv/bin/activate
cd ~/ghostpack_venv
python ghostgradio.py --port 5666 --server 0.0.0.0</code></pre>
                </li>
                <li><strong>Configure</strong>:
                    <ul>
                        <li>Upload an image.</li>
                        <li>Prompt: โ€œThe girl dances gracefully, with clear movements, full of charm.โ€</li>
                        <li>Enable teacache (โšก๏ธ speed boost).</li>
                        <li>Set 15fps, 5s video (~75 frames).</li>
                    </ul>
                </li>
                <li><strong>Monitor</strong>: Run <code>nvidia-smi</code> (~80โ€“100% GPU usage).</li>
            </ol>
        </div>
    </section>

    <!-- Optimization Section -->
    <section id="optimization" class="py-5 bg-dark text-white">
        <div class="container">
            <h2 class="text-center mb-5 animate__animated animate__fadeIn">โšก๏ธ Turbocharge Performance</h2>
            <ul>
                <li><strong>Teacache</strong>: ~40% speed-up (12โ€“15s/frame on RTX 3060).</li>
                <li><strong>Sage-Attention/Xformers</strong>: 5โ€“10% faster compute.</li>
                <li><strong>tcmalloc</strong>: 5โ€“20% memory efficiency.</li>
                <li><strong>CUDA Magic</strong>:
                    <pre><code>export PYTORCH_CUDA_ALLOC_CONF=max_split_size_mb:128
export CUDNN_V8_API_ENABLED=1</code></pre>
                </li>
                <li><strong>GPU Overdrive</strong>:
                    <pre><code>sudo nvidia-smi -pm 1</code></pre>
                </li>
            </ul>
            <p class="text-center">Hit ~10โ€“15s/frame on RTX 3060 with these tweaks! ๐Ÿ˜ˆ</p>
        </div>
    </section>

    <!-- Model Card Section -->
    <section id="model" class="py-5">
        <div class="container">
            <h2 class="text-center mb-5 animate__animated animate__fadeIn">Model Card</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</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>Built with ๐Ÿ˜ˆ and โšก๏ธ to haunt the video generation world!</p>
    </footer>

    <!-- Bootstrap JS and Popper -->
    <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>