update code guidance page

Author: KatarinaYuan

README.md

@@ -10,10 +10,9 @@
 
 PyTorch implementation of [PerturbDiff], a functional diffusion-based framework for single-cell perturbation modeling. Code authored by [Xinyu Yuan], [Xixian Liu], and [Yashi Zhang]; Code released by [Xinyu Yuan] and [Codex]; project supervised by [Jian Tang].
 
-## Project Page
+See our official [project page](https://katarinayuan.github.io/PerturbDiff-ProjectPage/) and our [interactive code guidance page](https://deepgraphlearning.github.io/PerturbDiff/).
+
 
-For a concise visual introduction to the method, results, and resources, visit the official project page:
-[https://katarinayuan.github.io/PerturbDiff-ProjectPage/](https://katarinayuan.github.io/PerturbDiff-ProjectPage/)
 
 [Xinyu Yuan]: https://github.com/KatarinaYuan
 [Xixian Liu]: https://github.com/ZeroKnighting
@@ -76,46 +75,6 @@ This repository contains the refactored runtime used for large-scale pretraining
 
 ## File Structure
 
-```text
-PerturbDiff-Refactor/
-├── README.md
-├── src/
-│   ├── apps/
-│   │   ├── run/
-│   │   │   ├── rawdata_diffusion_training.py
-│   │   │   └── rawdata_diffusion_sampling.py
-│   │   ├── training/
-│   │   └── sampling/
-│   ├── models/
-│   │   ├── diffusion/
-│   │   ├── cross_dit/
-│   │   └── lightning/
-│   ├── data/
-│   │   ├── data_module/
-│   │   └── dataset/
-│   ├── common/
-│   └── tools/
-├── configs/
-│   ├── rawdata_diffusion_training.yaml
-│   ├── rawdata_diffusion_sampling.yaml
-│   ├── data/
-│   │   ├── pbmc_finetune.yaml
-│   │   ├── tahoe100m_finetune.yaml
-│   │   ├── replogle_finetune.yaml
-│   │   ├── tahoe100m_pbmc_replogle_pretrain_cellxgene.yaml
-│   │   ├── perturb_data/
-│   │   └── rna_data/
-│   ├── model/
-│   ├── trainer/
-│   ├── lightning/
-│   ├── optimization/
-│   ├── path/
-│   └── cov_encoding/
-└── src/
-```
-
-### Detailed `src/` Module Map
-
 ```text
 src/
 ├── apps/

index.html

@@ -8,7 +8,7 @@
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
   <link href="https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700;800&family=JetBrains+Mono:wght@400;600&display=swap" rel="stylesheet" />
   <style>
-    html, body { height: 100%; overflow: hidden; }
+    html, body { min-height: 100%; overflow: auto; }
     :root {
       --bg: #f3efe6;
       --bg2: #ece3cf;
@@ -42,7 +42,8 @@
         linear-gradient(145deg, var(--bg), var(--bg2));
     }
     .app {
-      height: 100dvh;
+      min-height: 100dvh;
+      height: auto;
       display: grid;
       grid-template-rows: auto auto 1fr;
       gap: var(--gap);
@@ -316,8 +317,7 @@
       .splitter { display: none; }
       .h-splitter { display: none; }
       .steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
-      html, body { overflow: auto; }
-      .app { height: auto; min-height: 100dvh; }
+      .app { min-height: 100dvh; }
       .panel { min-height: 280px; }
     }