fix

Author: Yaselley

assets/css/style.css

@@ -204,25 +204,57 @@ h3 {
     font-weight: 700;
 }
 
-.partial-cta {
-    max-width: 700px;
-    margin: 0 auto;
-    text-align: center;
+.mode-code-block {
+    background: var(--secondary);
+    border-radius: 0.625rem;
+    padding: 1rem 1.25rem;
+    position: relative;
+    color: #e2e8f0;
+    margin-top: 1.25rem;
 }
 
-.partial-cta > p {
-    color: var(--text-light);
-    margin-bottom: 1rem;
+.mode-code-header {
+    background: rgba(255, 255, 255, 0.1);
+    display: inline-block;
+    padding: 0.2rem 0.6rem;
+    border-radius: 0.25rem;
+    font-size: 0.75rem;
+    margin-bottom: 0.5rem;
+    color: #94a3b8;
 }
 
-.partial-code-block {
-    text-align: left;
-    margin-bottom: 1rem;
+.mode-code-block pre {
+    margin: 0;
+    font-size: 0.82rem;
+    line-height: 1.5;
+    overflow-x: auto;
+    white-space: pre-wrap;
+    word-break: break-word;
+}
+
+.copy-btn-sm {
+    top: 0.75rem;
+    right: 0.75rem;
+    width: 28px;
+    height: 28px;
 }
 
 .partial-note {
     font-size: 0.9rem;
     color: var(--text-light);
+    margin-top: 2rem;
+    max-width: 640px;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+.partial-note a {
+    color: var(--primary);
+    text-decoration: none;
+}
+
+.partial-note a:hover {
+    text-decoration: underline;
 }
 
 .partial-note code {

index.html

@@ -127,6 +127,11 @@ <h3>Clip-level</h3>
                         <li>CrossEntropy / OC-Softmax → one score</li>
                         <li>Metrics: EER, minDCF, ACC</li>
                     </ul>
+                    <div class="mode-code-block">
+                        <div class="mode-code-header">Train</div>
+                        <pre><code class="bash">deepfense train --config deepfense/config/train.yaml</code></pre>
+                        <button class="copy-btn copy-btn-sm" aria-label="Copy"><i class="far fa-copy"></i></button>
+                    </div>
                 </div>
 
                 <div class="mode-card mode-card-highlight">
@@ -138,24 +143,15 @@ <h3>Partial deepfake</h3>
                         <li>FramewiseCrossEntropy → score per frame</li>
                         <li>Metrics: FRAME_F1, <strong>Range EER</strong>, Segment EER, MULTIRES_EER</li>
                     </ul>
+                    <div class="mode-code-block">
+                        <div class="mode-code-header">Train</div>
+                        <pre><code class="bash">deepfense train --config deepfense/config/experiments/temporal_deepfake_example.yaml</code></pre>
+                        <button class="copy-btn copy-btn-sm" aria-label="Copy"><i class="far fa-copy"></i></button>
+                    </div>
                 </div>
             </div>
 
-            <div class="partial-cta">
-                <p>For PartialSpoof-style per-frame training and localization metrics, switch to the partial branch:</p>
-                <div class="code-block partial-code-block">
-                    <div class="code-header">Partial deepfake setup</div>
-                    <pre><code class="bash">git clone https://github.com/Yaselley/deepfense-framework
-cd deepfense-framework
-git fetch origin
-git checkout deepfense-partial
-pip install -e .
-
-deepfense train --config deepfense/config/experiments/temporal_deepfake_example.yaml</code></pre>
-                    <button class="copy-btn"><i class="far fa-copy"></i></button>
-                </div>
-                <p class="partial-note"><code>master</code> covers clip-level detection only. Partial deepfake configs, <code>TemporalDetector</code>, and Range EER live on <code>deepfense-partial</code>.</p>
-            </div>
+            <p class="partial-note text-center">Partial deepfake configs and <code>TemporalDetector</code> live on the <a href="https://github.com/Yaselley/deepfense-framework/tree/deepfense-partial" target="_blank" rel="noopener"><code>deepfense-partial</code> branch</a>. See the <a href="https://deepfense.readthedocs.io/en/deepfense-partial/" target="_blank" rel="noopener">partial docs</a> for parquet format and evaluation.</p>
         </div>
     </section>