diff --git a/README.md b/README.md
index c4e3ac6..b8aaa08 100644
--- a/README.md
+++ b/README.md
@@ -1,2 +1,5 @@
 # website
 Website for QuantEcon Organisation
+---
+
+Please run `bundle exec jekyll serve` to build website.
\ No newline at end of file
diff --git a/_layouts/books.html b/_layouts/books.html
new file mode 100644
index 0000000..63109d6
--- /dev/null
+++ b/_layouts/books.html
@@ -0,0 +1,28 @@
+---
+layout: default
+---
+
+{{ content }}
+
+<ul class="row projects projects-container">
+
+  {% assign sorted_projects = site.projects | where: 'type', 'book' %}
+
+  {% for project in sorted_projects reversed %}
+    <li class="projects-item">
+      <a target="_blank" href="{{ project.link }}">
+        <div class="project d-flex flex-column align-items-start">
+          <div class="item-info d-flex">
+            <div class="item-pic-books"><img src="/assets/img/books/{{ project.image }}"></div>
+            <div class="item-title">
+              <h3 class="name">{{ project.name }}</h3>
+				<div class="item-desc">
+					{{ project.description | markdownify }}
+				</div>
+			</div>
+        </div>
+      </a>
+    </li>
+  {% endfor %}
+
+</ul>
\ No newline at end of file
diff --git a/_layouts/code.html b/_layouts/code.html
new file mode 100644
index 0000000..ad73a32
--- /dev/null
+++ b/_layouts/code.html
@@ -0,0 +1,28 @@
+---
+layout: default
+---
+
+{{ content }}
+
+<ul class="row projects projects-container">
+
+  {% assign sorted_projects = site.projects | where: 'type', 'code' %}
+
+  {% for project in sorted_projects reversed %}
+    <li class="projects-item filter-{{ project.lang }}">
+      <a target="_blank" href="{{ project.link }}">
+        <div class="project d-flex flex-column align-items-start">
+          <div class="item-info d-flex">
+            <div class="item-pic"><img src="/assets/img/projects/{{ project.image }}"></div>
+            <div class="item-title">
+              <h3 class="name">{{ project.name }}</h3>
+				<div class="item-desc">
+					{{ project.description | markdownify }}
+				</div>
+			</div>
+        </div>
+      </a>
+    </li>
+  {% endfor %}
+
+</ul>
\ No newline at end of file
diff --git a/_layouts/default.html b/_layouts/default.html
index b098d39..8f30d41 100755
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -81,6 +81,14 @@ <h2 class="title">Quant<span>Econ</span></h2>
               {% endfor %}
               <!-- <li><a href="/projects/#filter=lecture">Lectures</a></li> -->
               <li><a href="https://github.com/QuantEcon" target="_blank">GitHub</a></li>
+              <li class="dropdown"><a href="#"><span>Projects</span><i class="bi bi-chevron-down"></i></a>
+                <ul>
+                  <li><a href="/lectures">Lectures</a></li>
+                  <li><a href="/code">Code</a></li>
+                  <li><a href="/books">Books</a></li>
+                  <li><a href="/projects">Others</a></li>
+                </ul>
+              </li>
               <li class="dropdown"><a href="#"><span>Support</span> <i class="bi bi-chevron-down"></i></a>
                 <ul>
                   <li><a href="/store/">Merchandise</a></li>
diff --git a/_layouts/home.html b/_layouts/home.html
index baafde6..98e3453 100755
--- a/_layouts/home.html
+++ b/_layouts/home.html
@@ -28,16 +28,10 @@ <h1>Quant<span>Econ</span></h1>
 <main id="main">
 
   <section id="featured" class="featured">
-
+    <!-- Lectures and Code Libraries -->
     <div class="container">
 
-      <div class="row justisfy-content-center gx-5">
-
-        <!-- <div class="row justify-content-md-between col-md-8"> -->
-        <!-- 
-    <div class="col-md-8 d-flex justify-content-around"> -->
-
-        <!-- <div class="col-md-8 row" data-aos="zoom-in" data-aos-delay="400"> -->
+      <div class="row justisfy-content-center gx-5" data-aos="zoom-in" data-aos-delay="150">
 
         <div class="col-md-6">
 
@@ -52,42 +46,73 @@ <h1>Quant<span>Econ</span></h1>
               <h2>Lectures</h2>
               <p>QuantEcon hosts lecture series on economics, finance, econometrics and data science. All lecture series
                 are based on open source languages and open computing environments.</p>
-              <p><a href="/projects/#filter=lecture" class="btn-learn-more">Browse lectures</a></p>
-
-              </p>
+              <p><a href="/lectures/" class="btn-learn-more">Browse lectures</a></p>
             </div>
           </div>
-
         </div>
+
         <div class="col-md-6 mt-5 mt-md-0">
 
           <div class="row">
 
-
             <div class="col-md-4 offset-md-0 d-none d-md-block">
               <p><img src="/assets/img/code-thumb.png" class="img-thumbnail" alt="Screenshot showing python code"></p>
             </div>
 
