burtenshaw commited on
Commit
360fc79
Β·
1 Parent(s): 49829f8

resolve logo styling

Browse files
Files changed (1) hide show
  1. app.py +4 -4
app.py CHANGED
@@ -61,7 +61,7 @@ def on_user_logged_in(token: gr.OAuthToken | None):
61
  <div style="text-align: center; padding: 20px; border: 2px dashed #ccc;">
62
  <h3>🎯 Complete the Quiz to Unlock</h3>
63
  <p>Pass the quiz to add your certificate to LinkedIn!</p>
64
- <img src="https://huggingface.co/spaces/mcp-course/unit_1_quiz/resolve/main/li_logo.webp" alt="LinkedIn Add to Profile" style="width: 200px; height: 53px; text-align: center;">
65
  </div>
66
  """,
67
  ), # linkedin_btn - now visible with explanatory text
@@ -84,7 +84,7 @@ def on_user_logged_in(token: gr.OAuthToken | None):
84
  value="""
85
  <div style="text-align: center; padding: 20px; border: 2px dashed #ccc; border-radius: 10px; margin-top: 20px;">
86
  <h3>πŸ”’ Login Required</h3>
87
- <img src="https://huggingface.co/spaces/mcp-course/unit_1_quiz/resolve/main/li_logo.webp" alt="LinkedIn Add to Profile" style="width: 200px; height: 53px; text-align: center;">
88
  </div>
89
  """,
90
  ), # linkedin_btn - visible with login prompt
@@ -317,7 +317,7 @@ def handle_quiz(
317
  <div style="text-align: center; padding: 20px; border: 2px dashed #4CAF50;">
318
  <h3>πŸŽ‰ Ready for LinkedIn!</h3>
319
  <p>Great! Click "Get your certificate" above to unlock the LinkedIn button.</p>
320
- <img src="https://huggingface.co/spaces/mcp-course/unit_1_quiz/resolve/main/li_logo.webp" alt="LinkedIn Add to Profile" style="width: 200px; height: 53px; text-align: center;">
321
  </div>
322
  """
323
  if has_passed
@@ -368,7 +368,7 @@ def handle_quiz(
368
  <div style="text-align: center; padding: 20px; border: 2px dashed #ccc;">
369
  <h3>🎯 Keep Going!</h3>
370
  <p>Complete the quiz and pass to unlock your LinkedIn certificate!</p>
371
- <img src="https://huggingface.co/spaces/mcp-course/unit_1_quiz/resolve/main/li_logo.webp" alt="LinkedIn Add to Profile" style="width: 200px; height: 53px; opacity: 0.5;">
372
  </div>
373
  """,
374
  ), # linkedin button with progress message
 
61
  <div style="text-align: center; padding: 20px; border: 2px dashed #ccc;">
62
  <h3>🎯 Complete the Quiz to Unlock</h3>
63
  <p>Pass the quiz to add your certificate to LinkedIn!</p>
64
+ <img src="https://huggingface.co/spaces/mcp-course/unit_1_quiz/resolve/main/li_logo.webp" alt="LinkedIn Add to Profile" style="width: 80px; height: 80px; text-align: center;">
65
  </div>
66
  """,
67
  ), # linkedin_btn - now visible with explanatory text
 
84
  value="""
85
  <div style="text-align: center; padding: 20px; border: 2px dashed #ccc; border-radius: 10px; margin-top: 20px;">
86
  <h3>πŸ”’ Login Required</h3>
87
+ <img src="https://huggingface.co/spaces/mcp-course/unit_1_quiz/resolve/main/li_logo.webp" alt="LinkedIn Add to Profile" style="width: 80px; height: 80px; text-align: center;">
88
  </div>
89
  """,
90
  ), # linkedin_btn - visible with login prompt
 
317
  <div style="text-align: center; padding: 20px; border: 2px dashed #4CAF50;">
318
  <h3>πŸŽ‰ Ready for LinkedIn!</h3>
319
  <p>Great! Click "Get your certificate" above to unlock the LinkedIn button.</p>
320
+ <img src="https://huggingface.co/spaces/mcp-course/unit_1_quiz/resolve/main/li_logo.webp" alt="LinkedIn Add to Profile" style="width: 80px; height: 80px; text-align: center;">
321
  </div>
322
  """
323
  if has_passed
 
368
  <div style="text-align: center; padding: 20px; border: 2px dashed #ccc;">
369
  <h3>🎯 Keep Going!</h3>
370
  <p>Complete the quiz and pass to unlock your LinkedIn certificate!</p>
371
+ <img src="https://huggingface.co/spaces/mcp-course/unit_1_quiz/resolve/main/li_logo.webp" alt="LinkedIn Add to Profile" style="width: 80px; height: 80px; text-align: center;">
372
  </div>
373
  """,
374
  ), # linkedin button with progress message