diff --git a/_config.yml b/_config.yml
index 070e01c..fca33fb 100755
--- a/_config.yml
+++ b/_config.yml
@@ -19,7 +19,7 @@ title: Mohammad Abid Hafiz # the main title
 tagline: Physics Student @ RU 🇧🇩 | Software Engineer | DevOps | Quantum Computing Enthusiastic # it will display as the sub-title
 
 description: >- # used by seo meta and the atom feed
-  A minimal, responsive and feature-rich Jekyll theme for technical writing.
+  A personal blog by Mohammad Abid Hafiz, a Physics student and Software Engineer, sharing insights on DevOps, Quantum Computing, and technical writing.
 
 # Fill in the protocol & hostname for your site.
 # e.g. 'https://username.github.io', note that it does not end with a '/'.
@@ -28,21 +28,27 @@ url: "https://mohammadabidhafiz1294.github.io" # the base hostname & protocol fo
 github:
   username: mohammadabidhafiz1294 # change to your github username
 
-twitter:
-  username: MDabidhafiz1294 # change to your twitter username
+linkedin:
+  username: mohammadabidhafiz1294 # change to your LinkedIn username
+
+telegram:
+  channel-id: QC_DEVOPS_learning # change to your telegram channel id
+
+# twitter:
+#   username: MDabidhafiz1294 # change to your twitter username
 
 social:
   # Change to your full name.
   # It will be displayed as the default author of the posts and the copyright owner in the Footer
   name: Mohammad Abid Hafiz
-  email: myself@mohammadabidhafiz.me # change to your email address
+  email: mohammadabidhafiz@gmail.com # change to your email address
   links:
     # The first element serves as the copyright owner's link
     - https://twitter.com/MDabidhafiz1294 # change to your twitter homepage
     - https://github.com/mohammadabidhafiz1294 # change to your github homepage
     # Uncomment below to add more social links
     # - https://www.facebook.com/username
-    # - https://www.linkedin.com/in/username
+    - https://www.linkedin.com/in/mohammadabidhafiz1294
 
 google_site_verification: AJ313AlRA67n8AtM-qMYSX1RxjTkbRiXOgrxOnDlnTE # fill in to your verification string
 
@@ -66,7 +72,7 @@ goatcounter:
 #     light  - Use the light color scheme
 #     dark   - Use the dark color scheme
 #
-theme_mode: # [light | dark]
+theme_mode: #[light | dark]
 
 # The CDN endpoint for images.
 # Notice that once it is assigned, the CDN url
diff --git a/_data/contact.yml b/_data/contact.yml
index 1ed228a..e5990a9 100755
--- a/_data/contact.yml
+++ b/_data/contact.yml
@@ -1,17 +1,22 @@
 #  The contact options.
 
 - type: github
-  icon: "fab fa-github"
+  icon: "fa-brands fa-github"
 
-- type: twitter
-  icon: "fa-brands fa-x-twitter"
+- type: linkedin
+  icon: "fa-brands fa-linkedin"
+  url: "https://www.linkedin.com/in/username"
 
-- type: email
-  icon: "fas fa-envelope"
-  noblank: true # open link in current tab
+- type: telegram
+  icon: "fa-brands fa-telegram"
+  url: "https://t.me/channel-id"
+
+# - type: email
+#   icon: "fa-solid fa-envelope"
+#   noblank: true # open link in current tab
 
 - type: rss
-  icon: "fas fa-rss"
+  icon: "fa-solid fa-rss"
   noblank: true
 # Uncomment and complete the url below to enable more contact options
 #
diff --git a/_data/share.yml b/_data/share.yml
index d572e6d..bad28d7 100755
--- a/_data/share.yml
+++ b/_data/share.yml
@@ -7,19 +7,19 @@ platforms:
     link: "https://twitter.com/intent/tweet?text=TITLE&url=URL"
 
   - type: Facebook
-    icon: "fab fa-facebook-square"
+    icon: "fa-brands fa-facebook-square"
     link: "https://www.facebook.com/sharer/sharer.php?title=TITLE&u=URL"
 
   - type: Telegram
-    icon: "fab fa-telegram"
+    icon: "fa-brands fa-telegram"
     link: "https://t.me/share/url?url=URL&text=TITLE"
 
   # Uncomment below if you need to.
   #