-
             <div class="col-md-8 offset-md-0">
               <h2>Code Libraries</h2>
               <p>QuantEcon has developed and maintains high-performance, open source, code libraries in Python and
-                Julia.
-              </p>
+                Julia.</p>
               <br>
-              <p><a href="/projects/#filter=code" class="btn-learn-more">View libraries</a></p>
-
+              <p><a href="/code/" class="btn-learn-more">View libraries</a></p>
             </div>
           </div>
-
         </div>
-
       </div>
+    
+      <br>
+      <!-- <div class="section-title">
+        <h1>Books</h1>
+      </div> -->
+      <br>
+      <!-- Books's image and descriptions -->
+      <div class="row justisfy-content-center gx-5" data-aos="zoom-in" data-aos-delay="150">
+
+        <div class="col-md-6">
 
+          <div class="row">
 
+            <div class="col-md-4 offset-md-0 d-none d-md-block">
+              <p><img src="/assets/img/books/dp-image.png" class="img-thumbnail" alt="Icon of Dynamic Programming book"></p>
+            </div>
 
-    </div>
+            <div class="col-md-8 offset-md-0">
+              <h3>Dynamic Programming</h3>
+              <p>This book is about dynamic programming and its applications in economics, finance, and adjacent
+                fields like operations research. It brings together recent innovations in the theory of dynamic
+                programming.</p>
+              <p><a href="https://dp.quantecon.org/" class="btn-learn-more">View online version</a></p>
+            </div>
+          </div>
+        </div>
+        <div class="col-md-6 mt-5 mt-md-0">
+
+          <div class="row">
+
+            <div class="col-md-4 offset-md-0 d-none d-md-block">
+              <p><img src="/assets/img/books/networks-image.png" class="img-thumbnail" alt="Icon of Economic Networks book">
+              </p>
+            </div>
 
+            <div class="col-md-8 offset-md-0">
+              <h3>Economic Networks</h3>
+              <p>This book is an introduction to economic networks and it emphasizes quantitative modeling, with the
+                main underlying tools being graph theory, linear algebra, fixed point theory and programming.</p>
+              <p><a href="https://networks.quantecon.org/" class="btn-learn-more">View online version</a></p>
+            </div>
+          </div>
+        </div>
+      </div>
     </div>
 
   </section>
@@ -110,16 +135,17 @@ <h2>Workshops</h2>
             short courses on quantitative economics and high-performance computing
             using Python and Julia.</p>
 
-          <p>Past locations include the Econometric
+          <p><a href="/workshops">Past locations</a> include the Econometric
             Society meetings, Columbia University, Copenhagen, the Reserve Bank of Australia,
             Stanford, Princeton, Harvard, MIT, Berkeley, UCLA, Paris and the Central Bank of Chile.</p>
-
+          
           <br>
-
-          <p class="m-0"><a href="mailto:contact@quantecon.org" class="btn-learn-more">Contact us</a></p>
+            
+          <p class="m-0">
+            <a href="mailto:contact@quantecon.org" class="btn-learn-more">Contact us</a>
+          </p>
         </div>
       </div>
-
     </div>
 
   </section>
@@ -145,7 +171,7 @@ <h2>Workshops</h2>
     <div class="container" data-aos="zoom-in" data-aos-delay="100">
 
       <div class="section-title">
-        <h2>Projects</h2>
+        <h2>Open Source</h2>
       </div>
 
       <div class="row justisfy-content-center gx-5">
@@ -156,8 +182,8 @@ <h2>Projects</h2>
 
             <div class="row gy-3 gx-5">
 
-              <div class="col-md-6">
-                <a href="/projects/#filter=lecture">
+              <!-- <div class="col-md-6">
+                <a href="/lectures">
                   <div class="thumb"><img src="/assets/img/projects/project-lectures.png" alt=" " style="width:30px;" />
                   </div>
                   <h3>
@@ -170,7 +196,7 @@ <h3>
               </div>
 
               <div class="col-md-6">
-                <a href="/projects/#filter=code">
+                <a href="/code">
                   <div class="thumb"><img src="/assets/img/projects/project-python.png" alt=" " style="width:30px;" />
                   </div>
                   <h3>Code</h3>
@@ -179,9 +205,9 @@ <h3>Code</h3>
                       Julia.</p>
                   </div>
                 </a>
-              </div>
+              </div> -->
 
-              <div class="col-md-6">
+              <!-- <div class="col-md-6">
                 <a href="/quantecon-textbook/">
                   <div class="thumb"><img src="/assets/img/projects/project-textbook.png" alt=" " style="width:30px;" />
                   </div>
@@ -191,7 +217,7 @@ <h3>Textbooks</h3>
                       dynamics.</p>
                   </div>
                 </a>
-              </div>
+              </div> -->
 
               <div class="col-md-6">
                 <a href="https://notes.quantecon.org/">
