diff --git a/Gemfile.lock b/Gemfile.lock
index 2b0b9cb5..da9316d2 100644
--- a/Gemfile.lock
+++ b/Gemfile.lock
@@ -27,7 +27,7 @@ GEM
       fast-stemmer (~> 1.0)
       matrix (~> 0.4)
     colorator (1.1.0)
-    concurrent-ruby (1.3.3)
+    concurrent-ruby (1.3.4)
     connection_pool (2.4.1)
     crass (1.0.6)
     csl (1.6.0)
@@ -51,23 +51,11 @@ GEM
       loofah (>= 2.3.1, < 3)
       sax-machine (>= 1.0, < 2)
     ffi (1.17.0-aarch64-linux-gnu)
-    ffi (1.17.0-arm64-darwin)
-    ffi (1.17.0-x86_64-darwin)
-    ffi (1.17.0-x86_64-linux-gnu)
     forwardable-extended (2.6.0)
     gemoji (4.1.0)
     google-protobuf (4.27.3-aarch64-linux)
       bigdecimal
       rake (>= 13)
-    google-protobuf (4.27.3-arm64-darwin)
-      bigdecimal
-      rake (>= 13)
-    google-protobuf (4.27.3-x86_64-darwin)
-      bigdecimal
-      rake (>= 13)
-    google-protobuf (4.27.3-x86_64-linux)
-      bigdecimal
-      rake (>= 13)
     html-pipeline (2.14.3)
       activesupport (>= 2)
       nokogiri (>= 1.4)
@@ -147,9 +135,6 @@ GEM
       kramdown (~> 2.0)
     latex-decode (0.4.0)
     libv8-node (22.5.1.0-aarch64-linux)
-    libv8-node (22.5.1.0-arm64-darwin)
-    libv8-node (22.5.1.0-x86_64-darwin)
-    libv8-node (22.5.1.0-x86_64-linux)
     liquid (4.0.4)
     listen (3.9.0)
       rb-fsevent (~> 0.10, >= 0.10.3)
@@ -170,12 +155,6 @@ GEM
       racc (~> 1.7)
     nokogiri (1.16.7-aarch64-linux)
       racc (~> 1.4)
-    nokogiri (1.16.7-arm64-darwin)
-      racc (~> 1.4)
-    nokogiri (1.16.7-x86_64-darwin)
-      racc (~> 1.4)
-    nokogiri (1.16.7-x86_64-linux)
-      racc (~> 1.4)
     pathutil (0.16.2)
       forwardable-extended (~> 2.6)
     public_suffix (6.0.1)
@@ -190,12 +169,6 @@ GEM
     safe_yaml (1.0.5)
     sass-embedded (1.77.8-aarch64-linux-gnu)
       google-protobuf (~> 4.26)
-    sass-embedded (1.77.8-arm64-darwin)
-      google-protobuf (~> 4.26)
-    sass-embedded (1.77.8-x86_64-darwin)
-      google-protobuf (~> 4.26)
-    sass-embedded (1.77.8-x86_64-linux-gnu)
-      google-protobuf (~> 4.26)
     sax-machine (1.3.2)
     strscan (3.1.0)
     terminal-table (3.0.2)
@@ -209,10 +182,7 @@ GEM
     webrick (1.8.1)
 
 PLATFORMS
-  aarch64-linux
-  arm64-darwin
-  x86_64-darwin
-  x86_64-linux
+  aarch64-linux-gnu
 
 DEPENDENCIES
   classifier-reborn
@@ -241,4 +211,4 @@ DEPENDENCIES
   webrick
 
 BUNDLED WITH
-   2.5.7
+   2.5.17
diff --git a/_layouts/about.liquid b/_layouts/about.liquid
index 7609a21e..afac4db9 100644
--- a/_layouts/about.liquid
+++ b/_layouts/about.liquid
@@ -1,5 +1,5 @@
 ---
-layout: default
+layout: default_about
 ---
 
 <!-- <style>
@@ -29,12 +29,16 @@ layout: default
 
 -->
 
+<!-- 
 <div class="post">
     <p align="center">
         <img src="/assets/img/lab_logo.png" alt="Lab Logo" style="width: 100%;">
     </p>
 </div>
 
+-->
+
+
 <!-- <div class="transparent-bg"> -->
 <div class="post">
   <header class="post-header">
diff --git a/_layouts/default.liquid b/_layouts/default.liquid
index 3f4af10e..2d84e241 100644
--- a/_layouts/default.liquid
+++ b/_layouts/default.liquid
@@ -13,8 +13,11 @@
       <meta http-equiv="refresh" content="3; url={{ redirect }}">
     {% endif %}
     {% include head.liquid %}
+   
   </head>
 
