try with html to fix links

app.py

@@ -9,7 +9,7 @@ from yarg import get
 from models.stylegan_generator import StyleGANGenerator
 from models.stylegan2_generator import StyleGAN2Generator
 
-from utils.constants import VALID_CHOICES, ENABLE_GPU, MODEL_NAME, OUTPUT_LIST, description, title
+from utils.constants import VALID_CHOICES, ENABLE_GPU, MODEL_NAME, OUTPUT_LIST, description, title, css, article
 from utils.image_manip import tensor_to_pil, concat_images
 
 def get_generator(model_name):
@@ -52,6 +52,8 @@ def inference(seed, coef, nb_images, list_choices):
 
     return concatenated_output
 
+# https://huggingface.co/spaces/osanseviero/6DRepNet/blob/main/app.py
+
 iface = gr.Interface(
     fn=inference, 
     inputs=[
@@ -89,5 +91,7 @@ iface = gr.Interface(
     theme="peach",
     description=description,
     title=title,
+    css=css,
+    article=article
 )
 iface.launch()

utils/constants.py

@@ -15,39 +15,45 @@ OUTPUT_LIST = [
     gr.outputs.Image(type="pil", label="Generated Images"),
     gr.outputs.Image(type="pil", label="Modified Images"),
 ]
-description = """
-This is an interactive demo of an extension of the <a href="https://genforce.github.io/interfacegan/">CVPR2020 InterfaceGAN paper</a>, by adding other attributes such as Hat, Bald, etc. to the generated images. Here is a step-by-step guide to use this interface: 
-  + 🌾 Select the Random seed you want to use to generate the images  
-  + &#128450; Select the list of attributes you want to modify (of course, you can mix several attributes)  
-  + 🛠 Select the coefficient of modification (higher value means stronger modification)  
-  + 🔥 Submit!  
+# description = """
+# This is an interactive demo of an extension of the <a href="https://genforce.github.io/interfacegan/">CVPR2020 InterfaceGAN paper</a>, by adding other attributes such as Hat, Bald, etc. to the generated images. Here is a step-by-step guide to use this interface: 
+#   + 🌾 Select the Random seed you want to use to generate the images  
+#   + &#128450; Select the list of attributes you want to modify (of course, you can mix several attributes)  
+#   + 🛠 Select the coefficient of modification (higher value means stronger modification)  
+#   + 🔥 Submit!  
+
+# Check the <a href="https://github.com/genforce/interfacegan">original repo</a> as well as the <a href="https://github.com/younesbelkada/interfacegan">extended version of the work</a>.
 
-Check the <a href="https://github.com/genforce/interfacegan">original repo</a> as well as the <a href="https://github.com/younesbelkada/interfacegan">extended version of the work</a>.
 
+# &#x2B55; This method is biased on the data it has been trained for attribute recognition. E.g. if you decide to modify the "Bald" attribute on Female faces, the method will turn it into Male faces. Future work may focus more on this direction to try to have unbiased results of the modifications.
 
-&#x2B55; This method is biased on the data it has been trained for attribute recognition. E.g. if you decide to modify the "Bald" attribute on Female faces, the method will turn it into Male faces. Future work may focus more on this direction to try to have unbiased results of the modifications.
+# </center>
+# </p>
+# """
+description = """
+<p>
+<center>
+This is an interactive demo of an extension of the <a href="https://genforce.github.io/interfacegan/">CVPR2020 InterfaceGAN paper</a>, by adding other attributes such as Hat, Bald, etc. to the generated images. Here is a step-by-step guide to use this interface: 
+<ul>
+  <li>🌾 Select the Random seed you want to use to generate the images</li>
+  <li>&#128450; Select the list of attributes you want to modify (of course, you can mix several attributes)</li>
+  <li>🛠 Select the coefficient of modification (higher value means stronger modification)</li>
+  <li>🔥 Submit!</li>
+</ul>
+Check the <a href="https://github.com/genforce/interfacegan">original repo</a> as well as the <a href="https://github.com/younesbelkada/interfacegan">extended version of the work</a>.
 
 </center>
 </p>
 """
-# description = """
-# <p>
-# <center>
-# <style type="text/css">
-#  .nobull {
-#   list-style-type: none;
-#  }
-# </style>
-# This is an interactive demo of an extension of the <a href="https://genforce.github.io/interfacegan/">CVPR2020 InterfaceGAN paper</a>, by adding other attributes such as Hat, Bald, etc. to the generated images. Here is a step-by-step guide to use this interface: 
-# <ul style="nobull">
-#   <li>🌾 Select the Random seed you want to use to generate the images</li>
-#   <li>&#128450; Select the list of attributes you want to modify (of course, you can mix several attributes)</li>
-#   <li>🛠 Select the coefficient of modification (higher value means stronger modification)</li>
-#   <li>🔥 Submit!</li>
-# </ul>
-# Check the <a href="https://github.com/genforce/interfacegan">original repo</a> as well as the <a href="https://github.com/younesbelkada/interfacegan">extended version of the work</a>.
+css = """
+ul {
+  list-style-type: none;
+}
 
-# </center>
-# </p>
-# """
-title = "InterfaceGAN++ Demo"
+ul.no-bullets li
+{
+    list-style-type: none;
+}
+"""
+title = "InterfaceGAN++ Demo"
+article = "<div style='text-align: center;'><a href='https://github.com/genforce/interfacegan' target='_blank'>Original Paper</a> | <a href='https://github.com/younesbelkada/interfacegan' target='_blank'>Extended Version</a></div>"