@@ -216,31 +242,17 @@ <h3>Executable Books</h3>
                   </div>
                 </a>
               </div>
-
             </div>
-
-
-
           </div>
-
-
         </div>
 
         <br>
 
-        <p class="text-center m-0"><a href="/projects/" class="btn-learn-more">View All Projects</a></p>
-
+        <!-- <p class="text-center m-0"><a href="/projects/" class="btn-learn-more">View All Projects</a></p> -->
 
       </div>
-
-    </div>
-    </div>
-
-
-
     </div>
 
-    <!-- </div> -->
   </section><!-- End Services Section -->
 
   <section id="sponsors" class="sponsors section-bg">
@@ -259,19 +271,17 @@ <h3>Executable Books</h3>
         <div class="col-md-5 mt-5 mt-md-0">
 
           <p class="m-0"><a href="https://schmidtfutures.com/">
-              <img src="/assets/img/schmidt-logo.svg" alt="Schmidt Futures logo" width="400">
-            </a></p>
+              <img src="/assets/img/schmidt-logo.svg" alt="Schmidt Futures logo" width="400"></a></p>
 
         </div>
-
       </div>
-
     </div>
 
   </section>
 
   <!-- ======= Testimonials Section ======= -->
   <section id="testimonials" class="testimonials">
+
     <div class="container" data-aos="fade-up">
 
       <div class="section-title">
@@ -279,9 +289,11 @@ <h2>Working for QuantEcon</h2>
       </div>
 
       <div class="testimonials-slider swiper" data-aos="fade-up" data-aos-delay="100">
+
         <div class="swiper-wrapper">
 
           <div class="swiper-slide">
+
             <div class="testimonial-item">
 
               <img src="/assets/img/testimonials/natasha.jpg" class="testimonial-img" alt="">
@@ -297,7 +309,9 @@ <h4>Research Assistant</h4>
           </div><!-- End testimonial item -->
 
           <div class="swiper-slide">
+
             <div class="testimonial-item">
+
               <img src="/assets/img/testimonials/flint.jpg" class="testimonial-img" alt="">
               <h3>Flint O'Neil</h3>
               <h4>Lead Developer</h4>
diff --git a/_layouts/lectures.html b/_layouts/lectures.html
new file mode 100644
index 0000000..3d96078
--- /dev/null
+++ b/_layouts/lectures.html
@@ -0,0 +1,38 @@
+---
+layout: default
+---
+
+{{ content }}
+
+<!-- 
+	# Filters for language or difficulty
+ -->
+<!-- <ul id="projects-flters" class="projects-flters d-flex justify-content-start" data-aos="fade-up" data-aos-delay="100">
+  <li data-filter="*" class="filter-active">All</li>
+  <li data-filter=".filter-python">Python</li>
+  <li data-filter=".filter-julia">Julia</li>
+</ul> -->
+
+
+<ul class="row projects projects-container">
+
+  {% assign sorted_lectures = site.lectures | sort: 'order' %}
+
+  {% for lecture in sorted_lectures %}
+    <li class="projects-item filter-{{ lecture.lang }}">
+      <a target="_blank" href="{{ lecture.link }}">
+        <div class="project d-flex flex-column align-items-start">
+          <div class="item-info d-flex">
+            <div class="item-pic"><img src="/assets/img/projects/{{ lecture.image }}"></div>
+            <div class="item-title">
+              <h3 class="name">{{ lecture.name }}</h3>
+				<div class="item-desc">
+					{{ lecture.description | markdownify }}
+				</div>
+			</div>
+        </div>
+      </a>
+    </li>
+  {% endfor %}
+
+</ul>
\ No newline at end of file
diff --git a/_layouts/other.html b/_layouts/other.html
new file mode 100644
index 0000000..21d7170
--- /dev/null
+++ b/_layouts/other.html
@@ -0,0 +1,28 @@
+---
+layout: default
+---
+
+{{ content }}
+
+<ul class="row projects projects-container">
+
+  {% assign sorted_projects = site.projects | where: 'type', 'resource' %}
+
+  {% for project in sorted_projects reversed %}
+    <li class="projects-item">
+      <a target="_blank" href="{{ project.link }}">
+        <div class="project d-flex flex-column align-items-start">
+          <div class="item-info d-flex">
+            <div class="item-pic"><img src="/assets/img/projects/{{ project.image }}"></div>
+            <div class="item-title">
+              <h3 class="name">{{ project.name }}</h3>
+				<div class="item-desc">
+					{{ project.description | markdownify }}
+				</div>
+			</div>
+        </div>
+      </a>
+    </li>
+  {% endfor %}
+
+</ul>
\ No newline at end of file
diff --git a/_projects/lecture-advanced.md b/_lectures/lecture-advanced.md
similarity index 88%
rename from _projects/lecture-advanced.md
rename to _lectures/lecture-advanced.md
index d21139e..c916bda 100644
--- a/_projects/lecture-advanced.md
+++ b/_lectures/lecture-advanced.md
@@ -2,7 +2,8 @@
 name: Advanced Quantitative Economics with Python
 description: This is one of a series of online texts on modern quantitative economics and programming with Python. This is the third text in the series, which focuses on advanced topics.
 link: https://python-advanced.quantecon.org/
