finish

Author: ShuchengKang

index.html

@@ -90,12 +90,23 @@
       <div class="columns is-centered">
         <div class="column has-text-centered">
           <h1 class="title is-1 publication-title">Global Contact-Rich Planning with Sparsity-Rich Semidefinite Relaxations</h1>
-          <h1 class="title is-1 publication-title">
-            <img src="static/images/rss-logo.png" alt="conference_logo" width="30" style="vertical-align: middle;">
+
+          <!-- <h2 class="title is-2 publication-title">
+            <img src="static/images/rss-logo.png" width="3">
             <span style="font-size: 30px; color: rgb(115, 24, 24); font-weight: bold;">
               Robotics: Science and Systems (RSS) 2025
             </span>
-          </h1>
+          </h2> -->
+
+          <!-- announcement block -->
+          <h2 class="title is-3 has-text-weight-bold rss-banner is-justify-content-center is-align-items-center">
+            <img src="static/images/rss-logo.png"
+                alt="RSS logo"
+                class="rss-logo">
+            <span class="rss-text">
+              Robotics: Science and Systems (RSS) 2025
+            </span>
+          </h2>
 
           <div class="is-size-5 publication-authors">
             <span class="author-block"></span>

static/css/index.css

@@ -190,4 +190,31 @@ picture img {
   height: auto;
 }
 
+/* maroon that matches the screenshot */
+:root {
+  --rss-maroon: #731818;   /* tweak if you need it darker/lighter */
+}
+
+/* whole banner */
+.rss-banner {
+  display: flex;              /* put logo and text on one line  */
+  align-items: center;        /* vertical centering             */
+  justify-content: center;   /*  ⬅ NEW: centers logo + text as a unit  */
+  gap: 0.75rem;               /* space between logo & text      */
+  color: var(--rss-maroon);   /* maroon text                    */
+  margin: 1rem 0;             /* a bit of vertical breathing-room*/
+}
+
+/* logo sizing */
+.rss-logo {
+  width: 40px;    /* looks about right; change if you need */
+  height: auto;   /* keep aspect ratio */
+}
+
+/* make sure long titles wrap nicely without breaking flex */
+.rss-text {
+  line-height: 1.25;
+}
+
+