use url for linkedin logo

app.py

@@ -61,7 +61,7 @@ def on_user_logged_in(token: gr.OAuthToken | None):
                 <div style="text-align: center; padding: 20px; border: 2px dashed #ccc;">
                     <h3>🎯 Complete the Quiz to Unlock</h3>
                     <p>Pass the quiz to add your certificate to LinkedIn!</p>
-                    <img src="linkedin_logo.png" alt="LinkedIn Add to Profile" style="width: 200px; height: 53px; opacity: 0.5;">
+                    <img src="https://huggingface.co/spaces/mcp-course/unit_1_quiz/resolve/main/linkedin_logo.png" alt="LinkedIn Add to Profile" style="width: 200px; height: 53px; opacity: 0.5;">
                 </div>
             """,
             ),  # linkedin_btn - now visible with explanatory text
@@ -142,7 +142,7 @@ def create_linkedin_button(username: str, cert_url: str | None) -> str:
 
     message = f"""
         <a href="{button_url}" target="_blank" style="display: block; margin-top: 20px; text-align: center;">
-            <img src="linkedin_logo.png" 
+            <img src="https://huggingface.co/spaces/mcp-course/unit_1_quiz/resolve/main/linkedin_logo.png" 
                  alt="LinkedIn Add to Profile button" style="width: 300px; height: 80px;">
         </a>
     """
@@ -317,7 +317,7 @@ def handle_quiz(
             <div style="text-align: center; padding: 20px; border: 2px dashed #4CAF50;">
                 <h3>🎉 Ready for LinkedIn!</h3>
                 <p>Great! Click "Get your certificate" above to unlock the LinkedIn button.</p>
-                <img src="linkedin_logo.png" alt="LinkedIn Add to Profile" style="width: 200px; height: 53px; opacity: 0.7;">
+                <img src="https://huggingface.co/spaces/mcp-course/unit_1_quiz/resolve/main/linkedin_logo.png" alt="LinkedIn Add to Profile" style="width: 200px; height: 53px; opacity: 0.7;">
             </div>
         """
             if has_passed
@@ -368,7 +368,7 @@ def handle_quiz(
             <div style="text-align: center; padding: 20px; border: 2px dashed #ccc;">
                 <h3>🎯 Keep Going!</h3>
                 <p>Complete the quiz and pass to unlock your LinkedIn certificate!</p>
-                <img src="linkedin_logo.png" alt="LinkedIn Add to Profile" style="width: 200px; height: 53px; opacity: 0.5;">
+                <img src="https://huggingface.co/spaces/mcp-course/unit_1_quiz/resolve/main/linkedin_logo.png" alt="LinkedIn Add to Profile" style="width: 200px; height: 53px; opacity: 0.5;">
             </div>
         """,
         ),  # linkedin button with progress message