-image: project-lectures.png
+image: project-python.png
 order: 4
 type: lecture
+lang: python
 ---
diff --git a/_projects/lecture-datascience.md b/_lectures/lecture-datascience.md
similarity index 82%
rename from _projects/lecture-datascience.md
rename to _lectures/lecture-datascience.md
index a2d92ea..d66192d 100644
--- a/_projects/lecture-datascience.md
+++ b/_lectures/lecture-datascience.md
@@ -2,7 +2,8 @@
 name: Introduction to Economic Modeling and Data Science
 description: A series of lectures on programming, data science, and economics.
 link: https://datascience.quantecon.org/
-image: project-lectures.png
+image: project-datascience.png
 order: 6
 type: lecture
+lang: python
 ---
diff --git a/_projects/lecture-intro.md b/_lectures/lecture-intro.md
similarity index 85%
rename from _projects/lecture-intro.md
rename to _lectures/lecture-intro.md
index 302243b..dd13b4d 100644
--- a/_projects/lecture-intro.md
+++ b/_lectures/lecture-intro.md
@@ -2,7 +2,8 @@
 name: A First Course in Quantitative Economics with Python
 description: This lecture series provides an introduction to quantitative economics using Python.
 link: https://intro.quantecon.org/
-image: project-lectures.png
+image: project-python.png
 order: 2
 type: lecture
+lang: python
 ---
diff --git a/_projects/lecture-jax.md b/_lectures/lecture-jax.md
similarity index 84%
rename from _projects/lecture-jax.md
rename to _lectures/lecture-jax.md
index 60841d3..7752d3d 100644
--- a/_projects/lecture-jax.md
+++ b/_lectures/lecture-jax.md
@@ -2,7 +2,8 @@
 name: Quantitative Economics with JAX
 description: This website presents a set of lectures on quantitative economic modeling using GPUs and Google JAX.
 link: https://jax.quantecon.org/
-image: project-lectures.png
+image: project-python.png
 order: 8
 type: lecture
+lang: python
 ---
diff --git a/_projects/lecture-julia.md b/_lectures/lecture-julia.md
similarity index 83%
rename from _projects/lecture-julia.md
rename to _lectures/lecture-julia.md
index 21584d5..903613d 100644
--- a/_projects/lecture-julia.md
+++ b/_lectures/lecture-julia.md
@@ -2,7 +2,8 @@
 name: Quantitative Economics with Julia
 description: A set of lectures on quantitative economic modeling, designed and written by Jesse Perla, Thomas J. Sargent and John Stachurski.
 link: https://julia.quantecon.org/
-image: project-lectures.png
-order: 4
+image: project-julia.png
+order: 5
 type: lecture
+lang: julia
 ---
diff --git a/_projects/lecture-markov.md b/_lectures/lecture-markov.md
similarity index 95%
rename from _projects/lecture-markov.md
rename to _lectures/lecture-markov.md
index 391c0f5..05dae6d 100644
--- a/_projects/lecture-markov.md
+++ b/_lectures/lecture-markov.md
@@ -5,4 +5,5 @@ link: https://quantecon.github.io/continuous_time_mcs/
 image: project-lectures.png
 order: 7
 type: lecture
+lang: python
 ---
diff --git a/_projects/lecture-programming.md b/_lectures/lecture-programming.md
similarity index 87%
rename from _projects/lecture-programming.md
rename to _lectures/lecture-programming.md
index c57d11b..9cde4cc 100644
--- a/_projects/lecture-programming.md
+++ b/_lectures/lecture-programming.md
@@ -2,7 +2,8 @@
 name: Python Programming for Economics and Finance
 description: This lecture series on Python programming for economics and finance is the first text in the series, which focuses on programming in Python.
 link: https://python-programming.quantecon.org/
-image: project-lectures.png
+image: project-python.png
 order: 1
 type: lecture
+lang: python
 ---
diff --git a/_projects/lecture-python.md b/_lectures/lecture-python.md
similarity index 88%
rename from _projects/lecture-python.md
rename to _lectures/lecture-python.md
index 2db7ed3..af0f054 100644
--- a/_projects/lecture-python.md
+++ b/_lectures/lecture-python.md
@@ -2,7 +2,8 @@
 name: Intermediate Quantitative Economics with Python
 description: This is one of a series of online texts on modern quantitative economics and programming with Python. This is the second text in the series, which focuses on introductory material.
 link: https://python.quantecon.org/
-image: project-lectures.png
+image: project-python.png
 order: 3
 type: lecture
+lang: python
 ---
