Update app.py

app.py

@@ -112,12 +112,6 @@ article = """
     generation of artworks, audio, and use in creative processes, applications in educational or creative tools, research on generative models.
 
     </p>
-    <div class="footer">
-        <p>
-        <a href="https://huggingface.co/riffusion/riffusion-model-v1" target="_blank">Riffusion model</a> by Seth Forsgren and Hayk Martiros - 
-        Demo by 🤗 <a href="https://twitter.com/fffiloni" target="_blank">Sylvain Filoni</a>
-        </p>
-    </div>
 
     <p style="text-align: center;font-size: 94%">
         Do you need faster results ? You can skip the queue by duplicating this space: 
@@ -126,6 +120,25 @@ article = """
             <a href="https://colab.research.google.com/drive/1FhH3HlN8Ps_Pr9OR6Qcfbfz7utDvICl0?usp=sharing" target="_blank"><img src="https://colab.research.google.com/assets/colab-badge.svg" /></a>
         </span>
     </p>
+    
+    <div class="footer">
+        <p>
+        <a href="https://huggingface.co/riffusion/riffusion-model-v1" target="_blank">Riffusion model</a> by Seth Forsgren and Hayk Martiros - 
+        Demo by 🤗 <a href="https://twitter.com/fffiloni" target="_blank">Sylvain Filoni</a>
+        </p>
+    </div>
+
+    <div id="may-like-container" style="display: flex;justify-content: center;flex-direction: column;align-items: center;">
+        <p style="font-size: 0.8em;margin-bottom: 4px;">You may also like: </p>
+        <div id="may-like" style="display:flex; align-items:center; justify-content: center;height:20px;">
+            <svg height="20" width="158" style="margin-left:4px">       
+                <a href="https://huggingface.co/spaces/fffiloni/img-to-music" target="_blank">
+                    <image href="https://img.shields.io/badge/🤗 Spaces-Image to Music-blue" src="https://img.shields.io/badge/🤗 Spaces-Image to Music-blue.png" height="20"/>
+                </a>
+    </svg>
+        </div>
+    </div>
+
 """
 
 css = '''