diff --git a/categories/index.html b/categories/index.html
index 6ead3fa5..788104b6 100644
--- a/categories/index.html
+++ b/categories/index.html
@@ -3,34 +3,28 @@
   <head>
     <title>Categories</title>
     <meta charset="UTF-8" />
-<meta name="viewport" content="width=device-width, initial-scale=1.0" />
-<meta http-equiv="X-UA-Compatible" content="ie=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
 
+    <link rel="stylesheet" href="/assets/css/bootstrap.min.css" />
+    <link rel="stylesheet" href="/assets/css/layouts/main.css" />
+    <link rel="stylesheet" href="/assets/css/style.css" />
+    <link rel="stylesheet" href="/assets/css/navigators/navbar.css" />
 
-<link rel="stylesheet" href="/assets/css/bootstrap.min.css" />
-<link rel="stylesheet" href="/assets/css/layouts/main.css" />
-<link rel="stylesheet" href="/assets/css/style.css" />
-<link rel="stylesheet" href="/assets/css/navigators/navbar.css" />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Muli:wght@300;400;500;600"
+      rel="stylesheet">
+    <link rel="stylesheet"
+      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.min.css" />
 
+    <link rel="icon" type="image/png" href="/assets/images/favicon.png" />
 
-<link href="https://fonts.googleapis.com/css2?family=Muli:wght@300;400;500;600" rel="stylesheet">
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.min.css" />
+    <link rel="stylesheet" href="/assets/css/style.css" />
 
-
-<link rel="icon" type="image/png" href="/assets/images/favicon.png" />
-
-
-<link rel="stylesheet" href="/assets/css/style.css" />
-
-    
     <link rel="stylesheet" href="/assets/css/layouts/list.css">
     <link rel="stylesheet" href="/assets/css/navigators/sidebar.css">
 
-
-    
-    
-      
-<script type="application/javascript">
+    <script type="application/javascript">
 var doNotTrack = false;
 if (!doNotTrack) {
 	window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
@@ -39,166 +33,141 @@
 	ga('send', 'pageview');
 }
 </script>
-<script async src='https://www.google-analytics.com/analytics.js'></script>
+    <script async src='https://www.google-analytics.com/analytics.js'></script>
 
-    
   </head>
 
   <body data-spy="scroll" data-target="#TableOfContents" data-offset="80">
     <div class="container-fluid bg-dimmed wrapper">
-      
-      
-    <nav class="navbar navbar-expand-xl top-navbar final-navbar shadow">
-  <div class="container">
-    
-    
-    
-      
-    
-    
-      
-    
-      <button class="navbar-toggler navbar-light" id="sidebar-toggler" type="button" onclick="toggleSidebar()">
-      <span class="navbar-toggler-icon"></span>
-    </button>
-    <a class="navbar-brand" href="jackievaleri.github.io">
-      <img src="images/square_profile.png">Jacqueline Valeri</a>
-    <button class="navbar-toggler navbar-light" id="toc-toggler" type="button" onclick="toggleTOC()">
-      <span class="navbar-toggler-icon"></span>
-    </button>
-
-    <div class="collapse navbar-collapse" id="top-nav-items">
-      <ul class="navbar-nav ml-auto">
-      </ul>
-    </div>
-  </div>
-  
-  <img src="images/square_profile.png" class="d-none" id="main-logo">
-  <img src="images/profile.jpg" class="d-none" id="inverted-logo">
-</nav>
-
-
-
-      
-      
-  <section class="sidebar-section" id="sidebar-section">
-    <div class="sidebar-holder">
-      <div class="sidebar" id="sidebar">
-        <input type="text" value="" placeholder="Search" data-search="" id="search-box" />
-        <div class="sidebar-tree">
-          <ul class="tree" id="tree">
-            <li id="list-heading"><a href="/posts" data-filter="all">Posts</a></li>
-            <div class="subtree">
-                
 