diff --git a/_posts/2023-07-31-workshop.md b/_posts/2023-07-31-africa-workshop.md
similarity index 92%
rename from _posts/2023-07-31-workshop.md
rename to _posts/2023-07-31-africa-workshop.md
index bdc5843..85a44f3 100644
--- a/_posts/2023-07-31-workshop.md
+++ b/_posts/2023-07-31-africa-workshop.md
@@ -7,4 +7,4 @@ excerpt: QuantEcon has just delivered our Africa summer course
 
 QuantEcon has just delivered our Africa summer course in July across three universities in West Africa. Our aim is to bring the foundational skills required for working with more advanced computational economic models to a global audience. It was exciting for the team to be able to work with these talented students in West Africa. 
 
-![](/assets/img/africa_workshop.jpeg)
+![](/assets/img/africa-workshop.jpeg)
diff --git a/_projects/dp.md b/_projects/dp.md
new file mode 100644
index 0000000..112f909
--- /dev/null
+++ b/_projects/dp.md
@@ -0,0 +1,8 @@
+---
+name: Dynamic Programming
+description: This book is about dynamic programming and its applications in economics, finance, and adjacent fields like operations research. It brings together recent innovations in the theory of dynamic programming.
+link: https://dp.quantecon.org
+image: dp-image.png
+order: 1
+type: book
+---
diff --git a/_projects/networks.md b/_projects/networks.md
new file mode 100644
index 0000000..1930fdb
--- /dev/null
+++ b/_projects/networks.md
@@ -0,0 +1,8 @@
+---
+name: Economic Networks
+description: This book is an introduction to economic networks and it emphasizes quantitative modeling, with the main underlying tools being graph theory, linear algebra, fixed point theory and programming.
+link: https://networks.quantecon.org
+image: networks-image.png
+order: 2
+type: book
+---
diff --git a/_lectures/datascience.md b/archive/datascience.md
similarity index 100%
rename from _lectures/datascience.md
rename to archive/datascience.md
diff --git a/_lectures/julia.md b/archive/julia.md
similarity index 100%
rename from _lectures/julia.md
rename to archive/julia.md
diff --git a/archive/lectures.md b/archive/lectures.md
new file mode 100644
index 0000000..6b825d9
--- /dev/null
+++ b/archive/lectures.md
@@ -0,0 +1,60 @@
+<!-- ---
+title: "QuantEcon Lectures"
+permalink: /lectures111/
+menu_item: false
+---
+# QuantEcon Lectures
+
+<div class="home-blurb">
+    <div class="desc">
+        <p><a href="https://quantecon.org/">QuantEcon</a> hosts lecture series on economics, finance, econometrics and data science.  All lecture series are based on open source languages and open computing environments.</p>
+        <p>These lectures have benefited extensively from the input of many contributors and the financial support of the <a href="https://sloan.org/">Alfred P. Sloan Foundation</a>.</p>
+    </div>
+</div>
+<div class="home-series">
+    <h2 class="visuallyhidden">Lecture Series</h2>
+    <ul>
+        <li>
+            <a href="https://python-programming.quantecon.org/">
+                <span class="icon"><img src="/assets/img/py-logo.png"></span>
+                <h3>Python Programming for Economics and Finance</h3>
+                <p>This lecture series on Python programming for economics and finance is the first text in the series, which focuses on programming in Python.</p>
+            </a>
+        </li>
+        <li>
+            <a href="https://python.quantecon.org/">
+                <span class="icon"><img src="/assets/img/py-logo.png"></span>
+                <h3>Quantitative Economics with Python</h3>
+                <p>This is one of a series of online texts on modern quantitative economics and programming with Python. This is the second text in the series, which focuses on introductory material.</p>
+            </a>
+        </li>
+        <li>
+            <a href="https://python-advanced.quantecon.org/">
+                <span class="icon"><img src="/assets/img/py-logo.png"></span>
+                <h3>Advanced Quantitative Economics with Python</h3>
+                <p>This is one of a series of online texts on modern quantitative economics and programming with Python. This is the third text in the series, which focuses on advanced topics.</p>
+            </a>
+        </li>
+        <li>
+            <a href="https://julia.quantecon.org/">
+                <span class="icon"><img src="/assets/img/jl-logo.png"></span>
+                <h3>Quantitative Economics with Julia</h3>
+                <p>A set of lectures on quantitative economic modeling, designed and written by Jesse Perla, Thomas J. Sargent and John Stachurski</p>
+            </a>
+        </li>
+        <li>
+            <a href="https://datascience.quantecon.org/">
+                <span class="icon"><img src="/assets/img/ds-logo.png"></span>
+                <h3>QuantEcon DataScience</h3>
+                <p>Introduction to Economic Modeling and Data Science</p>
+            </a>
+        </li>
+        <li>
+            <a href=" https://quantecon.github.io/continuous_time_mcs/">
+                <span class="icon"><img src="/assets/img/projects/project-lectures.png"></span>
+                <h3>Continuous Time Markov Chains</h3>
+                <p>This lecture series provides a short introduction to the fascinating field of continuous time Markov chains.</p>
+            </a>
+        </li>
+    </ul>
+</div> -->
\ No newline at end of file
diff --git a/_layouts/projects.html b/archive/projects.html
similarity index 98%
rename from _layouts/projects.html
rename to archive/projects.html
index a27530b..f4c9ad8 100644
--- a/_layouts/projects.html
+++ b/archive/projects.html
@@ -1,4 +1,4 @@
----
+<!-- ---
 layout: default
 ---
 
