Add github link in header

src/app.py

@@ -345,7 +345,18 @@ class App:
         """
         with gr.Row():
             with gr.Column(scale=5):
-                title = gr.HTML("<h1>Expressive TTS Arena</h1>")
+                title_with_github_link = gr.HTML(
+                    """
+                    <div class="title-container">
+                        <h1>Expressive TTS Arena</h1>
+                        <a
+                            href="https://github.com/HumeAI/expressive-tts-arena"
+                            target="_blank"
+                            id="github-link"
+                        ></a>
+                    </div>
+                    """
+                )
             randomize_all_button = gr.Button("🎲 Randomize All", variant="primary", scale=1)
         instructions = gr.HTML(
             """
@@ -371,7 +382,7 @@ class App:
             </ol>
             """
         )
-        return (title, randomize_all_button, instructions)
+        return (title_with_github_link, randomize_all_button, instructions)
 
     def _build_input_section(self) -> Tuple[gr.Dropdown, gr.Textbox, gr.Button, gr.Textbox, gr.Button]:
         """
@@ -474,7 +485,7 @@ class App:
             # --- UI components ---
 
             (
-                title,
+                title_with_github_link,
                 randomize_all_button,
                 instructions,
             ) = self._build_heading_section()

src/assets/styles.css

@@ -3,6 +3,35 @@ footer.svelte-1byz9vf {
   display: none !important;
 }
 
+.html-container.svelte-phx28p.padding {
+  padding: 0px !important;
+}
+
+.title-container {
+  display: flex;
+  align-items: center;
+  height: 40px !important;
+}
+
+.title-container h1 {
+  margin: 0;
+  margin-right: auto;
+}
+
+#github-link {
+  display: inline-block;
+  width: 32px;
+  height: 32px;
+  background-image: url('https://github.githubassets.com/images/modules/logos_page/GitHub-Mark.png');
+  background-size: contain;
+  background-repeat: no-repeat;
+  transition: transform 0.2s ease-in-out;
+}
+
+#github-link:hover {
+  transform: scale(1.1);
+}
+
 #vote-result-a textarea,
 #vote-result-b textarea {
   font-size: 16px !important;