-  # - type: Linkedin
-  #   icon: "fab fa-linkedin"
-  #   link: "https://www.linkedin.com/sharing/share-offsite/?url=URL"
-  #
+  - type: Linkedin
+    icon: "fa-brands fa-linkedin"
+    link: "https://www.linkedin.com/sharing/share-offsite/?url=URL"
+  
   # - type: Weibo
   #   icon: "fab fa-weibo"
   #   link: "http://service.weibo.com/share/share.php?title=TITLE&url=URL"
diff --git a/_includes/footer.html b/_includes/footer.html
new file mode 100755
index 0000000..a015f46
--- /dev/null
+++ b/_includes/footer.html
@@ -0,0 +1,42 @@
+<!-- The Footer -->
+
+<footer
+  aria-label="Site Info"
+  class="
+    d-flex flex-column justify-content-center text-muted
+    flex-lg-row justify-content-lg-between align-items-lg-center pb-lg-3
+  "
+>
+  <p>
+    {{- '©' }}
+    <time>{{ 'now' | date: '%Y' }}</time>
+
+    {% if site.social.links %}
+      <a href="{{ site.social.links[0] }}">{{ site.social.name }}</a>.
+    {% else %}
+      <em class="fst-normal">{{ site.social.name }}</em>.
+    {% endif %}
+
+    {% if site.data.locales[include.lang].copyright.brief %}
+      <span
+        data-bs-toggle="tooltip"
+        data-bs-placement="top"
+        title="{{ site.data.locales[include.lang].copyright.verbose }}"
+      >
+        {{- site.data.locales[include.lang].copyright.brief -}}
+      </span>
+    {% endif %}
+  </p>
+
+  <p>
+    {%- capture _platform -%}
+      <a href="https://jekyllrb.com" target="_blank" rel="noopener">Jekyll</a>
+    {%- endcapture -%}
+
+    {%- capture _theme -%}
+      <a href="https://github.com/cotes2020/jekyll-theme-chirpy" target="_blank" rel="noopener">Chirpy</a>
+    {%- endcapture -%}
+
+    {{ site.data.locales[include.lang].meta | replace: ':PLATFORM', _platform | replace: ':THEME', _theme }}
+  </p>
+</footer>
diff --git a/_includes/sidebar.html b/_includes/sidebar.html
new file mode 100755
index 0000000..17f7a39
--- /dev/null
+++ b/_includes/sidebar.html
@@ -0,0 +1,94 @@
+<!-- The Side Bar -->
+
+<aside aria-label="Sidebar" id="sidebar" class="d-flex flex-column align-items-end">
+  <header class="profile-wrapper">
+    <a href="{{ '/' | relative_url }}" id="avatar" class="rounded-circle">
+      {%- if site.avatar != empty and site.avatar -%}
+      {%- capture avatar_url -%}
+      {% include img-url.html src=site.avatar %}
+      {%- endcapture -%}
+      <img src="{{- avatar_url -}}" width="112" height="112" alt="avatar" onerror="this.style.display='none'">
+      {%- endif -%}
+    </a>
+
+    <h1 class="site-title">
+      <a href="{{ '/' | relative_url }}">{{ site.title }}</a>
+    </h1>
+    <p class="site-subtitle fst-italic mb-0">{{ site.tagline }}</p>
+  </header>
+  <!-- .profile-wrapper -->
+
+  <nav class="flex-column flex-grow-1 w-100 ps-0">
+    <ul class="nav">
+      <!-- home -->
+      <li class="nav-item{% if page.layout == 'home' %}{{ " active" }}{% endif %}">
+        <a href="{{ '/' | relative_url }}" class="nav-link">
+          <i class="fa-fw fas fa-home"></i>
+          <span>{{ site.data.locales[include.lang].tabs.home | upcase }}</span>
+        </a>
+      </li>
+      <!-- the real tabs -->
+      {% for tab in site.tabs %}
+      <li class="nav-item{% if tab.url == page.url %}{{ " active" }}{% endif %}">
+        <a href="{{ tab.url | relative_url }}" class="nav-link">
+          <i class="fa-fw {{ tab.icon }}"></i>
+          {% capture tab_name %}{{ tab.url | split: '/' }}{% endcapture %}
+
+          <span>{{ site.data.locales[include.lang].tabs.[tab_name] | default: tab.title | upcase }}</span>
+        </a>
+      </li>
+      <!-- .nav-item -->
+      {% endfor %}
+    </ul>
+  </nav>
+
+  <div class="sidebar-bottom d-flex flex-wrap  align-items-center w-100">
+    {% unless site.theme_mode %}
+    <button type="button" class="mode-toggle btn" aria-label="Switch Mode">
+      <i class="fas fa-adjust"></i>
+    </button>
+
+    {% if site.data.contact.size > 1 %}
+    <span class="icon-border"></span>
+    {% endif %}
+    {% endunless %}
+
+    {% for entry in site.data.contact %}
+    {% case entry.type %}
+    {% when 'github', 'twitter' %}
+    {%- capture url -%}
+    https://{{ entry.type }}.com/{{ site[entry.type].username }}
+    {%- endcapture -%}
+    {% when 'linkedin' %}
+    {%- capture url -%}
+    https://{{ entry.type }}.com/in/{{ site[entry.type].username }}
+    {%- endcapture -%}
+    {% when 'telegram' %}
+    {%- capture url -%}
+    https://t.me/{{ site[entry.type].channel-id }}
+    {%- endcapture -%}
+
+    {% when 'email' %}
+    {% assign email = site.social.email | split: '@' %}
+    {%- capture url -%}
+    javascript:location.href = 'mailto:' + ['{{ email[0] }}','{{ email[1] }}'].join('@')
+    {%- endcapture -%}
+    {% when 'rss' %}
+    {% assign url = '/feed.xml' | relative_url %}
+    {% else %}
+    {% assign url = entry.url %}
+    {% endcase %}
+
+    {% if url %}
+    <a href="{{ url }}" aria-label="{{ entry.type }}" {% assign link_types = '' %} {% unless entry.noblank %}
+      target="_blank" {% assign link_types = 'noopener noreferrer' %} {% endunless %} {% if entry.type == 'mastodon' %}
+      {% assign link_types = link_types | append: ' me' | strip %} {% endif %} {% unless link_types == empty %}
+      rel="{{ link_types }}" {% endunless %}>
+      <i class="{{ entry.icon }}"></i>
+    </a>
+    {% endif %}
+    {% endfor %}
+  </div>
+  <!-- .sidebar-bottom -->
+</aside>
+<!-- #sidebar -->
diff --git a/_sass/addon/commons.scss b/_sass/addon/commons.scss
index f2e7ba6..55f9399 100755
--- a/_sass/addon/commons.scss
+++ b/_sass/addon/commons.scss
@@ -692,8 +692,8 @@ mjx-container {
 /* --- sidebar layout --- */
 
 $sidebar-display: 'sidebar-display';
-$btn-border-width: 3px;
-$btn-mb: 0.5rem;
+$btn-border-width: 6px;
+$btn-mb: 0.6rem;
 
 #sidebar {
   @include pl-pr(0);
@@ -887,8 +887,9 @@ $btn-mb: 0.5rem;
       content: '';
       width: $btn-border-width;
       height: $btn-border-width;
-      border-radius: 50%;
+      border-radius: 30%;
       margin-bottom: $btn-mb;
+      display: inline-block; /* Ensure the span behaves like an inline-block element */
     }
   } /* .sidebar-bottom */
 } /* #sidebar */
diff --git a/_sass/addon/module.scss b/_sass/addon/module.scss
index d1b7103..46d7a4e 100755
--- a/_sass/addon/module.scss
+++ b/_sass/addon/module.scss
@@ -55,8 +55,8 @@
 }
 
 %link-hover {
-  color: #d2603a !important;
-  border-bottom: 1px solid #d2603a;
+  color: #22c55e !important;
+  border-bottom: 1px solid #22c55e;
   text-decoration: none;
 }
 
diff --git a/_sass/addon/variables.scss b/_sass/addon/variables.scss
index 8924a00..2bedc99 100755
--- a/_sass/addon/variables.scss
+++ b/_sass/addon/variables.scss
@@ -6,8 +6,8 @@
 
 $sidebar-width: 260px !default; /* the basic width */
 $sidebar-width-large: 300px !default; /* screen width: >= 1650px */
-$sb-btn-gap: 0.8rem !default;
-$sb-btn-gap-lg: 1rem !default;
+$sb-btn-gap: 0.9rem !default;
+$sb-btn-gap-lg: 1.1rem !default;
 
 /* other framework sizes */