updated the color and s1-s3 seminar info

Author: Beikewzh

Gemfile

@@ -2,4 +2,5 @@ source "https://rubygems.org"
 
 gem "webrick", "~> 1.7"
 gem "jekyll", "~> 4.3"
-gem "jekyll-environment-variables"
+gem "jekyll-environment-variables"
+gem "json"

Gemfile.lock

@@ -3,53 +3,51 @@ GEM
   specs:
     addressable (2.8.7)
       public_suffix (>= 2.0.2, < 7.0)
-    bigdecimal (3.1.8)
+    base64 (0.2.0)
+    bigdecimal (3.1.9)
     colorator (1.1.0)
-    concurrent-ruby (1.3.4)
+    concurrent-ruby (1.3.5)
+    csv (3.3.3)
     em-websocket (0.5.3)
       eventmachine (>= 0.12.9)
       http_parser.rb (~> 0)
     eventmachine (1.2.7)
-    ffi (1.17.0)
-    ffi (1.17.0-arm64-darwin)
-    ffi (1.17.0-x86_64-darwin)
+    ffi (1.17.1)
     forwardable-extended (2.6.0)
-    google-protobuf (4.28.3)
-      bigdecimal
-      rake (>= 13)
-    google-protobuf (4.28.3-arm64-darwin)
-      bigdecimal
-      rake (>= 13)
-    google-protobuf (4.28.3-x86_64-darwin)
+    google-protobuf (4.30.2)
       bigdecimal
       rake (>= 13)
     http_parser.rb (0.8.0)
-    i18n (1.14.6)
+    i18n (1.14.7)
       concurrent-ruby (~> 1.0)
-    jekyll (4.3.4)
+    jekyll (4.4.1)
       addressable (~> 2.4)
+      base64 (~> 0.2)
       colorator (~> 1.0)
+      csv (~> 3.0)
       em-websocket (~> 0.5)
       i18n (~> 1.0)
       jekyll-sass-converter (>= 2.0, < 4.0)
       jekyll-watch (~> 2.0)
+      json (~> 2.6)
       kramdown (~> 2.3, >= 2.3.1)
       kramdown-parser-gfm (~> 1.0)
       liquid (~> 4.0)
-      mercenary (>= 0.3.6, < 0.5)
+      mercenary (~> 0.3, >= 0.3.6)
       pathutil (~> 0.9)
       rouge (>= 3.0, < 5.0)
       safe_yaml (~> 1.0)
       terminal-table (>= 1.8, < 4.0)
       webrick (~> 1.7)
     jekyll-environment-variables (1.0.1)
       jekyll (>= 3.0, < 5.x)
-    jekyll-sass-converter (3.0.0)
-      sass-embedded (~> 1.54)
+    jekyll-sass-converter (3.1.0)
+      sass-embedded (~> 1.75)
     jekyll-watch (2.2.1)
       listen (~> 3.0)
-    kramdown (2.4.0)
-      rexml
+    json (2.10.2)
+    kramdown (2.5.1)
+      rexml (>= 3.3.9)
     kramdown-parser-gfm (1.1.0)
       kramdown (~> 2.0)
     liquid (4.0.4)
@@ -64,42 +62,25 @@ GEM
     rb-fsevent (0.11.2)
     rb-inotify (0.11.1)
       ffi (~> 1.0)
-    rexml (3.3.9)
-    rouge (4.4.0)
+    rexml (3.4.1)
+    rouge (4.5.1)
     safe_yaml (1.0.5)
-    sass-embedded (1.80.6)
-      google-protobuf (~> 4.28)
+    sass-embedded (1.86.1)
+      google-protobuf (~> 4.30)
       rake (>= 13)
-    sass-embedded (1.80.6-aarch64-mingw-ucrt)
-      google-protobuf (~> 4.28)
-    sass-embedded (1.80.6-arm64-darwin)
-      google-protobuf (~> 4.28)
-    sass-embedded (1.80.6-x86-cygwin)
-      google-protobuf (~> 4.28)
-    sass-embedded (1.80.6-x86-mingw-ucrt)
-      google-protobuf (~> 4.28)
-    sass-embedded (1.80.6-x86_64-cygwin)
-      google-protobuf (~> 4.28)
-    sass-embedded (1.80.6-x86_64-darwin)
-      google-protobuf (~> 4.28)
     terminal-table (3.0.2)
       unicode-display_width (>= 1.1.1, < 3)
     unicode-display_width (2.6.0)
