2 docs

Author: Yaselley

assets/css/style.css

@@ -239,6 +239,38 @@ h3 {
     height: 28px;
 }
 
+.mode-doc-link {
+    display: inline-flex;
+    align-items: center;
+    gap: 0.4rem;
+    margin-top: 1rem;
+    padding: 0.45rem 0.85rem;
+    border-radius: 0.5rem;
+    font-size: 0.85rem;
+    font-weight: 600;
+    text-decoration: none;
+    color: var(--primary);
+    background: white;
+    border: 1px solid var(--border);
+    transition: border-color 0.2s, color 0.2s;
+}
+
+.mode-doc-link:hover {
+    border-color: var(--primary);
+    color: var(--primary-dark, #1d4ed8);
+}
+
+.mode-doc-link-partial {
+    color: #059669;
+    border-color: #a7f3d0;
+    background: #ecfdf5;
+}
+
+.mode-doc-link-partial:hover {
+    border-color: #059669;
+    color: #047857;
+}
+
 .partial-note {
     font-size: 0.9rem;
     color: var(--text-light);

index.html

@@ -43,7 +43,13 @@
                 </div>
                 <a href="#huggingface">Hub</a>
                 <a href="#quickstart">Install</a>
-                <a href="https://github.com/Yaselley/deepfense-framework" target="_blank">Docs</a>
+                <div class="dropdown">
+                    <a href="https://deepfense.readthedocs.io/en/latest/" target="_blank" rel="noopener" class="dropdown-trigger">Docs <i class="fas fa-chevron-down"></i></a>
+                    <div class="dropdown-content">
+                        <a href="https://deepfense.readthedocs.io/en/latest/" target="_blank" rel="noopener">Clip-level docs</a>
+                        <a href="https://deepfense.readthedocs.io/en/deepfense-partial/" target="_blank" rel="noopener">Partial deepfake docs</a>
+                    </div>
+                </div>
             </div>
 
             <div class="nav-actions">
@@ -119,17 +125,27 @@ <h2>Two detection modes</h2>
 
             <div class="modes-grid">
                 <div class="mode-card">
-                    <span class="mode-tag">Default branch: <code>master</code></span>
+                    <span class="mode-tag">Branch: <code>master</code> &middot; PyPI</span>
                     <h3>Clip-level</h3>
                     <p>One label per utterance. Is the whole clip real or fake?</p>
                     <ul class="mode-flow">
                         <li>Raw audio → Frontend → Backend <strong>pools time</strong></li>
                         <li>CrossEntropy / OC-Softmax → one score</li>
                         <li>Metrics: EER, minDCF, ACC</li>
                     </ul>
+                    <a href="https://deepfense.readthedocs.io/en/latest/" target="_blank" rel="noopener" class="mode-doc-link">
+                        <i class="fas fa-book"></i> Clip-level documentation
+                    </a>
                     <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>
+                        <div class="mode-code-header">Install &amp; train</div>
+                        <pre><code class="bash">pip install deepfense
+
+# Or from source (master)
+git clone https://github.com/Yaselley/deepfense-framework
+cd deepfense-framework
+pip install -e .
+
+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>
@@ -143,15 +159,22 @@ <h3>Partial deepfake</h3>
                         <li>FramewiseCrossEntropy → score per frame</li>
                         <li>Metrics: FRAME_F1, <strong>Range EER</strong>, Segment EER, MULTIRES_EER</li>
                     </ul>
+                    <a href="https://deepfense.readthedocs.io/en/deepfense-partial/" target="_blank" rel="noopener" class="mode-doc-link mode-doc-link-partial">
+                        <i class="fas fa-book"></i> Partial deepfake documentation
+                    </a>
                     <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>
+                        <div class="mode-code-header">Install &amp; train</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 copy-btn-sm" aria-label="Copy"><i class="far fa-copy"></i></button>
                     </div>
                 </div>
             </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>
 
@@ -416,10 +439,13 @@ <h2>Get Started</h2>
             <div class="text-center mt-4">
                 <p style="margin-bottom: 1rem; color: var(--text-light);">Full documentation with tutorials, config reference, and extension guides.</p>
                 <div style="display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap;">
-                    <a href="https://github.com/Yaselley/deepfense-framework" target="_blank" class="btn btn-outline">
-                        <i class="fab fa-github"></i> Documentation
+                    <a href="https://deepfense.readthedocs.io/en/latest/" target="_blank" rel="noopener" class="btn btn-outline">
+                        <i class="fas fa-book"></i> Clip-level docs
+                    </a>
+                    <a href="https://deepfense.readthedocs.io/en/deepfense-partial/" target="_blank" rel="noopener" class="btn btn-outline">
+                        <i class="fas fa-book"></i> Partial deepfake docs
                     </a>
-                    <a href="https://pypi.org/project/deepfense/" target="_blank" class="btn btn-outline">
+                    <a href="https://pypi.org/project/deepfense/" target="_blank" rel="noopener" class="btn btn-outline">
                         <i class="fas fa-box"></i> PyPI
                     </a>
                 </div>
@@ -447,7 +473,8 @@ <h2>Open Source</h2>
             </div>
             <div class="footer-links">
                 <a href="https://github.com/Yaselley/deepfense-framework">GitHub</a>
-                <a href="https://github.com/Yaselley/deepfense-framework/tree/master/docs">Documentation</a>
+                <a href="https://deepfense.readthedocs.io/en/latest/" target="_blank" rel="noopener">Docs (clip-level)</a>
+                <a href="https://deepfense.readthedocs.io/en/deepfense-partial/" target="_blank" rel="noopener">Docs (partial)</a>
                 <a href="https://pypi.org/project/deepfense/">PyPI</a>
                 <a href="https://huggingface.co/DeepFense">HuggingFace</a>
             </div>