+  
+
   <!-- Body -->
   <body class="{% if site.navbar_fixed %}fixed-top-nav{% endif %} {% unless site.footer_fixed %}sticky-bottom-footer{% endunless %}">
     <!-- Header -->
diff --git a/_layouts/default_about.liquid b/_layouts/default_about.liquid
new file mode 100644
index 00000000..e2e229d4
--- /dev/null
+++ b/_layouts/default_about.liquid
@@ -0,0 +1,93 @@
+<!doctype html>
+<html lang="{{ site.lang }}">
+  <!-- Head -->
+  <head>
+    {% if page.redirect %}
+      {% if page.redirect == true %}
+        {% assign redirect = site.baseurl | append: '/' %}
+      {% elsif page.redirect contains '://' %}
+        {% assign redirect = page.redirect %}
+      {% else %}
+        {% assign redirect = page.redirect | relative_url %}
+      {% endif %}
+      <meta http-equiv="refresh" content="3; url={{ redirect }}">
+    {% endif %}
+    {% include head.liquid %}
+ 
+  <div class="header-background">
+    <div class="img" style="
+      background-image: url('/assets/img/lab_header.jpeg');
+      background-repeat: no-repeat;
+      background-size: contain;
+      background-position: center center;
+      height: 60em; /* Adjust this if there is white space before the image or if image gets cuts off */
+      margin-bottom: 2em;
+      margin-top: -2.7em;
+      width: 100%;
+    "></div>
+  </div>
+
+  </head>
+
+  
+
+  <!-- Body -->
+  <body class="{% if site.navbar_fixed %}fixed-top-nav{% endif %} {% unless site.footer_fixed %}sticky-bottom-footer{% endunless %}">
+    <!-- Header -->
+    {% include header.liquid %}
+
+    <!-- Content -->
+    <div class="container mt-5" role="main">
+      {% if page.toc and page.toc.sidebar %}
+        {% if page.toc.sidebar == 'right' %}
+          <div class="row">
+            <!-- main content area -->
+            <div class="col-sm-9">{{ content }}</div>
+            <!-- sidebar, which will move to the top on a small screen -->
+            <div class="col-sm-3">
+              <nav id="toc-sidebar" class="sticky-top"></nav>
+            </div>
+          </div>
+        {% else %}
+          <div class="row">
+            <!-- sidebar, which will move to the top on a small screen -->
+            <div class="col-sm-3">
+              <nav id="toc-sidebar" class="sticky-top"></nav>
+            </div>
+            <!-- main content area -->
+            <div class="col-sm-9">{{ content }}</div>
+          </div>
+        {% endif %}
+      {% else %}
+        {{ content }}
+      {% endif %}
+    </div>
+
+    <!-- Footer -->
+    {% include footer.liquid %}
+
+    <!-- JavaScripts -->
+    {% include scripts/jquery.liquid %}
+    {% include scripts/bootstrap.liquid %}
+    {% include scripts/masonry.liquid %}
+    {% include scripts/mermaid.liquid %}
+    {% include scripts/diff2html.liquid %}
+    {% include scripts/leaflet.liquid %}
+    {% include scripts/chartjs.liquid %}
+    {% include scripts/echarts.liquid %}
+    {% include scripts/vega.liquid %}
+    {% include scripts/tikzjax.liquid %}
+    {% include scripts/typograms.liquid %}
+    {% include scripts/misc.liquid %}
+    {% include scripts/badges.liquid %}
+    {% include scripts/mathjax.liquid %}
+    {% include scripts/pseudocode.liquid %}
+    {% include scripts/analytics.liquid %}
+    {% include scripts/progressBar.liquid %}
+    {% include scripts/wechatModal.liquid %}
+    {% include scripts/imageLayouts.liquid %}
+    {% include scripts/jekyll_tabs.liquid %}
+    {% include scripts/back_to_top.liquid %}
+    {% include scripts/search.liquid %}
+  </body>
+</html>
diff --git a/_sass/_header.scss b/_sass/_header.scss
new file mode 100644
index 00000000..81ed280c
--- /dev/null
+++ b/_sass/_header.scss
@@ -0,0 +1,23 @@
+.header-background .img {
+    background-image: url("/assets/img/lab_header.jpeg");
+    background-repeat: no-repeat;
+    background-size: cover;
+    background-position: center center;
+    height: 15em;
+    margin-bottom: 2em;
+    margin-top: -2.7em;
+    width: 100%
+  }
+  
+  .header-background .text {
+    margin-top: -4em;
+    text-align: right;
+    margin-right: 2em;
+    padding-bottom: 2em;
+    color: white;
+    font-weight: bold;
+  }
+  
+  .header-background .text h2 {
+    font-weight: bold;
+  }
\ No newline at end of file
