feat: add twitter button

app.py

@@ -315,7 +315,7 @@ def leaderboard():
             commits = api.list_repo_commits(repo.id, repo_type=repo_type)
             for author in set(author for commit in commits if START_DATE < commit.created_at < END_DATE for author in commit.authors):
                 contributions[author].append((repo_type, repo.id, repo.likes))
-    
+
     leaderboard = []
     for user, repo_likes in contributions.items():
         repos = []
@@ -381,6 +381,13 @@ with gr.Blocks() as demo:
                 
                 For more information about the offline event [check our event-us page](https://event-us.kr/huggingfacekrew/event/72612).
                 Don't hesitate to share your contributions on Twitter (tag me [@wonhseo](https://twitter.com/wonhseo) and [@huggingface](https://twitter.com/huggingface)) and on LinkedIn.
+
+                <a class="twitter-share-button" data-size="large"
+                   data-text="I'm participating in the Hugging Face KREW Hackathon 2023: Everyday AI! @wonhseo @huggingface"
+                   data-url="https://huggingface.co/spaces/pseudolab/2023-Hackathon-Certification"
+                   data-hashtags="huggingface,krewhackathon2023"
+                   href="https://twitter.com/intent/tweet">
+                Tweet</a>
                 """
             )
             with gr.Row():
@@ -392,7 +399,15 @@ with gr.Blocks() as demo:
                 data_run.click(
                     leaderboard, outputs=repos_data
                 )
+
+    scripts = """
+    async () => {
+        const twitter = await import("https://platform.twitter.com/widgets.js");
+        globalThis.twitter = twitter;
+    }
+    """
     
     demo.load(leaderboard, outputs=repos_data)
+    demo.load(None, None, None, _js=scripts)
 
 demo.launch(debug=True)