@@ -37,4 +37,4 @@ <h3 class="name">{{ project.name }}</h3>
   {% endfor %}
 
 </ul>
-
+ -->
diff --git a/_lectures/python.md b/archive/python.md
similarity index 100%
rename from _lectures/python.md
rename to archive/python.md
diff --git a/assets/img/africa-workshop.JPEG b/assets/img/africa-workshop.JPEG
new file mode 100644
index 0000000..fb43e1f
Binary files /dev/null and b/assets/img/africa-workshop.JPEG differ
diff --git a/assets/img/books/dp-image.png b/assets/img/books/dp-image.png
new file mode 100644
index 0000000..0163482
Binary files /dev/null and b/assets/img/books/dp-image.png differ
diff --git a/assets/img/books/networks-image.png b/assets/img/books/networks-image.png
new file mode 100644
index 0000000..9a5e92c
Binary files /dev/null and b/assets/img/books/networks-image.png differ
diff --git a/assets/main.scss b/assets/main.scss
index 48cbba7..4357f98 100755
--- a/assets/main.scss
+++ b/assets/main.scss
@@ -437,7 +437,7 @@ img {
 #hero {
   width: 100%;
   height: 100vh;
-  //background-image: url(/assets/img/leadspace.jpg);
+  // background-image: url(/assets/img/leadspace.jpg);
   background-image: url(/assets/img/mountains1.jpg);
   background-color: #283039;
   background-position: center;
@@ -831,7 +831,7 @@ section {
 
 
 /*--------------------------------------------------------------
-# Projects
+# Projects Style (Linear Listing)
 --------------------------------------------------------------*/
 
 .projects {
@@ -846,13 +846,13 @@ section {
     position: relative;
     box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
     border: 1px solid #b7b7b7;
-    padding: 2rem;
+    padding: 1rem;
     border-radius: 5px;
     background: #fff;
     transition: 0.5s;
     margin: 0 0 1.5rem 0;
     @media (min-width: 768px) {
-      min-height: 220px;
+      min-height: 100px;
     }
     
 
@@ -868,6 +868,16 @@ section {
           width: 100%;
         }
       }
+      // Item pic style for book page
+      .item-pic-books {
+        overflow: hidden;
+        flex-shrink: 0;
+        width: 150px;
+        margin-right: 1rem;
+        img {
+          width: 150%;
+        }
+      }
       .item-title {
         h3 {
           color: $color-link;
@@ -931,7 +941,6 @@ section {
   }
 }
 
-
 /*--------------------------------------------------------------
 # Testimonials
 --------------------------------------------------------------*/
@@ -1379,3 +1388,47 @@ section {
   }
 }
 
+.lectures-flters {
+  list-style: none;
+  margin-bottom: 20px;
+  padding: 0;
+  border-bottom: 1px solid $color-light;
+  padding:1rem 1rem;
+  li {
+    cursor: pointer;
+    position: relative;
+    font-weight: bold;
+    color: $color-link;
+    line-height: 1;
+    display: inline-block;
+    padding: 0 0;
+    margin:0 2rem 0 0;
+    &:before {
+      content: "";
+      position: absolute;
+      width: 100%;
+      height: 2px;
+      bottom: -5px;
+      left: 0;
+      background-color: $color-link;
+      visibility: hidden;
+      width: 0px;
+      transition: all 0.3s ease-in-out 0s;
+    }
+    &:hover:before {
+      visibility: visible;
+      width: 100%;   
+    }
+    &:hover {
+    }
+    &.filter-active {
+      color: $color-dark;
+      cursor: default;
+      &:before {
+        visibility: visible;
+        width: 100%;  
+        background-color: $color-dark;
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/assets/sass/_misc.scss b/assets/sass/_misc.scss
index 488460d..aa52f2f 100644
--- a/assets/sass/_misc.scss
+++ b/assets/sass/_misc.scss
@@ -88,6 +88,15 @@
 .home-series li a .icon img {
     width:32px;
 }
+.home-series li a .icon_book {
+	position: absolute;
+	left:15px;
+	top:1.5rem;
+	color: #23262c;
+}
+.home-series li a .icon_book img {
+    width:50px;
+}
 .home-series li a h3 {
 	line-height: 1.2;
 	margin:0;
diff --git a/pages/about.md b/pages/about.md
index 48d9777..3e0129b 100644
--- a/pages/about.md
+++ b/pages/about.md
@@ -14,7 +14,11 @@ Development is centered on open source scientific computing environments such as
 
 QuantEcon is a [NumFocus](http://www.numfocus.org/) Fiscally Sponsored Project, currently funded primarily by the Alfred P. Sloan Foundation.
 
-To learn more about our activities visit the [projects page](projects.md).
+To learn more about our activities you can visit:
+1. [Lectures](/lectures)
+2. [Code Libraries](/code)
+3. [Books](/books)
+4. [Other Projects](/projects)
 
 ## Contact
 
@@ -23,11 +27,13 @@ Send feedback to [contact@quantecon.org](mailto:contact@quantecon.org)
 
 ## Get Involved
 
-QuantEcon is developed [by the community for the community](https://quantecon.org/about) and contributions are welcome. There are several ways you can get involved.
+QuantEcon is developed by the community for the community and contributions are welcome. There are several ways you can get involved.
 
 ## Join the Discourse forum
 
-You can reach out to the [QuantEcon team](https://quantecon.org/team) via the [Discourse forum](http://discourse.quantecon.org/). The forum is a good place to ask questions, get guidance on contributing to the project, or request new lectures or library features.
+You can reach out to the [QuantEcon team](/team) via the [Discourse forum](http://discourse.quantecon.org/). 
+
+The forum is a good place to ask questions, get guidance on contributing to the project, or request new lectures or library features.
 
 ## Donate
 
@@ -40,16 +46,16 @@ Through NumFOCUS, QuantEcon can receive tax-deductible donations to help support
 
 To support the QuantEcon project:
 
-*   [D](https://www.flipcause.com/secure/cause_pdetails/NjY5OA==)[onate directly](http://www.flipcause.com/secure/cause_pdetails/NjY5OA==) via Flipcause
+*   [Donate via NumFOCUS](https://numfocus.org/donate-to-quantecon)
 *   Shop in our [merchandise store](http://quantecon.org/store), featuring hoodies, t-shirts, and more
 
 ## Develop and contribute code
 
-We welcome submission of algorithms and high quality code to [QuantEcon.py](https://quantecon.org/quantecon-py) and [QuantEcon.jl](https://quantecon.org/quantecon-jl) on all topics in quantitative economics.
+We welcome submission of algorithms and high quality code to [QuantEcon.py](/quantecon-py) and [QuantEcon.jl](/quantecon-jl) on all topics in quantitative economics.
 
-*   Information on contributing to [QuantEcon.py](https://quantecon.org/quantecon-py) is found [here](https://quantecon.org/python-developers)
+*   Information on contributing to [QuantEcon.py](/quantecon-py) is found [here](/python-developers)
 
-*   Information on contributing to [QuantEcon.jl](https://quantecon.org/quantecon-jl) is found [here](https://quantecon.org/julia-developers)
+*   Information on contributing to [QuantEcon.jl](/quantecon-jl) is found [here](/julia-developers)
 
 Less experienced developers who wish to get involved can help improve documentation, work on smaller enhancements or report bugs and request features.
 
@@ -59,16 +65,15 @@ If you’ve written code related to quantitative economics and want to share it
 
 ## Contributing to the lectures
 
-QuantEcon develops and supports the following 
-[lecture series](https://quantecon.org/lectures/) for quantitative economics 
-and datascience. Bug fixes or small updates are welcome as pull requests (PR). Some PR
-requirements:
+QuantEcon develops and supports the following [lecture series](/lectures) for quantitative economics and datascience. 
+
+Bug fixes or small updates are welcome as pull requests (PR). Some PR requirements:
 
 1. If possible, a PR should address just one lecture
 2. Python lectures should execute with the *latest* Anaconda environment.
    Please update and check prior to submitting your PR.
 
-Information on contributing to the python lectures can be found [here](https://quantecon.org/contribute-lectures/)
+Information on contributing to the python lectures can be found [here](/contribute-lectures)
 
 ## Resources
 
diff --git a/pages/books.md b/pages/books.md
new file mode 100644
index 0000000..8c065d2
--- /dev/null
+++ b/pages/books.md
@@ -0,0 +1,8 @@
+---
+title: Books
+permalink: /books/
+menu_item: false
+layout: books
+---
+
+# Books
diff --git a/pages/code.md b/pages/code.md
new file mode 100644
index 0000000..8dbb00a
--- /dev/null
+++ b/pages/code.md
@@ -0,0 +1,9 @@
+---
+title: Code Packages
+permalink: /code/
+menu_item: false
+layout: code
+---
+
+# Code
+
diff --git a/pages/lectures.md b/pages/lectures.md
index 1104bb6..98edb06 100644
--- a/pages/lectures.md
+++ b/pages/lectures.md
@@ -1,61 +1,8 @@
 ---
-title: "QuantEcon Lectures"
+title: Lectures
 permalink: /lectures/
 menu_item: false
-redirect_to: https://quantecon.org/projects/#filter=lecture
+layout: lectures
 ---
-# QuantEcon Lectures
 
-<div class="home-blurb">
-    <div class="desc">
-        <p><a href="https://quantecon.org/">QuantEcon</a> hosts lecture series on economics, finance, econometrics and data science.  All lecture series are based on open source languages and open computing environments.</p>
-        <p>These lectures have benefited extensively from the input of many contributors and the financial support of the <a href="https://sloan.org/">Alfred P. Sloan Foundation</a>.</p>
-    </div>
-</div>
-<div class="home-series">
-    <h2 class="visuallyhidden">Lecture Series</h2>
-    <ul>
-        <li>
-            <a href="https://python-programming.quantecon.org/">
-                <span class="icon"><img src="/assets/img/py-logo.png"></span>
-                <h3>Python Programming for Economics and Finance</h3>
-                <p>This lecture series on Python programming for economics and finance is the first text in the series, which focuses on programming in Python.</p>
-            </a>
-        </li>
-        <li>
-            <a href="https://python.quantecon.org/">
-                <span class="icon"><img src="/assets/img/py-logo.png"></span>
-                <h3>Quantitative Economics with Python</h3>
-                <p>This is one of a series of online texts on modern quantitative economics and programming with Python. This is the second text in the series, which focuses on introductory material.</p>
-            </a>
-        </li>
-        <li>
-            <a href="https://python-advanced.quantecon.org/">
-                <span class="icon"><img src="/assets/img/py-logo.png"></span>
-                <h3>Advanced Quantitative Economics with Python</h3>
-                <p>This is one of a series of online texts on modern quantitative economics and programming with Python. This is the third text in the series, which focuses on advanced topics.</p>
-            </a>
-        </li>
-        <li>
-            <a href="https://julia.quantecon.org/">
-                <span class="icon"><img src="/assets/img/jl-logo.png"></span>
-                <h3>Quantitative Economics with Julia</h3>
-                <p>A set of lectures on quantitative economic modeling, designed and written by Jesse Perla, Thomas J. Sargent and John Stachurski</p>
-            </a>
-        </li>
-        <li>
-            <a href="https://datascience.quantecon.org/">
-                <span class="icon"><img src="/assets/img/ds-logo.png"></span>
-                <h3>QuantEcon DataScience</h3>
-                <p>Introduction to Economic Modeling and Data Science</p>
-            </a>
-        </li>
-        <li>
-            <a href=" https://quantecon.github.io/continuous_time_mcs/">
-                <span class="icon"><img src="/assets/img/projects/project-lectures.png"></span>
-                <h3>Continuous Time Markov Chains</h3>
-                <p>This lecture series provides a short introduction to the fascinating field of continuous time Markov chains.</p>
-            </a>
-        </li>
-    </ul>
-</div>
\ No newline at end of file
+# Lectures
\ No newline at end of file
diff --git a/pages/projects.md b/pages/projects.md
index 29786b0..4ff00c7 100644
--- a/pages/projects.md
+++ b/pages/projects.md
@@ -1,8 +1,8 @@
 ---
-title: Projects
-permalink: /projects/
-menu_item: true
-layout: projects
+title: Other Projects
+permalink: projects
+menu_item: false
+layout: other
 ---
-# Projects
 
+# Other Projects
diff --git a/pages/workshops.md b/pages/workshops.md
index e62f7d2..c017afb 100644
--- a/pages/workshops.md
+++ b/pages/workshops.md
@@ -8,6 +8,20 @@ menu_item: false
 QuantEcon runs workshops on computational modeling for economists using Python and Julia. 
 
 ## Recent Workshops
+**April 2023, Kobe University**
+
+*   Presenters: John Stachurski
+*   [Website](https://github.com/QuantEcon/kobe_comp_econ_2023)
+
+**April 2023, Nagoya University**
+
+*   Presenters: John Stachurski
+*   [Website](https://github.com/QuantEcon/nagoya_comp_econ_2023)
+
+**April 2023, Keio University**
+
+*   Presenters: John Stachurski
+*   [Website](https://github.com/QuantEcon/keio_comp_econ_2023)
 
 **September 2022, Central Bank of Chile**
 
@@ -19,17 +33,17 @@ QuantEcon runs workshops on computational modeling for economists using Python
 *   Presenters:  Edouard Challe, Beatrice Cherrier, Alfred Galichon, John Stachurski, Pablo Winant
 *   [Website](https://github.com/albop/CREST2022)
 
-**22 July 2022 , Research School of Economics, ANU, Canberra**
+**July 2022 , Research School of Economics, ANU, Canberra**
 
 *   Presenters: John Stachurski
 *   [Website](https://github.com/QuantEcon/rse_comp_econ_2022)
 
-**10 April 2019, Department of Industry, Innovation and Science**
+**April 2019, Department of Industry, Innovation and Science**
 
 *   Presenters: John Stachurski, Natasha Watkins
 *   [Website](https://quantecon.org/department-of-industry-innovation-and-science)
 
-**28 May 2018, University of Copenhagen**
+**May 2018, University of Copenhagen**
 
 *   Presenters: John Stachurski, Natasha Watkins
 *   [Website](https://quantecon.org/copenhagen-summer-school-2018)