+      <nav class="navbar navbar-expand-xl top-navbar final-navbar shadow">
+        <div class="container">
+
+          <button class="navbar-toggler navbar-light" id="sidebar-toggler"
+            type="button" onclick="toggleSidebar()">
+            <span class="navbar-toggler-icon"></span>
+          </button>
+          <a class="navbar-brand" href="jackievaleri.github.io">
+            <img src="images/square_profile.png">Jacqueline Valeri</a>
+          <button class="navbar-toggler navbar-light" id="toc-toggler"
+            type="button" onclick="toggleTOC()">
+            <span class="navbar-toggler-icon"></span>
+          </button>
+
+          <div class="collapse navbar-collapse" id="top-nav-items">
+            <ul class="navbar-nav ml-auto">
+            </ul>
+          </div>
+        </div>
+
+        <img src="images/square_profile.png" class="d-none" id="main-logo">
+        <img src="images/profile.jpg" class="d-none" id="inverted-logo">
+      </nav>
+
+      <section class="sidebar-section" id="sidebar-section">
+        <div class="sidebar-holder">
+          <div class="sidebar" id="sidebar">
+            <input type="text" value placeholder="Search" data-search
+              id="search-box" />
+            <div class="sidebar-tree">
+              <ul class="tree" id="tree">
+                <li id="list-heading"><a href="/posts"
+                    data-filter="all">Posts</a></li>
+                <div class="subtree">
+
+                </div>
+              </ul>
             </div>
-          </ul>
+          </div>
         </div>
-      </div>
-    </div>
-  </section>
+      </section>
 
+      <section class="content-section" id="content-section">
+        <div class="content container-fluid" id="content">
+          <div class="container-fluid post-card-holder" id="post-card-holder">
 
-      
-      
-<section class="content-section" id="content-section">
-  <div class="content container-fluid" id="content">
-    <div class="container-fluid post-card-holder" id="post-card-holder">
-      
-      
-    </div>
-    <div class="paginator">
-      
+          </div>
+          <div class="paginator">
 
+          </div>
+        </div>
+      </section>
 
     </div>
-  </div>
-</section>
 
+    <footer
+      class="container-fluid text-center align-content-center footer pb-2">
+      <div class="container pt-5">
+        <div class="row text-left">
+          <div class="col-md-4 col-sm-12">
+            <h5>Navigation</h5>
 
-      
-       
-    </div>
+            <ul>
 
-    <footer class="container-fluid text-center align-content-center footer pb-2">
-  <div class="container pt-5">
-    <div class="row text-left">
-      <div class="col-md-4 col-sm-12">
-        <h5>Navigation</h5>
-        
-        <ul>
-            
-            <li class="nav-item">
-              <a class="smooth-scroll" href="/#about">About</a>
-            </li>
-            
-            
-            <li class="nav-item">
-              <a class="smooth-scroll" href="/#experiences">Experiences</a>
-            </li>
-            
-            
-            <li class="nav-item">
-              <a class="smooth-scroll" href="/#projects">Projects</a>
-            </li>
-            
-            
-            <li class="nav-item">
-              <a class="smooth-scroll" href="/#skills">Skills</a>
-            </li>
-            
-            
-            <li class="nav-item">
-              <a class="smooth-scroll" href="/#outside-the-lab">Outside the Lab</a>
-            </li>
-            
-        </ul>
-        
+              <li class="nav-item">
+                <a class="smooth-scroll" href="/#about">About</a>
+              </li>
 
+              <li class="nav-item">
+                <a class="smooth-scroll" href="/#experiences">Experiences</a>
+              </li>
+
+              <li class="nav-item">
+                <a class="smooth-scroll" href="/#projects">Projects</a>
+              </li>
+
+              <li class="nav-item">
+                <a class="smooth-scroll" href="/#skills">Skills</a>
+              </li>
+
+              <li class="nav-item">
+                <a class="smooth-scroll" href="/#outside-the-lab">Outside the
+                  Lab</a>
+              </li>
+
+            </ul>
+
+          </div>
+          <div class="col-md-4 col-sm-12">
+            <h5>Contact Me</h5>
+            <ul>
+
+              <li><span>Email: </span> <span>valerij@mit.edu</span></li>
+
+            </ul>
+          </div>
+
+        </div>
       </div>
