From 9ccd30e20a7b22212d493af24c822e101c5963fd Mon Sep 17 00:00:00 2001
From: Ximing Xing <ximingxing@gmail.com>
Date: Sun, 15 Dec 2024 22:56:38 +0800
Subject: [PATCH] fix(index): update style

---
 index.html | 82 ++++++++++++++++++++++++++----------------------------
 1 file changed, 39 insertions(+), 43 deletions(-)

diff --git a/index.html b/index.html
index 1ae747f..6fc0953 100644
--- a/index.html
+++ b/index.html
@@ -42,7 +42,6 @@
     <meta name="description"
           content="SVGFusion, svgfusion, SVG generation, text-to-svg, text2svg, latent svg generation">
     <!-- favicon -->
-    <!--    <link rel="icon" href="assets/favicon.png" type="image/x-icon">-->
     <link rel="icon" href="assets/crown.svg" type="image/x-icon">
 </head>
 
@@ -52,10 +51,6 @@
     <!-- Paper Title -->
     <div class="container text-center">
         <span class="title-font x-gradient-font">SVGFusion: Scalable Text-to-SVG Generation via Vector Space Diffusion</span>
-        <!--        <a class="title-font text-body-emphasis"-->
-        <!--           href="#">-->
-        <!--            Paper Title-->
-        <!--        </a>-->
     </div>
     <hr>
     <!-- author list -->
@@ -68,22 +63,19 @@
             </div>
             <div class="col-12 col-md-2">Juncheng Hu<sup>1</sup></div>
             <div class="col-12 col-md-2">
-                <a class="link" href="https://hellojing89.github.io">Jing Zhang</a><sup>1</sup>
+                <a class="link" href="https://scholar.google.ch/citations?user=XtwOoQgAAAAJ&hl=en">Jing
+                    Zhang</a><sup>1</sup>
             </div>
             <div class="col-12 col-md-2">
-                <a class="link" href="https://www.cs.hku.hk/people/academic-staff/dongxu">Dong Xu</a><sup>2</sup>
+                <a class="link" href="https://scholar.google.com.sg/citations?user=7Hdu5k4AAAAJ&hl=en">Dong
+                    Xu</a><sup>2</sup>
             </div>
             <div class="col-12 col-md-2">
-                <a class="link" href="https://yuqian1023.github.io">Qian Yu</a><sup>1</sup>
+                <a class="link" href="https://scholar.google.com/citations?user=mmm90qgAAAAJ&hl=zh-CN">Qian
+                    Yu</a><sup>1</sup>
             </div>
             <div class="col-12 col-md-1"></div>
         </div>
-        <!--        <div class="row" style="margin-top: -0.5rem;">-->
-        <!--            <div class="col-12 col-md">-->
-        <!--                <a class="link" href="#">Dong Xu</a><sup>2</sup>-->
-        <!--            </div>-->
-        <!--            <div class="col-12 col-md">Qian Yu<sup>2</sup></div>-->
-        <!--        </div>-->
         <!-- author organization -->
         <div class="row mt-3">
             <div class="col-12">
@@ -91,35 +83,39 @@
             </div>
         </div>
     </div>
+
     <!-- paper status -->
     <!--    <div class="text-center" style="margin-top: 20px">-->
     <!--        <h3>Paper status - Under Review</h3>-->
     <!--    </div>-->
+
     <!-- links -->
     <div class="text-center">
-        <div class="row justify-content-md-center">
-            <div id="links">
-                <div class="col col-lg-2">
-                    <a id="paper" href="">Paper</a>
-                </div>
-                <div class="col col-lg-2">
-                    <a id="arxiv" href="">Arxiv</a>
-                </div>
-                <div class="col col-lg-2">
-                    <a id="code" href="https://github.com/ximinng/SVGFusion">Code</a>
-                </div>
-                <div class="col col-lg-2">
-                    <a id="demo" href="https://huggingface.co/datasets/xingxm/SVG-Color-Emoji-Dataset">Dataset</a>
-                </div>
+        <div class="row justify-content-md-center" id="links">
+            <!--                <div class="col col-lg-2">-->
+            <!--                    <a id="paper" href="#">Paper</a>-->
+            <!--                </div>-->
+
+            <!-- Arxiv Link -->
+            <div class="col col-lg-2">
+                <a id="arxiv" href="#">Arxiv</a>
+            </div>
+            <!-- Code Link -->
+            <div class="col col-lg-2">
+                <a id="code" href="https://github.com/ximinng/SVGFusion">Code</a>
+                <div style="margin-top: -0.5rem;">(coming soon)</div>
             </div>
