add caption

README.md

@@ -20,13 +20,15 @@
 
 
 
-<div style="display: flex; justify-content: center; margin-bottom: 20px;">
+<div style="display: flex; flex-direction: column; align-items: center; ">
 <img src="static/overview_sdt.jpg" style="width: 100%;">
 </div>
+<figcaption style="text-align: center;margin-bottom: 10px;">Overview of our SDT</figcaption>
 
 <div style="display: flex; justify-content: center;">
-<img src="static/duo_loop.gif" style="flex: 1; width: 33.33%;"><img src="static/mo_loop.gif" style="flex: 1; width: 33.33%;"><img src="static/tai_loop.gif" style="flex: 1; width: 33.33%;">
+<img src="static/duo_loop.gif" style="width: 33.33%;"><img src="static/mo_loop.gif" style="width: 33.33%;"><img src="static/tai_loop.gif" style="width: 33.33%;">
 </div>
+<figcaption style="text-align: center;">Three samples of online characters with writing orders</figcaption>
 
 
 ## 📺 Handwriting generation results
@@ -38,16 +40,6 @@
 - **Extension on offline Chinese handwriting generation**
 ![offline Chinese](static/offline_Chinese.jpg)
 
-## 🏰 Practical Application
-We are delighted to discover that **[P0etry-rain](https://github.com/P0etry-rain)** has proposed a pipeline that involves initially converting the generated results by our SDT to TTF format, followed by the development of software to enable flexible adjustments in spacing between paragraphs, lines, and characters. Below, we present TTF files, software interface and the printed results. More details can be seen in [#78](https://github.com/dailenson/SDT/issues/78#issue-2247810028).
-- **TTF File**
-![SVG](static/svg.png)
-
-- **Software Interface**
-![Interface](static/software.png)
-
-- **Printed Results**
-![Result](static/print.png)
 
 ## 🔨 Requirements
 ```
@@ -141,6 +133,19 @@ python test.py --pretrained_model checkpoint_path --store_type online --sample_s
 python evaluate.py --data_path Generated/Chinese
 ```
 
+## 🏰 Practical Application
+We are delighted to discover that **[P0etry-rain](https://github.com/P0etry-rain)** has proposed a pipeline that involves initially converting the generated results by our SDT to TTF format, followed by the development of software to enable flexible adjustments in spacing between paragraphs, lines, and characters. Below, we present TTF files, software interface and the printed results. More details can be seen in [#78](https://github.com/dailenson/SDT/issues/78#issue-2247810028).
+- **TTF File**
+![SVG](static/svg.png)
+
+- **Software Interface**
+![Interface](static/software.png)
+
+- **Printed Results**
+![Result](static/print.png)
+
+
+
 ## ❤️ Citation
 If you find our work inspiring or use our codebase in your research, please cite our work:
 ```