Update index.html

index.html

@@ -8,8 +8,6 @@
     <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"/>
-    <!-- Chart.js -->
-    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/chart.min.js"></script>
     <!-- Custom CSS -->
     <link rel="stylesheet" href="style.css">
     <!-- Favicon -->
@@ -184,7 +182,7 @@
                 <div class="col-md-12">
                     <h3 class="mb-3 text-white">Optimization Breakdown</h3>
                     <ul class="text-white">
-                        <li><strong>🔮 Compressed Context Packing</strong>: Collapses frame contexts to a fixed-size matrix, slashing VRAM by ~50% (\( M_{\text{VRAM}} \propto O(1) \)), enabling 60s videos on 6GB VRAM GPUs.</li>
+                        <li><strong>🔮 Compressed Context Packing</strong>: Collapses frame contexts into a fixed-size matrix, slashing VRAM by ~50% (\( M_{\text{VRAM}} \propto O(1) \)), enabling 60s videos on 6GB VRAM GPUs.</li>
                         <li><strong>🧬 Dynamic Batching</strong>: Adapts batches (2–4 frames), boosting throughput by ~30–50% (\( \text{Throughput} \propto B \)), ideal for RTX 3050.</li>
                         <li><strong>⚡️ Teacache Efficiency</strong>: Caches diffusion states, cutting ~40% off compute time (\( T_{\text{total}} \approx 0.6T_{\text{base}} \)), hitting ~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}} \)).</li>
@@ -194,57 +192,6 @@
                 </div>
             </div>
 
-            <!-- Speed Chart -->
-            <div class="row mt-4">
-                <div class="col-md-12">
-                    <h3 class="text-center text-white mb-3">Speed Across GPUs 📊</h3>
-                    <div class="card bg-ghost-card">
-                        <div class="card-body">
-                            <canvas id="speedChart"></canvas>
-                        </div>
-                    </div>
-                </div>
-            </div>
-
-            <!-- Performance Calculator -->
-            <div class="row mt-4">
-                <div class="col-md-12">
-                    <h3 class="text-center text-white mb-3">Performance Calculator 🧮</h3>
-                    <div class="card bg-ghost-card">
-                        <div class="card-body">
-                            <form>
-                                <div class="row g-3">
-                                    <div class="col-md-4">
-                                        <label for="gpuSelect" class="form-label">GPU</label>
-                                        <select id="gpuSelect" class="form-select bg-dark text-white border-neon">
-                                            <option value="22">GTX 1650 (6GB)</option>
-                                            <option value="17.5">RTX 3050 (8GB)</option>
-                                            <option value="12.5" selected>RTX 3060 (12GB)</option>
-                                            <option value="2">RTX 4090 (24GB)</option>
-                                        </select>
-                                    </div>
-                                    <div class="col-md-4">
-                                        <label for="frameCount" class="form-label">Frames</label>
-                                        <input type="number" id="frameCount" class="form-control bg-dark text-white border-neon" value="75">
-                                    </div>
-                                    <div class="col-md-4">
-                                        <label for="teacacheCheck" class="form-label">Teacache</label>
-                                        <div class="form-check">
-                                            <input type="checkbox" id="teacacheCheck" class="form-check-input" checked>
-                                            <label class="form-check-label text-white" for="teacacheCheck">Enable (~40% faster)</label>
-                                        </div>
-                                    </div>
-                                </div>
-                                <div class="text-center mt-3">
-                                    <button type="button" class="btn btn-ghost" onclick="calculatePerformance()">Calculate</button>
-                                </div>
-                                <p id="perfResult" class="text-center mt-3 text-white"></p>
-                            </form>
-                        </div>
-                    </div>
-                </div>
-            </div>
-
             <!-- VRAM Requirements Table -->
             <div class="row mt-4">
                 <div class="col-md-12">
@@ -434,7 +381,8 @@ python ghostgradio.py --port 5666 --server 0.0.0.0</code></pre>
                 </div>
             </div>
             <div class="text-center mt-4">
-                <a href="https://github.com/ghostai1/GhostPack" class="btn btn-outline-ghost" target="_blank">Refresh Repo 🔄</a>
+                <a href="https://github.com/ghostai1/GhostPack" class="btn btn-outline-ghost me-3" target="_blank">Refresh Repo 🔄</a>
+                <a href="https://github.com/ghostai1/GhostPack/tree/main/outputs" class="btn btn-ghost" target="_blank">Refresh Logs 📥</a>
             </div>
         </div>
     </section>