-    webrick (1.9.0)
+    webrick (1.9.1)
 
 PLATFORMS
-  aarch64-mingw-ucrt
-  arm64-darwin
   ruby
-  x86-cygwin
-  x86-mingw-ucrt
-  x86_64-cygwin
-  x86_64-darwin
 
 DEPENDENCIES
   jekyll (~> 4.3)
   jekyll-environment-variables
+  json
   webrick (~> 1.7)
 
 BUNDLED WITH
-   2.5.22
+   2.6.6

_data/news.yaml

@@ -0,0 +1,26 @@
+upcoming_seminar:
+  title: "Upcoming Seminar"
+  subtitle: "Open-Vocabulary Learning"
+  date: "Thursday, April 3rd, 2025"
+  time_zones: "6 PM CET / 9 AM PT / 12 PM ET"
+  speakers:
+    - name: "Ming-Xuan Liu"
+      role: "PhD student in Deep Learning and Computer Vision at the University of Trento, "
+      link: "https://oatmealliu.github.io"
+      image: "/images/seminar/2025s3/mingxuanliu.jpg"
+    - name: "Monika Wysoczańska"
+      role: "PhD student in Computer Vision and Machine Learning in the Computer Vision Lab of Warsaw University of Technology."
+      link: "https://wysoczanska.github.io"
+      image: "/images/seminar/2025s3/Monika.jpeg"
+  registration_link: "https://stanford.zoom.us/meeting/register/Ir98lwaISLSDZKFBd9TRGQ#/registration"
+
+latest_news:
+  - date: "April 3, 2025"
+    text: "Our third seminar introduced the innovative topic of Open-Vocabulary Learning, challenging conventional boundaries and sparking new research discussions."
+  - date: "Mar 6, 2025"
+    text: "In our second ContinualAI Seminar of the year, we delved into efficient fine-tuning techniques—including adapters, LoRA, and beyond—to advance model optimization."
+  - date: "Feb 6, 2025"
+    text: "Kicking off the year, our first ContinualAI Seminar delved into Task-Agnostic Continual Learning for the Open World."
+  - date: "Jan 24, 2025"
+    text: "New ContinulAI website launched."
+

_data/seminar.yml

@@ -0,0 +1,37 @@
+previous:
+  - order: 7
+    title: "ContinualAI March 2025 Seminar/Meetup"
+    topic: "Efficient fine-tuning techniques—including adapters, LoRA, and beyond—to advance model optimization."
+    date: "Thursday, March 6th, 2025"
+    speakers:
+      - "Eric Nuertey Coleman (University of Pisa)"
+      - "Wentao Zhang (Sun Yat-sen University)"
+    image: "/images/seminar/2025s2/cl_seminars_2025_2.jpeg"
+    link: "https://www.youtube.com/watch?v=EkL_WP-K1mE"
+  - order: 8
+    title: "ContinualAI February 2025 Seminar/Meetup"
+    topic: "Task-Agnostic Continual Learning for the Open World"
+    date: "Thursday, February 6th, 2025"
+    speakers:
+      - "Giuseppe Bravo-Rocca (AI Engineer & PhD Candidate, UPC BarcelonaTech)"
+      - "Megan Baker (Senior Data Scientist, Johns Hopkins University Applied Physics Laboratory)"
+    image: "/images/seminar/2025s1/cl_seminars_2025_1.png"
+    link: "https://www.youtube.com/watch?v=LMtnVBFfgPc"
+  - order: 9
+    title: "ContinualAI April 2023 Seminar/Meetup"
+    topic: "Continual Learning in Language Models"
+    speakers:
+      - "Joel Jang (KAIST)"
+      - "Yujia Qin & Jiajie Zhang (Tsinghua University)"
+      - "Zixuan Ke (University of Illinois, Chicago)"
+    image: "https://img.youtube.com/vi/FmfRukpRKjg/0.jpg"
+    link: "https://www.youtube.com/watch?v=FmfRukpRKjg"
+  - order: 10
+    title: "ContinualAI March 2023 Seminar/Meetup"
+    topic: "Bridging the Gap: Evaluating and Applying Continual Learning"
+    speakers:
+      - "Matthias De Lange (KU Leuven)"
+      - "Camila González (Technical University of Darmstadt)"
+      - "Soroor Hediyeh-zadeh (Computational Health Center, Helmholtz Munich)"
+    image: "https://img.youtube.com/vi/T2IYBSyug6w/0.jpg"
+    link: "https://www.youtube.com/watch?v=T2IYBSyug6w"

