Update app.py

app.py

@@ -25,12 +25,24 @@ with gr.Blocks(theme=theme, css=css) as demo:
     <center> by <a href="https://www.tonyassi.com/" target="_blank">Tony Assi</a>  </center> 
     <br>
     <center><i> A collection of projects I've done at the intersection of AI and fashion e-commerce, with an emphasis on computer vision and stable diffusion. </i></center> 
+    
+    ---
+    Table of Contents
+
+    1. [Virtual Try-On](#1)
+    2. [Sales Forecasting with Image Regressionn](#2)
+    3. [Text-to-Image Clothing Designer](#3)
+    4. [Sketch to Fashion Design](#4)
+    5. [Segment Clothing](#5)
+    6. [Clothing Search by Sketch](#6)
+    7. [Image to Fashion Article](#7)
+
     """)
 
     # Virtual Try-On
     gr.Markdown("""
     ---
-    ## Virtual Try-On
+    ## Virtual Try-On <a name="1"></a>
     ![image/jpeg](https://cdn-uploads.huggingface.co/production/uploads/648a824a8ca6cf9857d1349c/mARmPyep7W3MwGmvR_zWN.jpeg)
 
     Virtually try-on clothing by submitting your image and a clothing image. A novel approach to VTO using IP-Adapter inpainting and body segmentation. [Read more](https://huggingface.co/blog/tonyassi/virtual-try-on-ip-adapter)
@@ -44,7 +56,7 @@ with gr.Blocks(theme=theme, css=css) as demo:
     gr.Markdown("""
 
     ---
-    ## Sales Forecasting with Image Regression
+    ## Sales Forecasting with Image Regression <a name="2"></a>
     ![image/png](https://cdn-uploads.huggingface.co/production/uploads/648a824a8ca6cf9857d1349c/mrtzCY91RnLtnbx4LIj4x.png)
     Predict sales from a product image. Image regression training, hosting, and inference. [Read more](https://huggingface.co/blog/tonyassi/image-regression)
 
@@ -58,7 +70,7 @@ with gr.Blocks(theme=theme, css=css) as demo:
     gr.Markdown("""
 
     ---
-    ## Text-to-Image Clothing Designer
+    ## Text-to-Image Clothing Designer <a name="3"></a>
     ![image/png](https://cdn-uploads.huggingface.co/production/uploads/648a824a8ca6cf9857d1349c/Y-EuOGASjO-GMUzjlBCIh.png)
 
     This text-to-image model was fine-tuned on [Lucy in the Sky](https://www.lucyinthesky.com/) product image - product text pairs. Text input is limited to the language of the product catalog it was trained on which forces the model to generate images in a simialr style to the product images.
@@ -70,7 +82,7 @@ with gr.Blocks(theme=theme, css=css) as demo:
     gr.Markdown("""
 
     ---
-    ## Sketch to Fashion Design
+    ## Sketch to Fashion Design <a name="4"></a>
     ![image/png](https://cdn-uploads.huggingface.co/production/uploads/648a824a8ca6cf9857d1349c/tnLduEwy4JfiDdoI2D6Bc.png)
 
     Convert a sketch into a photorealistic garment on a model.
@@ -82,7 +94,7 @@ with gr.Blocks(theme=theme, css=css) as demo:
     gr.Markdown("""
 
     ---
-    ## Segment Clothing
+    ## Segment Clothing <a name="5"></a>
 
     ![image/png](https://cdn-uploads.huggingface.co/production/uploads/648a824a8ca6cf9857d1349c/PWrFOLtggkm3NroFMEjfI.png)
 
@@ -97,7 +109,7 @@ with gr.Blocks(theme=theme, css=css) as demo:
     gr.Markdown("""
 
     ---
-    ## Clothing Search by Sketch
+    ## Clothing Search by Sketch <a name="6"></a>
     ![image/png](https://cdn-uploads.huggingface.co/production/uploads/648a824a8ca6cf9857d1349c/YMxC5GrzSHXmzcl9iqLmQ.png)
 
     Search for a clothing by sketching it.
@@ -110,7 +122,7 @@ with gr.Blocks(theme=theme, css=css) as demo:
     gr.Markdown("""
 
     ---
-    ## Image to Fashion Article
+    ## Image to Fashion Article <a name="7"></a>
 
     ![image/png](https://cdn-uploads.huggingface.co/production/uploads/648a824a8ca6cf9857d1349c/E7vtF_rHntAt47ExuO_5_.png)