INTERSPEECH

index.html

@@ -35,9 +35,11 @@ <h4 class="institution">
             <a style="color: #DDD; text-decoration: none" href="https://www.microsoft.com/applied-sciences" target=&blank;>
                 Microsoft Applied Science Group</a>, &nbsp;&nbsp;&nbsp;&nbsp;
             <a style="color: #DDD; text-decoration: none" href="https://me.berkeley.edu/" target=&blank;>
-                University of California, Berkeley</a>
+                University of California, Berkeley</a> 
+        </h4>
+        <h4 class="venue">
+            In <a class="venue_link" href="https://interspeech2024.org" target="_blank"><i>INTERSPEECH</i> 2024</a>
         </h4>
-        <div style="height: 13px;"></div>
 
         <!-- Buttons -->
         <a href="demo.html"><button class="demo-button">Generation Examples</button></a>
@@ -75,6 +77,9 @@ <h2>Description</h2>
             such as the CLAP score, further enhancing the generations.
             We use the CLAP loss as an example, confirming that end-to-end fine-tuning further boosts the generation quality.
         </p>
+        <p>
+            <b>Please join us at <a href="https://interspeech2024.org" target="_blank">INTERSPEECH 2024</a> at Kos Island, Greece!</b>
+        </p>
     </section>
 
     <section class="section">

styles.css

@@ -38,6 +38,12 @@ header h3 {
     margin-top: -.4em;
 }
 
+.venue {
+    font-weight: 400;
+    font-size: 1.1em;
+    margin-top: -.2em;
+}
+
 .section {
     font-weight: 400;
     max-width: 850px;
@@ -60,6 +66,16 @@ header h3 {
 	border-bottom: 3px #c0c0c0;
 }
 
+.venue_link {
+    text-decoration: none;
+    color: #ffffff;
+}
+
+.venue_link:hover {
+    color: #d0d0d0;
+	border-bottom: 3px #c0c0c0;
+}
+
 a:last-child {
     margin-right: 0;
 }