From ea6b85d5185294eadbce2e755247200dba548e64 Mon Sep 17 00:00:00 2001
From: Carlos <53526597+carlosgauci@users.noreply.github.com>
Date: Thu, 7 Dec 2023 23:56:07 +0100
Subject: [PATCH] update styling (#256)

Co-authored-by: Harsha Vardhan Simhadri <harsha-simhadri@users.noreply.github.com>
---
 neurips23.html | 55 ++++++++++++++++++++++++-------------
 style.css      | 73 ++++++++++++++++++++++++++++++++++++++++++++++++--
 2 files changed, 108 insertions(+), 20 deletions(-)

diff --git a/neurips23.html b/neurips23.html
index 921d727e..df856fdf 100644
--- a/neurips23.html
+++ b/neurips23.html
@@ -103,31 +103,49 @@ <h2>Results and Event Schedule</h2>
         </div>
 
         <h3>Track Winners</h3>
-        <ul class="tracks-list">
+
+        <h4>Filtered Search</h4>
+        <ul class="result-list">
           <li>
-            <span>Filtered Search</span>: 
-              <bold>IVF$^2$ Index</bold>: Fusing Classic and Spatial Inverted Indices for Fast Filtered ANNS<BR>
-              Authors: Ben Landrum (UMD), Magdalen Dobson Manohar (CMU), Mazin Karjikar (UMD), Laxman Dhulipala (UMD)
+            <span>IVF$^2$ Index</span>: Fusing Classic and Spatial Inverted Indices for Fast Filtered ANNS
+            <span class="authors"><span>Authors</span>: Ben Landrum (UMD), Magdalen Dobson Manohar (CMU), Mazin Karjikar (UMD), Laxman Dhulipala (UMD)</span>
           </li>
+        </ul>
+
+        <h4>Out-Of-Distribution</h4>
+        <ul class="result-list">
           <li>
-            <span>Out-Of-Distribution</span>:
-              <bold>RoarANN</bold>: Projected Bipartite Graph for Efficient Cross-Modal Approximate Nearest Neighbor Search<BR>
-              Authors: Meng Chen, Yue Chen, Rui Ma, Fudan University, Kai Zhang,  Yuzheng Cai, Jiayang Shi,  Yizhuo Chen, Weiguo Zheng. All authors from Fudan University.
-              <BR>
-            <bold>PyANNS</bold>: Projected Bipartite Graph for Efficient Cross-Modal Approximate Nearest Neighbor Search<BR>
-                  Authors: Zihan Wang, Zilliz. [Note: this entry did not declare conflict with organizers before participating]  
+            <span>RoarANN</span>: Projected Bipartite Graph for Efficient Cross-Modal Approximate Nearest Neighbor Search
+            <span class="authors"><span>Authors</span>: Meng Chen, Yue Chen, Rui Ma, Fudan University, Kai Zhang, Yuzheng Cai, Jiayang Shi,  Yizhuo Chen, Weiguo Zheng. All authors from Fudan University.</span>
           </li>
+
           <li>
-            <span>Sparse</span>:
-            <bold>PyANNS</bold>: Projected Bipartite Graph for Efficient Cross-Modal Approximate Nearest Neighbor Search<BR>
-              Authors: Zihan Wang, Zilliz. [Note: this entry did not declare conflict with organizers before participating]<BR>
-            <bold>shnsw</bold>: Sparse HNSW<BR>
-                Authors:  Meng Chen, Yue Chen, Rui Ma, Kai Zhang, Yuzheng Cai, Jiayang Shi, Yizhuo Chen, Weiguo Zheng. All authors from Fudan University.
+            <span>PyANNS</span>: Projected Bipartite Graph for Efficient Cross-Modal Approximate Nearest Neighbor Search
+            <span class="authors"><span>Authors</span>: Zihan Wang, Zilliz. [Note: this entry did not declare conflict with organizers before participating]</span>
           </li>
+        </ul>
+
+        <h4>Sparse</h4>
+        <ul class="result-list">
           <li>
-            <span>Streaming search</span>:
-            <bold>Puck</bold>: Efficient Multi-level Index Structure for Approximate Nearest Neighbor Search in Practice<BR>
-              Authors: Jie Yin, Baidu Ben Huang, Baidu
+            <span>PyANNS</span>: 
+              Projected Bipartite Graph for Efficient Cross-Modal Approximate Nearest Neighbor Search<br/>
+              <span class="authors"><span>Authors</span>: Zihan Wang, Zilliz. [Note: this entry did not declare conflict with organizers before participating]</span>
+          </li>
+
+          <li>
+            <span>shnsw</span>: 
+              Sparse HNSW<br/>
+              <span class="authors"><span>Authors</span>:  Meng Chen, Yue Chen, Rui Ma, Kai Zhang, Yuzheng Cai, Jiayang Shi, Yizhuo Chen, Weiguo Zheng. All authors from Fudan University.</span>
+          </li>
+        </ul>
+
+        <h4>Streaming Search</h4>
+        <ul class="result-list">
+          <li>
+            <span>PyANNS</span>: 
+              Efficient Multi-level Index Structure for Approximate Nearest Neighbor Search in Practice<br/>
+              <span class="authors"><span>Authors</span>: Jie Yin, Baidu Ben Huang, Baidu</span>
           </li>
         </ul>
 
@@ -142,6 +160,7 @@ <h3>Track Winners</h3>
         </div>
 
       </div>
+    </section>
 
     <!-- Tracks -->
     <section id="tracks" class="tracks">
diff --git a/style.css b/style.css
index 2ac2ad93..fbb58606 100644
--- a/style.css
+++ b/style.css
@@ -56,6 +56,11 @@ h3 {
   line-height: 1.75rem;
 }
 
+h4 {
+  font-size: 1.125rem;
+  line-height: 1.5rem;
+}
+
 /* Text */
 p,
 li {
@@ -208,6 +213,7 @@ a:hover {
   border-radius: 5px;
   color: #fff;
   transition: all 0.3s ease-in-out;
+  text-align: center;
 }
 
 .button.button-white {
@@ -257,9 +263,63 @@ a:hover {
   color: var(--color-gray);
 }
 
+/* Results section */
+.results {
+  background-color: #fff;
+}
+
+.results .buttons {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  gap: 1.25rem;
+  margin-top: var(--spacing-md);
+}
+
+.results .title {
+  text-align: center;
+  color: var(--color-navy);
+}
+
+.results h3 {
+  margin-top: var(--spacing-sm);
+  text-align: center;
+}
+
+.results h4 {
+  margin-top: var(--spacing-md);
+}
+
+.result-list {
+  display: flex;
+  flex-direction: column;
+  gap: 1.75rem;
+  margin: var(--spacing-sm) 0 var(--spacing-sm);
+  list-style: disc outside;
+  padding-left: 1.4rem;
+  color: var(--color-gray);
+}
+
+.result-list li > span:not(.authors),
+.result-list li::marker {
+  color: #000;
+  font-weight: 600;
+}
+
+.result-list li > span.authors {
+  display: block;
+  margin-top: 0.5rem;
+  font-size: 1rem;
+}
+
+.result-list li > span.authors > span {
+  color: #000;
+  font-weight: 600;
+}
+
 /* Tracks section */
 .tracks {
-  background-color: #fff;
+  background-color: var(--color-light-gray);
 }
 
 .tracks .title {
@@ -328,7 +388,7 @@ th {
 
 /* Participation */
 .participate {
-  background-color: var(--color-light-gray);
+  background-color: #fff;
 }
 
 .participate h2 {
@@ -353,6 +413,11 @@ th {
 }
 
 /* Contributor section */
+
+.organizers {
+  background-color: var(--color-light-gray);
+}
+
 .organizers > .container {
   display: flex;
   flex-direction: column;
@@ -446,6 +511,10 @@ th {
     line-height: 2.25rem;
   }
 
+  h4 {
+    font-size: 1.5rem;
+  }
+
   .button {
     width: auto;
   }