Update workshop application modules and colour accents

index.html

@@ -117,7 +117,7 @@
         display: inline-flex;
         align-items: center;
         min-height: 32px;
-        border-left: 4px solid #fbbf24;
+        border-left: 4px solid var(--blue);
         padding: 4px 10px;
         background: rgba(255, 255, 255, 0.14);
         font-weight: 800;
@@ -224,39 +224,45 @@
       }
 
       .panel.participation {
-        border-top: 5px solid var(--coral);
+        border-top: 5px solid var(--blue);
       }
 
       .panel.dates {
-        border-top: 5px solid var(--coral);
+        border-top: 5px solid var(--blue);
       }
 
       .panel.apply {
         border-top: 5px solid var(--blue);
       }
 
+      .panel.registration {
+        border-top: 5px solid var(--blue);
+      }
+
       .panel.access {
-        border-top: 5px solid var(--green);
+        border-top: 5px solid var(--blue);
       }
 
       .panel.participation p + p,
       .panel.apply p + p,
+      .panel.registration p + p,
       .panel.access p + p {
         margin-top: 12px;
       }
 
       .panel.participation .links,
-      .panel.apply .links {
+      .panel.apply .links,
+      .panel.registration .links {
         margin-top: 16px;
         margin-bottom: 16px;
       }
 
       .panel.inclusion {
-        border-top: 5px solid var(--green);
+        border-top: 5px solid var(--blue);
       }
 
       .panel.organisers {
-        border-top: 5px solid var(--amber);
+        border-top: 5px solid var(--blue);
       }
 
       .links {
@@ -390,7 +396,7 @@
               We provide details on the public workshop for the benchmark and challenge.
             </p>
             <p>
-              <strong><a href="#workshop-apply">Click here</a> to register for the workshop.</strong>
+              <strong><a href="#workshop-registration">Click here</a> to register for the workshop.</strong>
             </p>
           </div>
           <div class="sections">
@@ -404,7 +410,7 @@
                 <dt>Notification date</dt>
                 <dd>Monday, August 17, 2026.</dd>
                 <dt>Registration</dt>
-                <dd>All accepted participants must <a href="#workshop-apply">register</a> for the full ASSETS 2026 conference and add the workshop during registration.</dd>
+                <dd>All accepted participants must <a href="#workshop-registration">register</a> for the full ASSETS 2026 conference and add the workshop during registration.</dd>
               </dl>
             </article>
             <article class="panel agenda" aria-labelledby="workshop-agenda-title">
@@ -438,10 +444,6 @@
               </ul>
             </article>
           </div>
-          <nav class="links" aria-label="Related MAP pages">
-            <a class="button challenge" href="https://huggingface.co/spaces/map-ai-benchmark/challenge" target="_blank" rel="noopener noreferrer" aria-label="Challenge, opens in a new tab">Challenge</a>
-            <a class="button benchmark" href="https://huggingface.co/spaces/map-ai-benchmark/benchmark" target="_blank" rel="noopener noreferrer" aria-label="Benchmark, opens in a new tab">Benchmark</a>
-          </nav>
           <div class="sections">
             <article id="workshop-participation" class="panel participation" aria-labelledby="workshop-participation-title">
               <h3 id="workshop-participation-title">Call for Participation</h3>
@@ -453,7 +455,7 @@
               </p>
             </article>
             <article id="workshop-apply" class="panel apply" aria-labelledby="workshop-apply-title">
-              <h3 id="workshop-apply-title">How to apply and register</h3>
+              <h3 id="workshop-apply-title">How to apply</h3>
               <p>
                 To apply for the workshop, please submit a motivation statement by email to Sarah Ebling at
                 <a href="mailto:ebling@cl.uzh.ch">ebling@cl.uzh.ch</a>.
@@ -469,8 +471,11 @@
               <p>
                 Applications must be received by Friday, August 7, 2026, 11:59 p.m. Anywhere on Earth (AoE, UTC-12:00). We expect to notify applicants by Monday, August 17, 2026.
               </p>
+            </article>
+            <article id="workshop-registration" class="panel registration" aria-labelledby="workshop-registration-title">
+              <h3 id="workshop-registration-title">Registration</h3>
               <p>
-                Register here:
+                Press this button to register for the workshop:
               </p>
               <div class="links">
                 <a class="button workshop" href="https://map-workshop-registration-hiiywrlloq-ew.a.run.app" target="_blank" rel="noopener noreferrer" aria-label="Register for the MAP Workshop, opens in a new tab">Register for the workshop</a>
@@ -487,6 +492,10 @@
               </p>
             </article>
           </div>
+          <nav class="links" aria-label="Related MAP pages">
+            <a class="button challenge" href="https://huggingface.co/spaces/map-ai-benchmark/challenge" target="_blank" rel="noopener noreferrer" aria-label="Challenge, opens in a new tab">Challenge</a>
+            <a class="button benchmark" href="https://huggingface.co/spaces/map-ai-benchmark/benchmark" target="_blank" rel="noopener noreferrer" aria-label="Benchmark, opens in a new tab">Benchmark</a>
+          </nav>
         </div>
       </section>
     </main>