+            <!--                <div class="col col-lg-2">-->
+            <!--                    <a id="demo" href="https://huggingface.co/datasets/xingxm/SVG-Color-Emoji-Dataset">Dataset</a>-->
+            <!--                </div>-->
         </div>
     </div>
-    <br>
+
     <!-- teaser -->
     <div class="text-center">
         <figure class="figure">
             <img src="assets/teaser.png" class="img-thumbnail figure-img img-fluid rounded"
-                 style="width: 72%"
+                 style="width: 90%"
                  alt="svgfusion teaser">
             <figcaption class="figure-caption">
                 Noteworthy characteristics of the SVGs generated by our new method include:
@@ -147,11 +143,11 @@ <h2 class="card-title text-center card-title-margin">Abstract</h2>
                 The generation of Scalable Vector Graphics (SVG) assets from textual data remains a significant
                 challenge, largely due to the scarcity of high-quality vector datasets and the limitations in scalable
                 vector representations required for modeling intricate graphic distributions. This work introduces
-                SVGFusion, a Text-to-SVG model capable of scaling to real-world SVG data without reliance on a
+                <b style="color: #7e57c2">SVGFusion</b>, a Text-to-SVG model capable of scaling to real-world SVG data without reliance on a
                 text-based discrete language model or prolonged SDS optimization. The essence of SVGFusion is to learn a
                 continuous latent space for vector graphics with a popular Text-to-Image framework. Specifically,
-                SVGFusion consists of two modules: a <b>Vector-Pixel Fusion Variational Autoencoder
-                (VP-VAE)</b> and a <b>Vector
+                SVGFusion consists of two modules: a <b style="color: #7e57c2">Vector-Pixel Fusion Variational Autoencoder
+                (VP-VAE)</b> and a <b style="color: #7e57c2">Vector
                 Space Diffusion Transformer (VS-DiT)</b>. VP-VAE takes both the SVGs and corresponding
                 rasterizations as
                 inputs and learns a continuous latent space, whereas VS-DiT learns to generate a latent code within this
@@ -336,7 +332,7 @@ <h2 class="card-title card-title-margin">Experiments</h2>
 
             <div class="text-center">
                 <figure class="figure">
-                    <img src="./assets/compare_t2svg.png" class="img-thumbnail figure-img img-fluid rounded"
+                    <img src="./assets/compare_t2svg.png" class="figure-img img-fluid rounded"
                          alt="experiments">
                     <figcaption class="figure-caption">
                         <strong>Qualitative Comparison of SVGFusion and Existing Text-to-SVG Methods.</strong> The
@@ -408,15 +404,15 @@ <h1 class="modal-title fs-5" id="exampleModalLabel">Bibtex</h1>
     <br>
 
     <!-- Acknowledgements -->
-    <div class="card" style="border: none">
-        <div class="card-body">
-            <h4 class="card-title card-title-margin">Acknowledgements</h4>
-            <p class="card-text">We thank <a href="https://ximinng.github.io/">Ximing Xing</a> for providing us with the
-                source code of the web page to help us
-                build the project home page.</p>
-        </div>
-    </div>
-    <br>
+    <!--    <div class="card" style="border: none">-->
+    <!--        <div class="card-body">-->
+    <!--            <h4 class="card-title card-title-margin">Acknowledgements</h4>-->
+    <!--            <p class="card-text">We thank <a href="https://ximinng.github.io/">Ximing Xing</a> for providing us with the-->
+    <!--                source code of the web page to help us-->
+    <!--                build the project home page.</p>-->
+    <!--        </div>-->
+    <!--    </div>-->
+    <!--    <br>-->
 
 </main>