_includes/call.html

@@ -7,7 +7,9 @@
 
     <!-- Button aligned to the right -->
     {% if include.show_button %}
-      <a href="{{ site.data.contact.contact_button_link }}" class="button call-button" style="padding: 10px 30px; background-color: #e5261f; color: white; text-decoration: none; border-radius: 5px; font-size: 1.2em; display: inline-flex; justify-content: center; align-items: center; height: 50px; min-width: 120px;">{{ site.data.contact.contact_button_text | default: "JOIN" }}</a>
-    {% endif %}
+    <a href="{{ site.data.contact.contact_button_link }}" class="button call-button">
+      {{ site.data.contact.contact_button_text | default: "JOIN" }}
+    </a>
+        {% endif %}
   </div>
 </div>

_layouts/home.html

@@ -32,39 +32,34 @@
   </div>
 </div>
 
-<div class="strip strip-news animate__animated animate__fadeInUp bg-grey" aria-labelledby="event-section-title">
-  <div class="container py-4 py-md-6"> <!-- Reduced padding here -->
+<div class="strip strip-grey animate__animated animate__fadeInUp" aria-labelledby="event-section-title">
+  <div class="container pt-6 pb-6 pt-md-10 pb-md-10">
     <div class="row">
 
-      <!-- Main Column: "Next Event" -->
+      <!-- Main Column: "Upcoming Seminar" -->
       <section class="col-12 col-md-8 event-section">
-        <h2 id="event-section-title" class="event-title">Upcoming Seminar</h2>
-        <h3 class="event-subtitle">Task-Agnostic Continual Learning for the Open World</h3>
+        {% assign seminar = site.data.news.upcoming_seminar %}
+        <h2 id="event-section-title" class="event-title"><strong>{{ seminar.title }}</strong></h2>
+        <h3 class="event-subtitle">{{ seminar.subtitle }}</h3>
         <div class="event-details mb-3">
-          <p><strong>Date & Time:</strong> Thursday, February 6th, 2025</p>
-          <p><strong>Time Zones:</strong> 6 PM CET / 9 AM PT / 12 PM ET</p>
+          <p><strong>Date & Time:</strong> {{ seminar.date }}</p>
+          <p><strong>Time Zones:</strong> {{ seminar.time_zones }}</p>
         </div>
         <div class="event-speakers mb-3">
           <h4>Speakers:</h4>
-          <div class="speaker mb-3">
-            <img src="{{ site.baseurl }}/images/seminar/2025s1/Guseppe_Bravo.jpg" alt="Giuseppe Bravo-Rocca" class="speaker-photo" loading="lazy">
-            <div class="speaker-info">
-              <strong>Giuseppe Bravo-Rocca</strong><br>
-              AI Engineer & PhD Candidate, UPC BarcelonaTech<br>
-              <a href="https://gusseppe.github.io" target="_blank" rel="noopener">Link</a>
-            </div>
-          </div>
-          <div class="speaker">
-            <img src="{{ site.baseurl }}/images/seminar/2025s1/Megan_Baker.jpg" alt="Megan Baker" class="speaker-photo" loading="lazy">
+          {% for speaker in seminar.speakers %}
+          <div class="speaker {% if forloop.first %}mb-3{% endif %}">
+            <img src="{{ speaker.image | prepend: site.baseurl }}" alt="{{ speaker.name }}" class="speaker-photo" loading="lazy">
             <div class="speaker-info">
