Update index.html

index.html

@@ -85,9 +85,36 @@
       width: 100%;
     }
     
-    html {
-      scroll-behavior: smooth;
-    }
+  }
+  pre {
+    background: #f4f4f4;
+    padding: 10px;
+    overflow-x: auto;
+    border-radius: 5px;
+    position: relative;
+  }
+  button.copy-btn {
+    position: absolute;
+    right: 10px;
+    top: 10px;
+    background: none;
+    border: none;
+    font-size: 1.2em;
+    cursor: pointer;
+    color: #333;
+  }
+  button.copy-btn:hover {
+    color: #000;
+  }
+  a {
+    color: #0066cc;
+    text-decoration: none;
+  }
+  a:hover {
+    text-decoration: underline;
+  }
+  html {
+    scroll-behavior: smooth;
   }
 </style>
 </head>
@@ -185,7 +212,7 @@
 
 <div class="container">
   <h1 id="bibtex">Bibtex</h1>
-  <pre><code>
+  <pre id="bibtex-block"><code>
   @article{tal2025autoregressivevsflowmatchingcomparative,
       title={Auto-Regressive vs Flow-Matching: a Comparative Study of Modeling Paradigms for Text-to-Music Generation}, 
       author={Or Tal and Felix Kreuk and Yossi Adi},
@@ -198,6 +225,16 @@
   </code>
   <button class="copy-btn" onclick="copyBibtex()">⧉</button>
   </pre>
+  <script>
+    function copyBibtex() {
+      const text = document.getElementById('bibtex-block').innerText;
+      navigator.clipboard.writeText(text).then(() => {
+        alert("BibTeX copied to clipboard!");
+      }).catch(err => {
+        alert("Failed to copy: " + err);
+      });
+    }
+  </script>
 </div>
   
 <!-- Section 1 -->