add proceedings and pictures

_features/01-news.md

@@ -6,6 +6,9 @@ div_class: lead
 # subheading: Will Catch Your Eye
 # image: "http://placehold.it/500x500"
 ---
+* <strong> Oct27, 2024</strong> - The proceedings are now live, congrats to all [accepted papers](#/features/07-accpeted-papers)!
+* <strong> Oct 15, 2024</strong> - Our workshop was featured in an [article by the IEEE Robotics and Automation Society (RAS)](https://www.linkedin.com/feed/update/urn:li:activity:7251733080002936835/)!
+* <strong>Oct 14, 2024</strong> - The workshop was held at IROS in Abu Dhabi and attracted many participants! [(Event Pictures)](#/features/03-event-pictures)
 * <strong>Aug 30, 2024</strong> - The submission deadline (~~September 1~~) is extended to <span style="color:red;">September 21</span>!
-* <strong>Jul 30, 2024</strong> - [Submissions Portal](#/features/03-call-for-papers) is now open!
+* <strong>Jul 30, 2024</strong> - [Submissions Portal](#/features/04-call-for-papers) is now open!
 * <strong>Jun 25, 2024</strong> - We are excited to host the fist workshop on <strong>Long-Term Perception for Autonomy in Dynamic Human-shared Environments</strong> at IROS 2024!

_features/03-event-pictures.md

@@ -0,0 +1,19 @@
+---
+id: event-pic
+name: Event Pictures
+heading: Event Pictures
+div_class: lead
+# subheading: Will Catch Your Eye
+# image: "http://placehold.it/500x500"
+---
+
+<div style="display: flex; overflow-x: auto; gap: 10px; padding: 10px; border: 1px solid #ddd; border-radius: 8px;">
+    <img src="assets/event_pic/Crowd.jpg" alt="Image 1" style="width: auto; height: 300px; border-radius: 8px;">
+    <img src="assets/event_pic/Francesco.png" alt="Image 2" style="width: auto; height: 300px; border-radius: 8px;">
+    <img src="assets/event_pic/Iro.png" alt="Image 3" style="width: auto; height: 300px; border-radius: 8px;">
+    <img src="assets/event_pic/JenJen.png" alt="Image 4" style="width: auto; height: 300px; border-radius: 8px;">
+    <img src="assets/event_pic/Marc.jpg" alt="Image 5" style="width: auto; height: 300px; border-radius: 8px;">
+    <img src="assets/event_pic/Michael.jpg" alt="Image 5" style="width: auto; height: 300px; border-radius: 8px;">
+    <img src="assets/event_pic/Posters.jpg" alt="Image 5" style="width: auto; height: 300px; border-radius: 8px;">
+    <img src="assets/event_pic/Stefan.jpg" alt="Image 5" style="width: auto; height: 300px; border-radius: 8px;">
+</div>

_features/07-accpeted-papers.md

@@ -0,0 +1,126 @@
+---
+id: accepted-papers
+name: Accepted Papers
+heading: Accepted Papers
+div_class: lead
+# subheading: Will Catch Your Eye
+# image: "http://placehold.it/500x500"
+---
+
+<div style="padding: 10px; border: 1px solid #ddd; border-radius: 8px; margin-bottom: 10px;">
+    <p><strong><span style="color: red;">Winner of the Outstanding Workshop Presentation Award</span></strong></p>
+    <strong>Taxonomy-Aware Class-Incremental Semantic Segmentation for Open-World Perception</strong> 
+    <a href="assets/proceedings/tax/paper.pdf" style="text-decoration: none; color: #007bff;">[Paper]</a> 
+    <a href="assets/proceedings/tax/poster.pdf" style="text-decoration: none; color: #007bff;">[Poster]</a><br>
+    Julia Hindel, Daniele Cattaneo and Abhinav Valada<br>
+
+    <details>
+        <summary style="font-size: 16px; color: #007bff; cursor: pointer; list-style: none; display: inline;">
+            <span id="toggle-icon" style="display: inline-block; transform: rotate(0deg); transition: transform 0.3s;">▶</span>
+            Poster Thumbnail
+        </summary>
+        <div style="margin-top: 10px;">
+            <img src="assets/proceedings/tax/poster.png" alt="Poster Thumbnail" style="width: 800px; border: 1px solid #ddd; border-radius: 8px;">
+        </div>
+    </details>
+</div>
+
+<div style="padding: 10px; border: 1px solid #ddd; border-radius: 8px; margin-bottom: 10px;">
+    <p><strong><span style="color: red;">Spotlight Presentations</span></strong></p>
+    <strong>Moving Object Segmentation in Point Cloud Data using Hidden Markov Models</strong> 
+    <a href="assets/proceedings/moving/paper.pdf" style="text-decoration: none; color: #007bff;">[Paper]</a> 
+    <a href="assets/proceedings/moving/poster.pdf" style="text-decoration: none; color: #007bff;">[Poster]</a>
+    <a href="assets/proceedings/moving/slides.pdf" style="text-decoration: none; color: #007bff;">[Slides]</a><br>
+    Vedant Bhandari, Jasmin James, Tyson Phillips and P. Ross McAree<br>
+
+    <details>
+        <summary style="font-size: 16px; color: #007bff; cursor: pointer; list-style: none; display: inline;">
+            <span id="toggle-icon" style="display: inline-block; transform: rotate(0deg); transition: transform 0.3s;">▶</span>
+            Poster Thumbnail
+        </summary>
+        <div style="margin-top: 10px;">
+            <img src="assets/proceedings/moving/poster.png" alt="Poster Thumbnail" style="width: 800px; border: 1px solid #ddd; border-radius: 8px;">
+        </div>
+    </details>
+
+
+    <strong>DUFOMap: Efficient Dynamic Awareness Mapping</strong> 
+    <a href="assets/proceedings/DUFOMap/paper.pdf" style="text-decoration: none; color: #007bff;">[Paper]</a> 
+    <a href="assets/proceedings/DUFOMap/poster.pdf" style="text-decoration: none; color: #007bff;">[Poster]</a>
+    <a href="assets/proceedings/DUFOMap/slides.pdf" style="text-decoration: none; color: #007bff;">[Slides]</a><br>
+    Daniel Duberg* , Qingwen Zhang* , MingKai Jia and Patric Jensfelt<br>
+
+    <details>
+        <summary style="font-size: 16px; color: #007bff; cursor: pointer; list-style: none; display: inline;">
+            <span id="toggle-icon" style="display: inline-block; transform: rotate(0deg); transition: transform 0.3s;">▶</span>
+            Poster Thumbnail
+        </summary>
+        <div style="margin-top: 10px;">
+            <img src="assets/proceedings/DUFOMap/poster.png" alt="Poster Thumbnail" style="width: 800px; border: 1px solid #ddd; border-radius: 8px;">
+        </div>
+    </details>
+</div>
+
+<div style="padding: 10px; border: 1px solid #ddd; border-radius: 8px; margin-bottom: 10px;">
+    <strong>Human-Inspired Long-Term Indoor Localization in Human-Oriented Environment</strong> 
+    <a href="assets/proceedings/human/paper.pdf" style="text-decoration: none; color: #007bff;">[Paper]</a> 
+    <a href="assets/proceedings/human/poster.pdf" style="text-decoration: none; color: #007bff;">[Poster]</a><br>
+    Nicky Zimmerman and Matteo Sodano<br>
+
+    <details>
+        <summary style="font-size: 16px; color: #007bff; cursor: pointer; list-style: none; display: inline;">
+            <span id="toggle-icon" style="display: inline-block; transform: rotate(0deg); transition: transform 0.3s;">▶</span>
+            Poster Thumbnail
+        </summary>
+        <div style="margin-top: 10px;">
+            <img src="assets/proceedings/human/poster.png" alt="Poster Thumbnail" style="width: 800px; border: 1px solid #ddd; border-radius: 8px;">
+        </div>
+    </details>
+
+
+    <strong>Integrating Vision Foundation Models with Reinforcement Learning for Enhanced Object Interaction</strong> 
+    <a href="assets/proceedings/integ/paper.pdf" style="text-decoration: none; color: #007bff;">[Paper]</a> 
+    <a href="assets/proceedings/integ/poster.pdf" style="text-decoration: none; color: #007bff;">[Poster]</a><br>
+    Ahmad Farooq and Kamran Iqbal<br>
+
+    <details>
+        <summary style="font-size: 16px; color: #007bff; cursor: pointer; list-style: none; display: inline;">
+            <span id="toggle-icon" style="display: inline-block; transform: rotate(0deg); transition: transform 0.3s;">▶</span>
+            Poster Thumbnail
+        </summary>
+        <div style="margin-top: 10px;">
+            <img src="assets/proceedings/integ/poster.png" alt="Poster Thumbnail" style="width: 800px; border: 1px solid #ddd; border-radius: 8px;">
+        </div>
+    </details>
+
+    <strong>ROMAN: Robust Object Map Alignment Anywhere</strong> 
+    <a href="assets/proceedings/roman/paper.pdf" style="text-decoration: none; color: #007bff;">[Paper]</a> 
+    <a href="assets/proceedings/roman/poster.pdf" style="text-decoration: none; color: #007bff;">[Poster]</a><br>
+    Mason B. Peterson, Yi Xuan Jia, Yulun Tian, Annika Thomas and Jonathan P. How<br>
+
+    <details>
+        <summary style="font-size: 16px; color: #007bff; cursor: pointer; list-style: none; display: inline;">
+            <span id="toggle-icon" style="display: inline-block; transform: rotate(0deg); transition: transform 0.3s;">▶</span>
+            Poster Thumbnail
+        </summary>
+        <div style="margin-top: 10px;">
+            <img src="assets/proceedings/roman/poster.png" alt="Poster Thumbnail" style="width: 800px; border: 1px solid #ddd; border-radius: 8px;">
+        </div>
+    </details>
+</div>
+
+<script>
+    document.addEventListener('DOMContentLoaded', function () {
+        document.querySelectorAll('details').forEach(function(detail) {
+            detail.addEventListener('toggle', function() {
+                var icon = this.querySelector('#toggle-icon');
+                if (this.open) {
+                    icon.style.transform = 'rotate(90deg)';
+                } else {
+                    icon.style.transform = 'rotate(0deg)';
+                }
+            });
+        });
+    });
+</script>
+