-              <strong>Megan Baker</strong><br>
-              Senior Data Scientist, Johns Hopkins University Applied Physics Laboratory<br>
-              <a href="https://www.linkedin.com/in/megan-baker-b6875396" target="_blank" rel="noopener">Link</a>
+              <strong>{{ speaker.name }}</strong><br>
+              {{ speaker.role }}<br>
+              <a href="{{ speaker.link }}" target="_blank" rel="noopener">Link</a>
             </div>
           </div>
+          {% endfor %}
         </div>
         <div class="event-actions">
-          <a href="https://stanford.zoom.us/meeting/register/11J-qoejS9yeIqqyAlqGpw" class="btn btn-primary" target="_blank" rel="noopener">
+          <a href="{{ seminar.registration_link }}" class="btn btn-primary" target="_blank" rel="noopener">
             Join the Seminar
           </a>
         </div>
@@ -73,19 +68,17 @@ <h4>Speakers:</h4>
       <!-- Sidebar Column: Latest News -->
       <aside class="col-12 col-md-4 news-sidebar-wrapper" aria-labelledby="latest-news-title">
         <div class="news-sidebar">
-          <h3 id="latest-news-title">Latest News</h3>
+          <h3 id="latest-news-title"><strong>Latest News</strong></h3>
           <ul class="list-unstyled">
+            {% for news in site.data.news.latest_news %}
             <li>
-              <strong>Mar 6, 2025:</strong> Second <em>ContinualAI Seminar</em> of the year. 
-            </li>            
-            <li>
-              <strong>Feb 6, 2025:</strong> First <em>ContinualAI Seminar</em> of the year.
-              <a href="https://continualai.github.io/website/services/Seminar/" target="_blank" rel="noopener">Read more</a>
-            </li>
-            <li>
-              <strong>Jan 24, 2025:</strong> New ContinulAI website launched.
+              <strong>{{ news.date }}:</strong>
+              {{ news.text | truncatewords: 20 }}
+              {% if news.read_more %}
+                <a href="{{ news.read_more }}" target="_blank" rel="noopener">Read more</a>
+              {% endif %}
             </li>
-            <!-- Add more news items here -->
+            {% endfor %}
           </ul>
         </div>
       </aside>
@@ -94,76 +87,6 @@ <h3 id="latest-news-title">Latest News</h3>
   </div>
 </div>
 
-<!-- Inline CSS for Styling -->
-<style>
-  /* Grey Background for the Strip-News Section */
-  .bg-grey {
-    background-color: #FDF6F8; /* Light grey background */
-  }
-
-  .container.py-4 {
-    padding-top: 1.5rem !important; /* Adjust top padding */
-    padding-bottom: 1.5rem !important; /* Adjust bottom padding */
-  }
-
-  /* Speaker Section Styling */
-  .speaker {
-    display: flex;
-    align-items: center;
-    margin-bottom: 1rem;
-  }
-  
-  .speaker-photo {
-    width: 80px;
-    height: 80px;
-    object-fit: cover;
-    border-radius: 50%;
-    margin-right: 15px;
-    flex-shrink: 0;
-  }
-  
-  .speaker-info a:hover {
-    text-decoration: underline;
-  }
-  
-  .event-subtitle {
-    font-size: 1.25rem;
-    margin-bottom: 1rem;
-    color: #333; /* Darker text for better contrast */
-  }
-  
-  .event-title {
-    color: #333; /* Darker text for better contrast */
-  }
-  
-  .event-details p {
-    margin-bottom: 0.5rem;
-    color: #555; /* Medium grey for details */
-  }
-  
-  .event-actions .btn {
-    width: 100%;
-    max-width: 200px;
-  }
-  
-  @media (min-width: 768px) {
-    .event-actions .btn {
-      width: auto;
-    }
-  }
-
-  /* Latest News Styling */
-  .news-sidebar h3 {
-    color: #333; /* Darker text for better contrast */
-    margin-bottom: 1rem;
-  }
-
-  .news-sidebar ul li {
-    margin-bottom: 0.75rem;
-    color: #555; /* Medium grey for news items */
-  }
-</style>
-
 
 
 <!-- Services Strip (unchanged) -->