-      <div class="col-md-4 col-sm-12">
-        <h5>Contact Me</h5>
-        <ul>
-          
-          <li><span>Email: </span> <span>valerij@mit.edu</span></li>
-          
-        </ul>
-      </div>
-      
-    </div>
-  </div>
-  <hr />
-  <div class="container">
-    <div class="row text-left">
-      <div class="col-md-4">
-        <a id="theme" href="https://github.com/hossainemruz/toha" target="#">
-          <img src="/assets/images/inverted-logo.png">
-          Toha
-        </a>
-      </div>
-      <div class="col-md-4 text-center">© 2020 Copyright.</div>
-      <div class="col-md-4 text-right">
-        <a id="hugo" href="https://gohugo.io/"> Powered by Hugo
-        <img
-          src="/assets/images/hugo-logo-wide.svg"
-          alt="Hugo Logo"
-          height="18"
-        />
-        </a>
+      <hr />
+      <div class="container">
+        <div class="row text-left">
+          <div class="col-md-4">
+            <a id="theme" href="https://github.com/hossainemruz/toha"
+              target="#">
+              <img src="/assets/images/inverted-logo.png">
+              Toha
+            </a>
+          </div>
+          <div class="col-md-4 text-center">© 2020 Copyright.</div>
+          <div class="col-md-4 text-right">
+            <a id="hugo" href="https://gohugo.io/"> Powered by Hugo
+              <img
+                src="/assets/images/hugo-logo-wide.svg"
+                alt="Hugo Logo"
+                height="18" />
+            </a>
+          </div>
+        </div>
       </div>
-    </div>
-  </div>
-</footer>
+    </footer>
 
     <script src="/assets/js/jquery-3.4.1.min.js"></script>
-<script src="/assets/js/bootstrap.min.js"></script>
-
-<script src="/assets/js/navbar.js"></script>
-<script src="/assets/js/main.js"></script>
+    <script src="/assets/js/bootstrap.min.js"></script>
 
+    <script src="/assets/js/navbar.js"></script>
+    <script src="/assets/js/main.js"></script>
 
-    
-    
     <script src="/assets/js/list.js"></script>
 
   </body>
diff --git a/index.html b/index.html
index 08c72c77..e2e5e3be 100644
--- a/index.html
+++ b/index.html
@@ -961,6 +961,51 @@ <h5 class="card-title">Rapid Prototyping and Electrical
 
       </div>
 
+      <div class="container-fluid section-holder d-flex bg-white">
+        <div class="container anchor p-lg-5 posts-section" id="posts">
+          <div class="row pt-sm-2 pt-md-4 align-self-center">
+            <div class="col-12">
+              <h3 class="p-1">Recent Posts</h3>
+              <div class="row">
+                <div class="col-md-4">
+                  <div class="post-card">
+                    <a href="post1.html">
+                      <img src="images/post1_thumbnail.jpg" alt="Post 1" class="img-fluid" />
+                      <div class="post-content">
+                        <h5 class="post-title">Post Title 1</h5>
+                        <p class="post-excerpt">This is a brief excerpt for post 1...</p>
+                      </div>
+                    </a>
+                  </div>
+                </div>
+                <div class="col-md-4">
+                  <div class="post-card">
+                    <a href="post2.html">
+                      <img src="images/post2_thumbnail.jpg" alt="Post 2" class="img-fluid" />
+                      <div class="post-content">
+                        <h5 class="post-title">Post Title 2</h5>
+                        <p class="post-excerpt">This is a brief excerpt for post 2...</p>
+                      </div>
+                    </a>
+                  </div>
+                </div>
+                <div class="col-md-4">
+                  <div class="post-card">
+                    <a href="post3.html">
+                      <img src="images/post3_thumbnail.jpg" alt="Post 3" class="img-fluid" />
+                      <div class="post-content">
+                        <h5 class="post-title">Post Title 3</h5>
+                        <p class="post-excerpt">This is a brief excerpt for post 3...</p>
+                      </div>
+                    </a>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+
       <div class="container-fluid section-holder d-flex bg-white">
         <div class="container-fluid anchor pb-5 achievements-section"
           id="outside-the-lab">
