Changes

src/layouts/_default/list.html

@@ -21,8 +21,8 @@
   <hr>
   <div class="container">
     <div class="row">
-      <div class="col-md-9 pe-4 blog-list one-box">
-        <h2 class="mb-4" style="text-transform:lowercase;">Recent Posts</h2>
+      <div class="col-md-9 pe-xl-4 pe-lg-4 pe-md-4 pe-sm-3 pe-3 blog-list one-box">
+        <h2 class="mb-4" style="text-transform:lowercase;">tea leaves</h2>
         <div class="row content-area">
           {{ range .Pages }}
             <div class="blog-col col-xl-4 col-lg-4 col-md-6 col-sm-12 mb-4">
@@ -105,6 +105,11 @@ p {
   line-height: 22px;
 }
 
+.lead{
+  font-size: 18px;
+  line-height: 26px;
+}
+
 .read-more {
   display: block;
   margin-top: 10px;

src/layouts/partials/sidebar.html

@@ -1,5 +1,13 @@
 <div class="col-md-3 sidebar pt-4 ps-4">
 
+  <!-- Recent Posts -->
+  <h4 class="mt-4">Recent Posts</h4>
+  <ul class="sidebar-list">
+    {{ range first 4 .Site.RegularPages.ByDate.Reverse }}
+      <li><a href="{{ .RelPermalink }}">{{ .Title }}</a></li>
+    {{ end }}
+  </ul>
+
   <h4 class="mt-4">categories</h4>
   <ul class="sidebar-list">
     {{ range .Site.Taxonomies.categories }}
@@ -15,11 +23,19 @@
   </ul>
 
   <h4 class="mt-4">communi'tea</h4>
-  <div>
-    <i class="icon-telegram white"></i>
-    <i class="icon-github white"></i>
-    <i class="icon-twitter white"></i>
-    <i class="icon-discord white"></i>
+  <div class="social-icons flex-start">
+    <a href="https://twitter.com/teaxyz">
+      <i class="icon-twitter lead me-2"></i>
+    </a>
+    <a href="https://discord.gg/tea-906608167901876256">
+      <i class="icon-discord lead me-2"></i>
+    </a>
+    <a href="https://github.com/teaxyz/cli">
+      <i class="icon-github lead me-2"></i>
+    </a>
+    <a href="https://t.me/tea_xyz">
+      <i class="icon-telegram lead me-2"></i>
+    </a>
 
   </div>
 
@@ -32,7 +48,11 @@
 <style>
 
   .sidebar-list{
-    line-height:12px;
+    line-height:24px;
+  }
+
+  .sidebar-list li{
+    margin-bottom: -7px;
   }
 
   .sidebar-list a{