Spaces:
Running
Running
Update index.html
Browse files- index.html +53 -53
index.html
CHANGED
@@ -117,70 +117,70 @@
|
|
117 |
</div>
|
118 |
</section>
|
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 |
-
</div>
|
153 |
</div>
|
154 |
</div>
|
155 |
-
|
156 |
-
|
157 |
-
|
158 |
-
|
159 |
-
|
160 |
-
|
161 |
-
</
|
162 |
</div>
|
163 |
</div>
|
164 |
-
|
165 |
-
|
166 |
-
|
167 |
-
|
168 |
-
|
169 |
-
|
170 |
-
</
|
171 |
</div>
|
172 |
</div>
|
173 |
-
|
174 |
-
|
175 |
-
|
176 |
-
|
177 |
-
|
178 |
-
|
179 |
-
</
|
180 |
</div>
|
181 |
</div>
|
182 |
</div>
|
183 |
</div>
|
|
|
184 |
|
185 |
<!-- Memory Tab -->
|
186 |
<div class="tab-pane fade" id="memory" role="tabpanel" aria-labelledby="memory-tab">
|
|
|
117 |
</div>
|
118 |
</section>
|
119 |
|
120 |
+
<!-- Optimizations Section -->
|
121 |
+
<section id="optimizations" class="py-5 bg-dark text-white">
|
122 |
+
<div class="container">
|
123 |
+
<h2 class="text-center mb-5 animate__animated animate__fadeIn">๐งโโ๏ธ Ghostai1โs Math Sorcery</h2>
|
124 |
+
<p class="lead lead-text mb-4">GhostPackโs SDK is a spectral masterpiece, optimized with ghostai1โs revolutionary math to dominate low-resource systems.</p>
|
125 |
+
|
126 |
+
<!-- Tabs for Optimization Categories -->
|
127 |
+
<ul class="nav nav-tabs justify-content-center mb-4" id="optTab" role="tablist">
|
128 |
+
<li class="nav-item" role="presentation">
|
129 |
+
<button class="nav-link active" id="speed-tab" data-bs-toggle="tab" data-bs-target="#speed" type="button" role="tab" aria-controls="speed" aria-selected="true">โก๏ธ Speed</button>
|
130 |
+
</li>
|
131 |
+
<li class="nav-item" role="presentation">
|
132 |
+
<button class="nav-link" id="memory-tab" data-bs-toggle="tab" data-bs-target="#memory" type="button" role="tab" aria-controls="memory" aria-selected="false">๐ฎ Memory</button>
|
133 |
+
</li>
|
134 |
+
<li class="nav-item" role="presentation">
|
135 |
+
<button class="nav-link" id="compute-tab" data-bs-toggle="tab" data-bs-target="#compute" type="button" role="tab" aria-controls="compute" aria-selected="false">๐งฌ Compute</button>
|
136 |
+
</li>
|
137 |
+
<li class="nav-item" role="presentation">
|
138 |
+
<button class="nav-link" id="efficiency-tab" data-bs-toggle="tab" data-bs-target="#efficiency" type="button" role="tab" aria-controls="efficiency" aria-selected="false">๐ Efficiency</button>
|
139 |
+
</li>
|
140 |
+
</ul>
|
141 |
|
142 |
+
<div class="tab-content" id="optTabContent">
|
143 |
+
<!-- Speed Tab -->
|
144 |
+
<div class="tab-pane fade show active" id="speed" role="tabpanel" aria-labelledby="speed-tab">
|
145 |
+
<div class="row row-cols-1 row-cols-md-2 g-4 mb-4">
|
146 |
+
<div class="col">
|
147 |
+
<div class="card bg-ghost-card h-100" data-bs-toggle="modal" data-bs-target="#teacacheModal">
|
148 |
+
<div class="card-body text-center">
|
149 |
+
<h3 class="card-title">๐ฎ Teacache</h3>
|
150 |
+
<p class="lead-text">Caches diffusion states, slashing ~40% off frame time.</p>
|
151 |
+
<p class="lead-text"><strong>Boost:</strong> 40% | <strong>Stat:</strong> ~12s/frame on RTX 3060 | <strong>Math:</strong> \( T_{\text{total}} \approx 0.6 \cdot T_{\text{base}} \)</p>
|
|
|
152 |
</div>
|
153 |
</div>
|
154 |
+
</div>
|
155 |
+
<div class="col">
|
156 |
+
<div class="card bg-ghost-card h-100" data-bs-toggle="modal" data-bs-target="#sageModal">
|
157 |
+
<div class="card-body text-center">
|
158 |
+
<h3 class="card-title">๐งโโ๏ธ Sage-Attention</h3>
|
159 |
+
<p class="lead-text">Streamlines attention layers for ~5โ10% speed-up.</p>
|
160 |
+
<p class="lead-text"><strong>Boost:</strong> 5โ10% | <strong>Stat:</strong> ~1โ2s/frame saved | <strong>Math:</strong> \( T_{\text{attn}} \approx 0.9 \cdot T_{\text{base_attn}} \)</p>
|
161 |
</div>
|
162 |
</div>
|
163 |
+
</div>
|
164 |
+
<div class="col">
|
165 |
+
<div class="card bg-ghost-card h-100" data-bs-toggle="modal" data-bs-target="#cudaModal">
|
166 |
+
<div class="card-body text-center">
|
167 |
+
<h3 class="card-title">โก CUDA Tweaks</h3>
|
168 |
+
<p class="lead-text">Optimized allocation for ~10โ15% latency cut.</p>
|
169 |
+
<p class="lead-text"><strong>Boost:</strong> 10โ15% | <strong>Stat:</strong> ~10โ15% faster | <strong>Math:</strong> \( L_{\text{CUDA}} \approx 0.85 \cdot L_{\text{base}} \)</p>
|
170 |
</div>
|
171 |
</div>
|
172 |
+
</div>
|
173 |
+
<div class="col">
|
174 |
+
<div class="card bg-ghost-card h-100" data-bs-toggle="modal" data-bs-target="#dynamicModal">
|
175 |
+
<div class="card-body text-center">
|
176 |
+
<h3 class="card-title">๐ Dynamic Scheduling</h3>
|
177 |
+
<p class="lead-text">Adapts processing queues for ~15โ20% faster task completion.</p>
|
178 |
+
<p class="lead-text"><strong>Boost:</strong> 15โ20% | <strong>Stat:</strong> ~2โ3s/task saved | <strong>Math:</strong> \( T_{\text{sched}} \approx 0.8 \cdot T_{\text{base_sched}} \)</p>
|
179 |
</div>
|
180 |
</div>
|
181 |
</div>
|
182 |
</div>
|
183 |
+
</div>
|
184 |
|
185 |
<!-- Memory Tab -->
|
186 |
<div class="tab-pane fade" id="memory" role="tabpanel" aria-labelledby="memory-tab">
|