From 51f8ac9ec7f70708a55f199065c1002cc8de29b4 Mon Sep 17 00:00:00 2001
From: Matt McKay <mmcky@users.noreply.github.com>
Date: Fri, 27 Mar 2026 13:10:10 +1100
Subject: [PATCH 01/13] Refresh Books page: DP volumes, community books
 section, top nav
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Split Dynamic Programming into Volume I and Volume II entries
- Add NEW badge to Volume II (General States)
- Add Community Books section with Quant Macro Finance (Hansen, Sargent, Borovička)
- Promote Books to top-level navigation between Lectures and Workshops
- Add category field (quantecon/community) to book project entries
- Add badge-new CSS styling
---
 _layouts/books.html                 | 35 ++++++++++++++++++++++++++---
 _layouts/default.html               |  2 +-
 _projects/dp-vol2.md                | 10 +++++++++
 _projects/dp.md                     |  7 +++---
 _projects/networks.md               |  5 +++--
 _projects/quantmfr.md               |  9 ++++++++
 assets/img/books/quantmfr-image.svg | 19 ++++++++++++++++
 assets/main.scss                    | 12 ++++++++++
 8 files changed, 90 insertions(+), 9 deletions(-)
 create mode 100644 _projects/dp-vol2.md
 create mode 100644 _projects/quantmfr.md
 create mode 100644 assets/img/books/quantmfr-image.svg

diff --git a/_layouts/books.html b/_layouts/books.html
index 63109d6a..fb05e711 100644
--- a/_layouts/books.html
+++ b/_layouts/books.html
@@ -4,11 +4,39 @@
 
 {{ content }}
 
+{% assign all_books = site.projects | where: 'type', 'book' %}
+{% assign qe_books = all_books | where: 'category', 'quantecon' | sort: 'order' %}
+{% assign community_books = all_books | where: 'category', 'community' | sort: 'order' %}
+
+<h2>QuantEcon Books</h2>
+
 <ul class="row projects projects-container">
 
-  {% assign sorted_projects = site.projects | where: 'type', 'book' %}
+  {% for project in qe_books %}
+    <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 }}{% if project.new %} <span class="badge-new">NEW</span>{% endif %}</h3>
+				<div class="item-desc">
+					{{ project.description | markdownify }}
+				</div>
+			</div>
+        </div>
+      </a>
+    </li>
+  {% endfor %}
+
+</ul>
+
+{% if community_books.size > 0 %}
+<h2>Community Books</h2>
+
+<ul class="row projects projects-container">
 
-  {% for project in sorted_projects reversed %}
+  {% for project in community_books %}
     <li class="projects-item">
       <a target="_blank" href="{{ project.link }}">
         <div class="project d-flex flex-column align-items-start">
@@ -25,4 +53,5 @@ <h3 class="name">{{ project.name }}</h3>
     </li>
   {% endfor %}
 
-</ul>
\ No newline at end of file
+</ul>
+{% endif %}
\ No newline at end of file
diff --git a/_layouts/default.html b/_layouts/default.html
index 22cf2593..3533492e 100755
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -75,10 +75,10 @@ <h2 class="title">Quant<span>Econ</span></h2>
           <ul class="nav">
             <li{% if page.layout=='home' %} class="active" {% endif %}><a href="{{ '/' | relative_url }}">Home</a></li>
             <li{% if page.layout=='lectures' %} class="active" {% endif %}><a href="/lectures/"><span>Lectures</span></a></li>
+            <li{% if page.layout=='books' %} class="active" {% endif %}><a href="/books/"><span>Books</span></a></li>
             <li{% if page.permalink=='/workshops/' %} class="active" {% endif %}><a href="/workshops/"><span>Workshops</span></a></li>
             <li class="dropdown"><a><span>Projects</span><i class="bi bi-chevron-down"></i></a>
               <ul>
-                <li><a href="/books">Books</a></li>
                 <li><a href="/code">Code</a></li>
                 <li><a href="/infrastructure">Infrastructure</a></li>
                 <li><a href="https://cheatsheets.quantecon.org/">Cheatsheets</a></li>
diff --git a/_projects/dp-vol2.md b/_projects/dp-vol2.md
new file mode 100644
index 00000000..93954072
--- /dev/null
+++ b/_projects/dp-vol2.md
@@ -0,0 +1,10 @@
+---
+name: "Dynamic Programming, Volume II: General States"
+description: "By Thomas J. Sargent and John Stachurski. Volume II extends the finite state framework to general state spaces, covering abstract dynamic programs, stochastic discounting, valuation, recursive decision processes, and continuous time."
+link: https://dp.quantecon.org
+image: dp-image.png
+order: 1
+type: book
+category: quantecon
+new: true
+---
diff --git a/_projects/dp.md b/_projects/dp.md
index 112f909d..e86647c1 100644
--- a/_projects/dp.md
+++ b/_projects/dp.md
@@ -1,8 +1,9 @@
 ---
-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.
+name: "Dynamic Programming, Volume I: Finite States"
+description: "By Thomas J. Sargent and John Stachurski. Volume I covers dynamic programming theory and applications for finite state spaces, including operators and fixed points, Markov dynamics, optimal stopping, and Markov decision processes."
 link: https://dp.quantecon.org
 image: dp-image.png
-order: 1
+order: 2
 type: book
+category: quantecon
 ---
diff --git a/_projects/networks.md b/_projects/networks.md
index 1930fdba..e28ebcd8 100644
--- a/_projects/networks.md
+++ b/_projects/networks.md
@@ -1,8 +1,9 @@
 ---
 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.
+description: "By John Stachurski. 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
+order: 3
 type: book
+category: quantecon
 ---
diff --git a/_projects/quantmfr.md b/_projects/quantmfr.md
new file mode 100644
index 00000000..7feec01b
--- /dev/null
+++ b/_projects/quantmfr.md
@@ -0,0 +1,9 @@
+---
+name: "Quant Macro Finance"
+description: "By Lars Peter Hansen, Thomas J. Sargent, and Jaroslav Borovička. An online research resource featuring chapters from *Risk, Uncertainty and Value*, developing concepts and tools for uncertainty characterization in nonlinear stochastic equilibrium models."
+link: https://lphansen.github.io/QuantMFR/intro.html
+image: quantmfr-image.svg
+order: 1
+type: book
+category: community
+---
diff --git a/assets/img/books/quantmfr-image.svg b/assets/img/books/quantmfr-image.svg
new file mode 100644
index 00000000..938ec7c2
--- /dev/null
+++ b/assets/img/books/quantmfr-image.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="720" height="720" viewBox="0 0 720 720">
+  <defs>
+    <linearGradient id="bg" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:#1a1a2e"/>
+      <stop offset="100%" style="stop-color:#16213e"/>
+    </linearGradient>
+  </defs>
+  <rect width="720" height="720" fill="url(#bg)"/>
+  <!-- Decorative curves -->
+  <path d="M0 400 Q180 300 360 350 Q540 400 720 300" stroke="#e94560" stroke-width="3" fill="none" opacity="0.6"/>
+  <path d="M0 430 Q180 330 360 380 Q540 430 720 330" stroke="#e94560" stroke-width="2" fill="none" opacity="0.4"/>
+  <path d="M0 460 Q180 360 360 410 Q540 460 720 360" stroke="#0f3460" stroke-width="2" fill="none" opacity="0.5"/>
+  <path d="M0 490 Q180 390 360 440 Q540 490 720 390" stroke="#0f3460" stroke-width="1.5" fill="none" opacity="0.3"/>
+  <!-- Title -->
+  <text x="360" y="240" font-family="Georgia, serif" font-size="64" font-weight="bold" fill="white" text-anchor="middle">Quant Macro</text>
+  <text x="360" y="310" font-family="Georgia, serif" font-size="64" font-weight="bold" fill="white" text-anchor="middle">Finance</text>
+  <!-- Authors -->
+  <text x="360" y="560" font-family="Georgia, serif" font-size="24" fill="#cccccc" text-anchor="middle" font-style="italic">Hansen, Sargent, and Borovička</text>
+</svg>
diff --git a/assets/main.scss b/assets/main.scss
index b314e802..6371962f 100755
--- a/assets/main.scss
+++ b/assets/main.scss
@@ -915,6 +915,18 @@ section {
           width: 150%;
         }
       }
+      // NEW badge for recently added books
+      .badge-new {
+        display: inline-block;
+        background-color: #e94560;
+        color: #fff;
+        font-size: 0.65rem;
+        font-weight: 700;
+        padding: 0.15em 0.5em;
+        border-radius: 3px;
+        vertical-align: middle;
+        letter-spacing: 0.05em;
+      }
       .item-title {
         h3 {
           color: $color-link;

From 24a4f4e501679f6d76e8b98ec0f334f879833b28 Mon Sep 17 00:00:00 2001
From: Matt McKay <mmcky@users.noreply.github.com>
Date: Fri, 27 Mar 2026 13:18:23 +1100
Subject: [PATCH 02/13] Remove redundant Books heading, center and space
 section headers

---
 _layouts/books.html | 4 ++--
 assets/main.scss    | 5 +++++
 pages/books.md      | 2 --
 3 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/_layouts/books.html b/_layouts/books.html
index fb05e711..20f2e33b 100644
--- a/_layouts/books.html
+++ b/_layouts/books.html
@@ -8,7 +8,7 @@
 {% assign qe_books = all_books | where: 'category', 'quantecon' | sort: 'order' %}
 {% assign community_books = all_books | where: 'category', 'community' | sort: 'order' %}
 
-<h2>QuantEcon Books</h2>
+<h2 class="books-section-heading">QuantEcon Books</h2>
 
 <ul class="row projects projects-container">
 
@@ -32,7 +32,7 @@ <h3 class="name">{{ project.name }}{% if project.new %} <span class="badge-new">
 </ul>
 
 {% if community_books.size > 0 %}
-<h2>Community Books</h2>
+<h2 class="books-section-heading">Community Books</h2>
 
 <ul class="row projects projects-container">
 
diff --git a/assets/main.scss b/assets/main.scss
index 6371962f..131b11fb 100755
--- a/assets/main.scss
+++ b/assets/main.scss
@@ -871,6 +871,11 @@ section {
 # Projects Style (Linear Listing)
 --------------------------------------------------------------*/
 
+.books-section-heading {
+  text-align: center;
+  margin: 2.5rem 0 1.5rem 0;
+}
+
 .projects {
   padding: 0;
   list-style: none;
diff --git a/pages/books.md b/pages/books.md
index 8c065d2f..6ec4c0ef 100644
--- a/pages/books.md
+++ b/pages/books.md
@@ -4,5 +4,3 @@ permalink: /books/
 menu_item: false
 layout: books
 ---
-
-# Books

From 91cfb6e1b6f3e4fb2ec39a8b44f9f23e348958e8 Mon Sep 17 00:00:00 2001
From: Matt McKay <mmcky@users.noreply.github.com>
Date: Fri, 27 Mar 2026 13:23:44 +1100
Subject: [PATCH 03/13] Fix unclosed div tags in books layout (Copilot review
 feedback)

---
 _layouts/books.html | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/_layouts/books.html b/_layouts/books.html
index 20f2e33b..ca6eec08 100644
--- a/_layouts/books.html
+++ b/_layouts/books.html
@@ -24,6 +24,7 @@ <h3 class="name">{{ project.name }}{% if project.new %} <span class="badge-new">
 					{{ project.description | markdownify }}
 				</div>
 			</div>
+          </div>
         </div>
       </a>
     </li>
@@ -48,6 +49,7 @@ <h3 class="name">{{ project.name }}</h3>
 					{{ project.description | markdownify }}
 				</div>
 			</div>
+          </div>
         </div>
       </a>
     </li>

From 2940f4a1698bf6a36d23b68b76956c00dfec2873 Mon Sep 17 00:00:00 2001
From: Matt McKay <mmcky@users.noreply.github.com>
Date: Fri, 27 Mar 2026 13:27:25 +1100
Subject: [PATCH 04/13] Add nav pills to signal QuantEcon and Community book
 sections

---
 _layouts/books.html | 11 +++++++++--
 assets/main.scss    | 23 +++++++++++++++++++++++
 2 files changed, 32 insertions(+), 2 deletions(-)

diff --git a/_layouts/books.html b/_layouts/books.html
index ca6eec08..99fa832b 100644
--- a/_layouts/books.html
+++ b/_layouts/books.html
@@ -8,7 +8,14 @@
 {% assign qe_books = all_books | where: 'category', 'quantecon' | sort: 'order' %}
 {% assign community_books = all_books | where: 'category', 'community' | sort: 'order' %}
 
-<h2 class="books-section-heading">QuantEcon Books</h2>
+{% if community_books.size > 0 %}
+<div class="books-nav">
+  <a href="#quantecon-books" class="books-nav-pill active">QuantEcon Books</a>
+  <a href="#community-books" class="books-nav-pill">Community Books</a>
+</div>
+{% endif %}
+
+<h2 id="quantecon-books" class="books-section-heading">QuantEcon Books</h2>
 
 <ul class="row projects projects-container">
 
@@ -33,7 +40,7 @@ <h3 class="name">{{ project.name }}{% if project.new %} <span class="badge-new">
 </ul>
 
 {% if community_books.size > 0 %}
-<h2 class="books-section-heading">Community Books</h2>
+<h2 id="community-books" class="books-section-heading">Community Books</h2>
 
 <ul class="row projects projects-container">
 
diff --git a/assets/main.scss b/assets/main.scss
index 131b11fb..83be3521 100755
--- a/assets/main.scss
+++ b/assets/main.scss
@@ -876,6 +876,29 @@ section {
   margin: 2.5rem 0 1.5rem 0;
 }
 
+.books-nav {
+  display: flex;
+  justify-content: center;
+  gap: 1rem;
+  margin: 1.5rem 0 0.5rem 0;
+}
+
+.books-nav-pill {
+  display: inline-block;
+  padding: 0.5rem 1.5rem;
+  border: 2px solid $color-link;
+  border-radius: 25px;
+  color: $color-link;
+  font-weight: 600;
+  text-decoration: none;
+  transition: background-color 0.2s, color 0.2s;
+  &:hover, &.active {
+    background-color: $color-link;
+    color: #fff;
+    text-decoration: none;
+  }
+}
+
 .projects {
   padding: 0;
   list-style: none;

From 340af617d487c69df4000374249196da41215391 Mon Sep 17 00:00:00 2001
From: Matt McKay <mmcky@users.noreply.github.com>
Date: Fri, 27 Mar 2026 13:38:00 +1100
Subject: [PATCH 05/13] Convert pills to toggle selector, remove section
 headings

---
 _layouts/books.html | 26 ++++++++++++++++++++++----
 assets/main.scss    | 12 ++++--------
 2 files changed, 26 insertions(+), 12 deletions(-)

diff --git a/_layouts/books.html b/_layouts/books.html
index 99fa832b..948641e5 100644
--- a/_layouts/books.html
+++ b/_layouts/books.html
@@ -10,12 +10,12 @@
 
 {% if community_books.size > 0 %}
 <div class="books-nav">
-  <a href="#quantecon-books" class="books-nav-pill active">QuantEcon Books</a>
-  <a href="#community-books" class="books-nav-pill">Community Books</a>
+  <button class="books-nav-pill active" data-target="quantecon-books">QuantEcon Books</button>
+  <button class="books-nav-pill" data-target="community-books">Community Books</button>
 </div>
 {% endif %}
 
-<h2 id="quantecon-books" class="books-section-heading">QuantEcon Books</h2>
+<div id="quantecon-books" class="books-section">
 
 <ul class="row projects projects-container">
 
@@ -39,8 +39,10 @@ <h3 class="name">{{ project.name }}{% if project.new %} <span class="badge-new">
 
 </ul>
 
+</div>
+
 {% if community_books.size > 0 %}
-<h2 id="community-books" class="books-section-heading">Community Books</h2>
+<div id="community-books" class="books-section" style="display: none;">
 
 <ul class="row projects projects-container">
 
@@ -63,4 +65,20 @@ <h3 class="name">{{ project.name }}</h3>
   {% endfor %}
 
 </ul>
+
+</div>
+
+<script>
+document.addEventListener('DOMContentLoaded', function() {
+  var pills = document.querySelectorAll('.books-nav-pill');
+  pills.forEach(function(pill) {
+    pill.addEventListener('click', function() {
+      pills.forEach(function(p) { p.classList.remove('active'); });
+      pill.classList.add('active');
+      document.querySelectorAll('.books-section').forEach(function(s) { s.style.display = 'none'; });
+      document.getElementById(pill.getAttribute('data-target')).style.display = 'block';
+    });
+  });
+});
+</script>
 {% endif %}
\ No newline at end of file
diff --git a/assets/main.scss b/assets/main.scss
index 83be3521..dd3272b8 100755
--- a/assets/main.scss
+++ b/assets/main.scss
@@ -871,16 +871,11 @@ section {
 # Projects Style (Linear Listing)
 --------------------------------------------------------------*/
 
-.books-section-heading {
-  text-align: center;
-  margin: 2.5rem 0 1.5rem 0;
-}
-
 .books-nav {
   display: flex;
   justify-content: center;
   gap: 1rem;
-  margin: 1.5rem 0 0.5rem 0;
+  margin: 1.5rem 0 1rem 0;
 }
 
 .books-nav-pill {
@@ -888,14 +883,15 @@ section {
   padding: 0.5rem 1.5rem;
   border: 2px solid $color-link;
   border-radius: 25px;
+  background: none;
   color: $color-link;
+  font-size: 1rem;
   font-weight: 600;
-  text-decoration: none;
+  cursor: pointer;
   transition: background-color 0.2s, color 0.2s;
   &:hover, &.active {
     background-color: $color-link;
     color: #fff;
-    text-decoration: none;
   }
 }
 

From 89cc742ff4a10b674afe0a4f0820f9ac3a96b80d Mon Sep 17 00:00:00 2001
From: Matt McKay <mmcky@users.noreply.github.com>
Date: Fri, 27 Mar 2026 14:00:55 +1100
Subject: [PATCH 06/13] Show all books in one list, add QE watermark, and
 reorder nav

---
 _layouts/books.html   | 31 +++----------------------------
 _layouts/default.html |  2 +-
 assets/main.scss      | 33 +++++++++------------------------
 3 files changed, 13 insertions(+), 53 deletions(-)

diff --git a/_layouts/books.html b/_layouts/books.html
index 948641e5..f7d421a1 100644
--- a/_layouts/books.html
+++ b/_layouts/books.html
@@ -8,21 +8,15 @@
 {% assign qe_books = all_books | where: 'category', 'quantecon' | sort: 'order' %}
 {% assign community_books = all_books | where: 'category', 'community' | sort: 'order' %}
 
-{% if community_books.size > 0 %}
-<div class="books-nav">
-  <button class="books-nav-pill active" data-target="quantecon-books">QuantEcon Books</button>
-  <button class="books-nav-pill" data-target="community-books">Community Books</button>
-</div>
-{% endif %}
-
-<div id="quantecon-books" class="books-section">
-
 <ul class="row projects projects-container">
 
   {% for project in qe_books %}
     <li class="projects-item">
       <a target="_blank" href="{{ project.link }}">
         <div class="project d-flex flex-column align-items-start">
+          <div class="book-watermark-wrap">
+            <img class="book-watermark" src="/assets/img/qe-logo-small.png" alt="QuantEcon logo">
+          </div>
           <div class="item-info d-flex">
             <div class="item-pic-books"><img src="/assets/img/books/{{ project.image }}"></div>
             <div class="item-title">
@@ -39,10 +33,7 @@ <h3 class="name">{{ project.name }}{% if project.new %} <span class="badge-new">
 
 </ul>
 
-</div>
-
 {% if community_books.size > 0 %}
-<div id="community-books" class="books-section" style="display: none;">
 
 <ul class="row projects projects-container">
 
@@ -65,20 +56,4 @@ <h3 class="name">{{ project.name }}</h3>
   {% endfor %}
 
 </ul>
-
-</div>
-
-<script>
-document.addEventListener('DOMContentLoaded', function() {
-  var pills = document.querySelectorAll('.books-nav-pill');
-  pills.forEach(function(pill) {
-    pill.addEventListener('click', function() {
-      pills.forEach(function(p) { p.classList.remove('active'); });
-      pill.classList.add('active');
-      document.querySelectorAll('.books-section').forEach(function(s) { s.style.display = 'none'; });
-      document.getElementById(pill.getAttribute('data-target')).style.display = 'block';
-    });
-  });
-});
-</script>
 {% endif %}
\ No newline at end of file
diff --git a/_layouts/default.html b/_layouts/default.html
index 3533492e..386cfa4b 100755
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -75,8 +75,8 @@ <h2 class="title">Quant<span>Econ</span></h2>
           <ul class="nav">
             <li{% if page.layout=='home' %} class="active" {% endif %}><a href="{{ '/' | relative_url }}">Home</a></li>
             <li{% if page.layout=='lectures' %} class="active" {% endif %}><a href="/lectures/"><span>Lectures</span></a></li>
-            <li{% if page.layout=='books' %} class="active" {% endif %}><a href="/books/"><span>Books</span></a></li>
             <li{% if page.permalink=='/workshops/' %} class="active" {% endif %}><a href="/workshops/"><span>Workshops</span></a></li>
+            <li{% if page.layout=='books' %} class="active" {% endif %}><a href="/books/"><span>Books</span></a></li>
             <li class="dropdown"><a><span>Projects</span><i class="bi bi-chevron-down"></i></a>
               <ul>
                 <li><a href="/code">Code</a></li>
diff --git a/assets/main.scss b/assets/main.scss
index dd3272b8..840610cf 100755
--- a/assets/main.scss
+++ b/assets/main.scss
@@ -871,30 +871,6 @@ section {
 # Projects Style (Linear Listing)
 --------------------------------------------------------------*/
 
-.books-nav {
-  display: flex;
-  justify-content: center;
-  gap: 1rem;
-  margin: 1.5rem 0 1rem 0;
-}
-
-.books-nav-pill {
-  display: inline-block;
-  padding: 0.5rem 1.5rem;
-  border: 2px solid $color-link;
-  border-radius: 25px;
-  background: none;
-  color: $color-link;
-  font-size: 1rem;
-  font-weight: 600;
-  cursor: pointer;
-  transition: background-color 0.2s, color 0.2s;
-  &:hover, &.active {
-    background-color: $color-link;
-    color: #fff;
-  }
-}
-
 .projects {
   padding: 0;
   list-style: none;
@@ -915,6 +891,15 @@ section {
     @media (min-width: 768px) {
       min-height: 100px;
     }
+    .book-watermark-wrap {
+      position: absolute;
+      top: 0.6rem;
+      right: 0.8rem;
+    }
+    .book-watermark {
+      width: 36px;
+      opacity: 0.25;
+    }
     
 
     .item-info {

From 425be7e1de950fb9e9c706470c01d8c479c8ac76 Mon Sep 17 00:00:00 2001
From: Matt McKay <mmcky@users.noreply.github.com>
Date: Fri, 27 Mar 2026 14:04:44 +1100
Subject: [PATCH 07/13] increase transparancy for qe logo to be more visible

---
 assets/main.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/assets/main.scss b/assets/main.scss
index 840610cf..0da6125d 100755
--- a/assets/main.scss
+++ b/assets/main.scss
@@ -898,7 +898,7 @@ section {
     }
     .book-watermark {
       width: 36px;
-      opacity: 0.25;
+      opacity: 0.45;
     }
     
 

From d6173c1a8a330a25618d14900bde490ed45e12ef Mon Sep 17 00:00:00 2001
From: Matt McKay <mmcky@users.noreply.github.com>
Date: Fri, 27 Mar 2026 15:09:41 +1100
Subject: [PATCH 08/13] Add QuantMFR cover art, reorder books, and reduce card
 size

- Merge QE and community books into one sorted list (QuantMFR now 2nd)
- Download and use real cover art from the QuantMFR project page
- Mark QuantMFR as NEW; QE watermark shown only for quantecon-category books
- Reduce book card height via smaller image container and tighter spacing

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 _layouts/books.html                 |  43 ++++++----------------------
 _projects/dp.md                     |   2 +-
 _projects/networks.md               |   2 +-
 _projects/quantmfr.md               |   5 ++--
 assets/img/books/quantmfr-cover.png | Bin 0 -> 8939 bytes
 assets/main.scss                    |  26 +++++++++++++++--
 6 files changed, 38 insertions(+), 40 deletions(-)
 create mode 100644 assets/img/books/quantmfr-cover.png

diff --git a/_layouts/books.html b/_layouts/books.html
index f7d421a1..0ddf180e 100644
--- a/_layouts/books.html
+++ b/_layouts/books.html
@@ -4,27 +4,27 @@
 
 {{ content }}
 
-{% assign all_books = site.projects | where: 'type', 'book' %}
-{% assign qe_books = all_books | where: 'category', 'quantecon' | sort: 'order' %}
-{% assign community_books = all_books | where: 'category', 'community' | sort: 'order' %}
+{% assign all_books = site.projects | where: 'type', 'book' | sort: 'order' %}
 
-<ul class="row projects projects-container">
+<ul class="row projects projects-container books-listing">
 
-  {% for project in qe_books %}
+  {% for project in all_books %}
     <li class="projects-item">
       <a target="_blank" href="{{ project.link }}">
         <div class="project d-flex flex-column align-items-start">
+          {% if project.category == 'quantecon' %}
           <div class="book-watermark-wrap">
             <img class="book-watermark" src="/assets/img/qe-logo-small.png" alt="QuantEcon logo">
           </div>
+          {% endif %}
           <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 }}{% if project.new %} <span class="badge-new">NEW</span>{% endif %}</h3>
-				<div class="item-desc">
-					{{ project.description | markdownify }}
-				</div>
-			</div>
+			  <div class="item-desc">
+				{{ project.description | markdownify }}
+			  </div>
+		    </div>
           </div>
         </div>
       </a>
@@ -32,28 +32,3 @@ <h3 class="name">{{ project.name }}{% if project.new %} <span class="badge-new">
   {% endfor %}
 
 </ul>
-
-{% if community_books.size > 0 %}
-
-<ul class="row projects projects-container">
-
-  {% for project in community_books %}
-    <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>
-        </div>
-      </a>
-    </li>
-  {% endfor %}
-
-</ul>
-{% endif %}
\ No newline at end of file
diff --git a/_projects/dp.md b/_projects/dp.md
index e86647c1..720efe59 100644
--- a/_projects/dp.md
+++ b/_projects/dp.md
@@ -3,7 +3,7 @@ name: "Dynamic Programming, Volume I: Finite States"
 description: "By Thomas J. Sargent and John Stachurski. Volume I covers dynamic programming theory and applications for finite state spaces, including operators and fixed points, Markov dynamics, optimal stopping, and Markov decision processes."
 link: https://dp.quantecon.org
 image: dp-image.png
-order: 2
+order: 3
 type: book
 category: quantecon
 ---
diff --git a/_projects/networks.md b/_projects/networks.md
index e28ebcd8..61a29d2e 100644
--- a/_projects/networks.md
+++ b/_projects/networks.md
@@ -3,7 +3,7 @@ name: Economic Networks
 description: "By John Stachurski. 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: 3
+order: 4
 type: book
 category: quantecon
 ---
diff --git a/_projects/quantmfr.md b/_projects/quantmfr.md
index 7feec01b..242e2ac3 100644
--- a/_projects/quantmfr.md
+++ b/_projects/quantmfr.md
@@ -2,8 +2,9 @@
 name: "Quant Macro Finance"
 description: "By Lars Peter Hansen, Thomas J. Sargent, and Jaroslav Borovička. An online research resource featuring chapters from *Risk, Uncertainty and Value*, developing concepts and tools for uncertainty characterization in nonlinear stochastic equilibrium models."
 link: https://lphansen.github.io/QuantMFR/intro.html
-image: quantmfr-image.svg
-order: 1
+image: quantmfr-cover.png
+order: 2
 type: book
 category: community
+new: true
 ---
diff --git a/assets/img/books/quantmfr-cover.png b/assets/img/books/quantmfr-cover.png
new file mode 100644
index 0000000000000000000000000000000000000000..10fbff57da8e37b75a9dab51063cdaac21716bdd
GIT binary patch
literal 8939
zcmc(D1yogCxAs0kBb-A>!=V)6fV4<=hll}!N`rKxlyrB4bc=u>NJ@jWG$LIhA}t|(
zH~9L!@Ar*=jDOs5#~pW_efFMfu367qd#^elKc52-in0o_00aU65by__FF-RCq@<qS
zxvM6tpe%FQ0FAUTu(XGB0)VBJgWX*@NtCA6BNXtDqGw=lBXQ@B@;_MrLGF)TSO<V%
z_6uA8(fI$X;u#v*8-M{~gMtDEHg*mmEe_JE&JH#gbR<ZV7?|oAf^-f@qwT-|L3-eV
zum77~x}Z&d)4wigyL)$~004>)(kPSPH2Q+p|4m<DK^d6ZS%NYaAkAcH;RwcXSuT*^
z8(H1g0H4&Ce|z9AAO}bSC_o=@1fBsFfCIn|KCQr<{lE3NFZEObYf#4kyxRaT06S2_
z1TY14(ID3mum_C5r!mMk0)G~u1X%vg{ogsYH|Dvp2SUbI1OSZ1^Yfpq0D$!h08RtW
z&yTat&rh=f05%Q)O|gILTgQUw+yMEJfAg490f5j404f{)=IQ4GKoyu{@);XFJH1Ok
zFz^mFHU@y5d;qwj1pvfgu5q>hr|rM<4cfl24`hD^fP1b0pxg%lNyz|k4fIE-b3O@3
z0T?hi91g<(Zx|RDm{|DOSYRQ<!^6Qx5)u(136V(RtJGw~B$T8`Bso1fB@GQ79UU<l
z0}}%+6E!Uz?S&BtsEUP&MSzV>Kudxoq5W@{^A-S!4RL}v!5|C(6bXSLA?I!23jqP3
zFv!Ih^`~HBLEsoLY$(`DanS(#M;q8@P#7HJd;-7+*-!)w0di`@|ET^iJ?$J{JfS(e
zw`Jp!0rsnjpS9QwskznnJ<8jEdxjjI+Ls_s931P_DD6`pzh#@il)5+ZU`$o-t<R&<
zQ!V$$u0nD*QGX)b*$b>#Rb{J@)p^`!nMkvmy!KF|C%jknA>@m1b~@AGD_+;FhV8b<
zrpjAIPp(^C?;6#fcI<fh_O_!|<Co9nFB|Ni;ry|6<@rsi_rhnf1kEAe(v|#L%PQ@E
zNTX?8Js5?PUdr8kxqWPNwD&n#V)cdlii+3k=I_rw*36{x>ph%uOVu_gU-PJFY6bIn
zSzwf}Y?88{xc7c9>rc<xwK?_yEJhA?b)Y8MHAh^ScQoJEV6K0B854r~O923Q8MNY7
z=T@%NFFoyy&(ikw1+Z&aq<!BvZ3d7fDyh@6gESG*h|)-`7}s6RARIF$=7RV^#%JKS
z1duN~%uyazUORe~aE&MQ;N-Ap)t-&^47NgB&+H_tMs!QT@eq^8Pua>v|66cYV=3F5
zaajr^hDP=2oyIfUBcX3B+n-3d4FqVT$8C-nGbLuWR{>ygYu7~hgo-h{K6LKzXVUQ3
zVF8Nj?+rn_BG1^e4Z8ezytrz<horFvpEbP=-F@-yXi~eg;K5dbGdum)p9zDF0%?-D
z^|$ZUvTCj$F1St2ejECh$4*|>1nVEXj`cxV3O)XbF#Wc>s*%CoVJYtE@k!c@0O8nD
zXn+aSz<!ua_&({W*HeN`JU**J67B8)=DHh)3u{d0fWRru&#1)|*42c&k69{DSQF=q
zGwyya-0WQQ1mEJnVjWt@w_=%l*eEv;z$TD*?-QTJ$ROks=|3Van=Qe#;?)QV)o?cc
z5IK3+vof2ahMw2L<nc;bnB+s-UG$8BfT-Koz1wji!Ku|*mZWinDVy~kov$qmV?Dp&
zCQj|P_mj%J)P30U6p=7GgaU*cE|SUEcE6u7q9^-XxcjhDdJ?`X-)?%Yxsf<%58u%3
zp!Xdg_LX+3R3ZR)ZCRk8y6nPR@*MwHA=_~{x46;q={pZ_gagAlDtcQkLe%9<Sj~#}
zQu%ODv>BsbH#NHXBCh|#LI(~g90&jcgTbI!02G3884DZ=!vG+dh^u@k9wZSl2`8^O
zJp&Ud*B#GDaFoFY#~%m=^c?swWIgSb*`>XH67$ZZ?}PioQ{sdEnuR6YlUz5uZyDDZ
zB<<uYu63$yG#+c8yq0+xadVqmL!Y3>x>uf{o80`M^Y(W<=xlI)%o3B);rPl84~aQd
z`&rZD0;8-{58YqeRQN9kR@WvCx@zos-IvFuI5J0`iGJG)wjL%%$t9Y~9D2Wg#>c(I
zq#3np=^;NBn>R(%BiQoRFi-b06HWkxp6kd&VXM69b?JQPp8so;SP8V?7GdcstyM^4
zO^nJ1Vupx2!Y^J<$iKoDphr(iB5i|<QaykvHDLlyxfHF#o9cJC8otow9-xOM=w(wD
z(3Ru0UZT<=+-TI9^A%EfW<G5My>w+Jz4|JtQdO|T)2bM*_D*V^8+s|8)+#GmMR#iM
z7GPSQ#W{W;-a<B(*hG-Z5UyO&@Hve7<`5S;nq(YC0k7P7Lb+A^0%ORMRw|=ycQWgX
z(weMrh9NiGQ8d1GbHF0z^E&O8*_`~MR<2^5Y==h{6#=y48>_$8MdVc?Q|TxY;>@3G
zD@Q)kQv$!HFZ^<;<ICu#b3mvscWiNy&RA_P`81K1{#C=n6N}b^=boD7u$A34dyWnA
z?kTQV>L%vKA+W0YyGl|jD{_}eA6nl^q3zFI1ujr7q~fX#*la#Nm=Db}F-UVd*m}Q%
zJ^A#KQT#`a!R+=!!>E~GIZw-Bl4Z`cW7^S!2_(a1vP=Veo&BYHvxg0d32a(bQ@<E$
zZq=zCxJ15Z*e-9sVxwgE(Pe46Mi#p-(Ll>eNykoVf-L(Jb6#$*`bYC1yZ5i$`@Pv>
zTq`!6=K@4@V~2(o-MM{TU=k6_Po=Av2SYktqs-YOzqi#q>T6hzYC#Y2cg0mI7r!&I
zjA64#k}zoJHmJ{ct(9#NwwcroZs1h&+BU|pw7tHuW}@(kr8U5+k7tm*%Rw%-43|S8
zKAYB7wQlgzZ66oM)7Klr_0wFUjB?sa#hvBrpN6s59XMtTedzS2zsE0CY&H4^JNCTK
z57^FQ?jEx|;PqvP(A4-A_cB}QvDxEjCn`p;V-g%Zo7qTAM`nMbkI$h!!2IsV*z`19
zJ9>y0k0zq<v*LTWQM{_EAcnoNQe4sGh8uZ4(S=6Tu(dD$GRNB(iaCcUW3$+4MSrp{
z9Vd2E@rlk9@p3PyKa+*;XD_Ea|C`$8<Kjg(JIeJpOJI1d)h(1#Yu%WoAw_0F({Wn)
z)5Anx&H0a$C9ntc*9%rB)kiC{-&o2$m<Z31Hsz;X7n=U@5e|`Zdw1zXi^M$)p+1F5
z+`dEpKG}Vmi{nALbxj^~&z{JHb6p-w><m+;7JU%%0mUPUv<xN5=nA*!OT~=s)>7l7
ze|gi_Y1EhoyFlMf27E)dw9f&uVdCgRqZ)S34W4}7<63>4V&hp5e!}WSH!G_J4&Mmh
z-&~m(nV2V3Sa365Y!iMm&RW@gA5PRnoae#(1<K!izY?cF^Pv~_JM08Qx=D-&<E)u_
zPp~&~C)@Ep2G#CgwyR%7Ji6L~L;I_lR!FyS662oq?F`a$AaoWS^4O3ULmmVRhVf?|
z1qB&!BoRG=n30o9T!I9p$IYW|W9xZ2-hpc|F~}*fcXPFDdjr|E)~&-xP4!mSC~%tB
zO=Oj<?&)L><4)>kZ?bGC$7^Qc(x`iVwRnYQ@o_~*f^Ru!#bRx3xbD#5t}wAp?~4|B
zm0F}CpFVlEz1&{Q{U$=Wqs6!WUX7USeUdMtdV8qI!fRAj(relJcF#|))1dtZ;-W|o
z-xFE2tR|yjN3|KD5=BB>=CejgmD=eC%fGB<vXmhj9d!g#&xdAPouT+wjL!ksIRK($
z1yRBw5G-(H|EpZAE0IJ9dWK7oaAFb^x4NFqZ;;U6AW?LL3B4G}xXPMbYn14r{-E{j
z(lIXuiqOGfL-v!Ofy!1gqQVbzsSfs)V?v^nQXb*TYx~_QxD)dHNxqxrR^lLeS62t4
zNy>;bG+1$bBd8B4YyK(1{?V*+cd+E=FDelf_v|ra%;XYYEyu{4s(d%ei+AwX^P_z^
zvN64pk<8+>=ziMz2y06W1R!`ZGeKZjxESD!bP3@S0D{XFPK2W8k+35Mfq)3?qnk;@
zCA~85+>I)e^7f1z{A-rN6a#0el=i-L8VLb;Gdb<9HaYZ5Jh2<EKlh2!W$=qGX*!3$
ztNO4n$<wdX{X=AhFU!-zYd)oM@(p*V4b4i;Xy5D{u|en^!U5W)Lsgt;=RBbgrk!WY
zaY<<3Afa_`dD8(O3Z1^z8tg9zBIf}26Dzzl7jCPKDp4u%@<cOsLn)7nSsGKJ>I|W<
zlvt8c7Ym<F!(4v#>QQcq4-Bdqh_1O3BU9mrZUGe@rsBiF7RLug!xNS%A$(r1jT_eI
zu}W9Vc^^MQL8BUQ<<C~?R&U*4wiP>4?^+t6IUOH6`$o@6*;<&2BRJkbd|j}i&|0S=
zJJ)$}Ipt>!S;LQR^exilA5~fNFKVbWCrj>$6t^4Kl{dCiBs;1LO4YU?pN+6eNQAD9
zdGYgaNZp8V|CLv_N|};nGR@6cU#K~5?-A|)FqQz}VPUv_ocUz<{VRB1eO1AHL$bGp
z<+QQ++bN9<TVAoa)cUbx>#-V>aQl+7!Mf+N6hchPu^*qSb2{_V#|l#(Sh4zCL`3n_
zX3UcP7HKzB%_%^BqG)W|)FBk^Ct=#1bk@yqyedW~h%#!~9Xpjh2O{lhY_V_mtxQ-S
zc8L9wHJRc&OF<czj*MB)nrFL(e|na=T%3K1XL=4uB3c>CBV3>5tV}Z&PRoXA%N<=E
zJoD=kKOnOiA2TAb;UFa;{fk-gGSiZ7<=-kQLD6Ejmwl28@8ABd_-`^*d2Crp5lwrl
zPN$upj{W`BJIoFBvXeE8$xfxD`0{gO?%d}OMf>y|tlC-gHBLC;jDH_3VchUB7OwEP
zm5JskIIH!-<Dm35$6UwxwaY{6a)XcRF=HQ0Mk7}wJ;xOP-&FVL=YA5JUh8aqP<`(i
zC9UlUvYT#yFg-#p^2K+9lMqo{#)VU)U*rpq{Xj+(@l0i?wk&)0)xi+ccKi}omJaV!
zZzukpwYXx^+#aj`d9&1jwesAES76k74Lm9wDhWEo22>R$i-U%}(=NY0CVwL^bBN%x
z4^s_n=@f2s)%F?&!=Dfc%Z(t#P$5{ZjsGf8B^|zN$ni<&{WBwKr?KR)EQZCzN&m=8
zdFdUf%+<ah#(U*1U+OJpd<VTDs?9=Fa>(~X;8&5Geo$Na=^U7vA5-fvFA#k2AwKIf
zE;3_WlP@l&m8Q=q8xOT}dKABK88ouY_d)I0C$V|6@SF1vL-sFCYX=7S;;65`cP;yI
zeX(NuZCIfF<H>=qOEl<o&#d_hJww{3jd!OsN>w`wGNjnLU&*;&`C$SI=F6bo=n!W*
zPDZ$=yy=jkTkfp3B-g@9*fjOGSevk7Jv>$X$E6e%B6O==2)^dx{}tcZq49y!MjZ=i
z<x9%oP`RdxmrsfcG0OPIT8RJPW!|e`d27UF756iKhA*w8HOoD}F1hVE=B*~Zu8J*^
zmoYuo-|=j*Qu%e*H_`FG{F>VcT3x24JT}y!x2{8KE?1bw;>0OUgylaasuuKVs5ZCw
z11bi5>CR+VpZ{QrRqVb!s{Mfd4H+Y&7hg#XQ`kC1R`S?rh*^7&sBDxHqnow4y|#+E
zS^Il^;s)7B%p~lz`w7Kwu8szZ@8A?$I&kB@@445THBn}%>FaGAe=2pBbU8Di!GRSD
z9w@;7b;<w%kO+FNOq7JW-ZrOgnYh>B)}5&4`M($ZV)W-gO}LLT@rb*2;dK=EM3}Oa
z0L3`~nDi0277F*w7MR>*S5+gU9KrVDgnf>LE8?_?1)@v`RHp~>71P4!85f|&JqmaQ
zc66SJ#Kt(W>J&O@B<oo=@BM;&>KGLEc?!%C?4(^1;RZ&Sxq!{tcb90zCc6sU9B~Ok
z@<?*~XT<gQzSgxYbp=hTHQVVy^pS5*WY=zIKX)p{%V06ejI!YlCWmxM;Cp5C7vkGo
zI|m{P3+R*kpV$r<CI#<wv%pI<F^#xdk1#|%qvT#=R6uS3IsQ2_Icz5+SdJ+y?O42#
z!`%dJbffCU>rVH%jlPh#k#QNDdVWGhnz^gjMP`!TI0s0?rtsCj;IEGdM`jE1wlFz0
zx@B*b(!Y&~iUz)G8FLA3=+!_X30TL1e)b<R<CX#*-JE4W9tC~i(}NH(DX-4WjqtS~
z5nt!Tq{D#G2C}{a_AA)dFI!R)^nex#=m4fG_C31S*O7b+n>efqVw&PN6(2erFwSG#
z8rD6HpANaUQ_gW3hz~$k-?7~&OQ`n6lt<|YDmWT>VnZwux&SUVsodRKQUJRPGukqk
zE4=>;pgU9Qud0A)#NXR54$-Y-(Mv@feP8Y7Hyg4_?~E_%UsOzNG9Jme?(BdISn3si
z>q%#X<BET3jU7aWak8azxa9^tF{J0}!IbGw5Y;)f|N8r}BqeULdM832?qTKq(daMU
z6}Gk+*tpT-bxapk2Ak<lh1*Pru_)7$C{Z~;Lp4|;s_7mdmPI#%B$2WeXT1X^wa#e&
zr&|pBDmEYG3@MEZ`s*@9qg_K#ObezZn)v*2#8QQD!~y`Uu;e3UJ)3R)e&l2=zx8lo
z+A<Qm<LTA(nRw7Qha^{fj`txNs)1YCT!d@?9#TmadQ%<Ci+HV#fq_YpYoB%ht%p9h
z#Wj-Sb0C&2$lWYhsBjS$^m5S1cMylP?HqVVz)g)A{MEPb{<TbAO@&oe`I?j~HdA^o
zA>S(mHq5>)i@8_G@H(L~f}Hg}C|4!)1sE!)G`f<jkPa~cGLg!PIrGk%(SSVKz}9b-
ze$J4&x~*_E&s6J8a?N4Hq$SdiwChGPJ`VDecb`alo@t3Xe$e0<<6JZ&<R($Su1{sY
zM$tt&9x~fMY~;F%(R<|~|Djx0gmZUP%07}Jijlz(tNN|-piZ`vOp!6b;uuJviJ>sp
zM^+7nxKg5ckr6mR9cu~{-l$onWQ(;5v?j+EcZ*Dm#w-rtej^RT#61Ttl0t1FKg5ma
zeZqmaReiH%t`Q{ZdCKK#9`f1$9MFroPIK%CV!9<yjrG_pv;`Hj9#lwfJhH6k8upQ_
zpy8EN_;QJd{!_lx@kFX*g*t%|>CM|jl=M^n?ou*#VMFYQsv>LK>XtpSVN=_w(am0u
zNmJ}_<ML~PcyLt?+>@or0uXzxe&feQypg9WnH?8!k1ewvB}8KT^J;siaN=7DdQGt~
zRWmm;3?aJ$?X;NY5(ol}k~}^6Blc82V^%Y{Y2ssMQxV@qI17Z4!K)qkO{W-U=DId@
zqvt+jhT8S$yj&Ffa};`c2#omIFZ{oHF@p9xt^VNx)6-hCKNI$c!yYdg{_!NMdg#L+
z4iT$T_q#Jssec9biE~Q~@~)BbkAUz_Na7-)@bDGRR($Xh7zQQxKJ0V|Otz=}>}OE|
ztAw13bRe#4KieCA_M@pfN_I8@<(tAgVZ!C@X<LiIO1-sqo17O0zg8cEGUz<2Ug1bJ
z{0q(o$?=69VWn2?pK72Hfgd-8e_rRF>=(wniT}g;QU(<JKf1t$KNAvM=tIFR+VAry
zaOn@uPxM?82u^Wzy-XCiFZ;d3zu1@|jv?hPqB-o512<#lh(s9^Ha67vn8iOx9MA;@
z&n)H>?AM49Q}eV9B?PIsel(<$chr%!rS(A**awDBPX^R{EcveZc9Tk0RF7HbtDh<_
zx#iuKtJ^g7lM*$_&avVetTHsPjDCqR8cvJN{BXhb>R6vf+SL<Bbl!csftO&g3`p?c
z3=RcP?EkgRLIMbSPOgi|RNTfk^Kv(GvAseZL0X==g|pz6_M6Pz-0{TmkM?fK;C>BY
z>5-M4Nh+Y1R3TjK{*?0tW2@Nt%hZWgRIb=@8#m)`Oe|*NDrc|K$(n^F(r!zZxrnRV
zkd@L4XHDVBR*~%En;PB4CClW`L>ZV7!&M4Ks-Rz*Pp~>ho!Q3;>3zptsQpxQY@6k1
zuE;xa;*zV}Q<sn-C4gbU9#Y#F@sSAo%e9YgAxBTOKsc9c0}LnzxHbL@(eK==Zz1$h
zwq8-qoS9{V^Wt|rxBqn*D26x(UZjx0TZtdY+0g_-P&>3qUb4zH<;4<xv`yL8R1~~u
zIL$fGgdDqaoV%tzr7MoxLfDaK71)9u+?MR;E$VEX_c<4jeu#t|5UYvJ@nqVSW(=$w
zkS!g>-#?U|yZ`(P39Je49uZ)l8d)2go?#_vA>_58`t7*ei2SjhcUE(Roz4k^ue^vR
z!ms8y3Gz$+?8dmt#v5wgt5Zv_GnZ283pf-FlV&1%BOK^^Z^2iXPexRO%k3mu#_{1z
z!N-|E)R1Y9LeCmB;X{y8VirN@ohUCsPP!ZM(z`QyJ6Y8OsZEFKh9)tsUnm%KIMv7(
zZdChuiF+N~SEdLeE+Ay#2=n&~DK9xzeI&Y)ByQ^oWhx#ntVu0hzbAnBDI4aUze~c#
zT$!;Nr2BnJ!~L~Hz_JXkfnd@0&=HS-QOLD<*X<R4mPC=r8;Rmq1~<BDApk#4jV;=N
zBMlca7!d1RYTaFrm`NnvXQx!5oS#%7bh2bnuH2!MA*ET-5gk@H5Dsd%IhElA<1eeF
zbMR5oNGb_$Jz`AD-xl;SSEW(J;3Jbp1||7w>PaQF9p2c)%Su`a9g8&P7h>SS8RtM?
zFbH|;b`;X}s&StK1=!p;E~m}0Mv~&d?X5)9@(kFLi8x^6-tr=rE}}HYy)Mr)l0DKR
zi&Z4b+9pGKPWbETuzhcy@+r%BYr)5;{S9B(OZCYnAN7nwan{VV)-3Fb2S!#aUKaFN
zmd7l70@s#v3Tp9yDjb!)1y3HFu$WnTcHKnID|QSiuL23hX64cl{BVhl%naYI*(vrx
z!E1P{SlyXtO%PE=Pp@VMV#y{RfC-wv`w@-svKP;nD2pNnJb`9zCPQF6Z{!`MG+i+1
zdOaB<Y|YoGi4+);5&1FQ7s*M^3H3C4&Ra!as_GfK0$D?N6VZ(+Q<s?F(g?ngGXT!M
zs>2=fK19VAy>eF`QM0-}h&xz8kMeh>`^*qJ&ONUHH4zw1po#Q62Po55ylZotdt!H^
z$n!i209EumF+9et5TH%G8*1Jn57#A?3x9xYHb7!T{nDcIrIqyO^ZzE<ftUs=KK@|b
zx|IIs4ci18yO|M-Ns?Krbm0a3hQW9m%Jgr6Fwd};#e$_~;s?qbtTCmcK@v&?w5z)s
zQx9_Lc6U613Du=i=MkMIkrr2d2#!5<anrD;xj$s|s?_akIa@t=&RLzBWmmOatD7O}
z_JqFUvXJX_Ya}h=jg%MypH_8db$ZoWrowcRVtG@$3^tn%Vj<9kPDe>;8+`)bPRUFl
zHCAEd>u7#Ent3K%zuog)&-6<2P7pHmFk?`hm)z&|2t)p3g|whWRN`o2x-WClh7z3z
zj0uHA_+Hy*M4$-e#Y8BPFem5P1nSZRvvuxhafM%+bZ=mLx*kP@qh3dTG;YeCM1!ST
zA?W&vw!2bf09j(~IZ&ZeffrCK0$JaLGB<JW-&Ry@)yM>-^U_q3+G5E4Xv~|1qB~~&
z-ZIx-OJrGsJ;kMNDVS<gk*-;cC)!kaz|eEksm9!lX}`T0Llu4nSUn`CTIGv_bLV>L
zPO+?zVt>2q7XaT-!g80}`pWgJGH169g~{MZ(w6O%j$c}3reW;6jTM*rtGw~5^TMYS
zt=Yg+c_0lBX_Qc>v-h4fWWEXT9(aVt84bl<fgH|dWm!>7#fu)z;KLf}x5C90wopM^
zz)tf)(8?=ZaXw+{n#8Rh9OoRgO#G8|g}LzXIgIv-3|$s(Wg=URKsmK(8FgI@1t~rs
zR73v2ML!hZeKDP9OYML2wf9yckn=&Fm<Z+QrNtIbp~tc77kJSNBITUWT)8o2Ia6~(
zK2cvV@9y@u<h%{4<aFVy@5EdPq(0AO@34SlIqIt7qQ9ond#rhNVqXR(D(zsjW|@BC
zot*NZYKT7i-GNy<*XQJ<tp(O1-KIeRj`dn7x_LH$o&VaiWs^a1-257ht2DDqf`%mm
zMt*fe_b=QR{q#q2%kkhKpw!A&lY@TE1TD!~s*0<>E4T4Pmz82>k6gegF+M_IquNI!
zR`HFQZl~Hkq~>mU{GGK;%V^`Xh$Vh1W?A4dDwqn6eQQL#?qD;-C8h@LeoDRsI`aL?
zQHje0Hk>Pv6~ap|RF=;!?Uvn(2t}|F8}oBns%1!dBQ%&3Jw+Z6uj`2pFF#W32+SbA
zk3+8~I>xh(3%#-Ha9tl$pD9u8z3;Jx6OTGp8c&O#=W%8+M7VvUG~JwHzaaNn8Ss3x
fi{T;WVszNg{Ghs`>k}>RMKGGsb6`9D{L6m<uX!Zd

literal 0
HcmV?d00001

diff --git a/assets/main.scss b/assets/main.scss
index 0da6125d..3b3ab192 100755
--- a/assets/main.scss
+++ b/assets/main.scss
@@ -918,10 +918,13 @@ section {
       .item-pic-books {
         overflow: hidden;
         flex-shrink: 0;
-        width: 150px;
+        width: 110px;
+        height: 140px;
         margin-right: 1rem;
         img {
-          width: 150%;
+          width: 100%;
+          height: 100%;
+          object-fit: cover;
         }
       }
       // NEW badge for recently added books
@@ -999,6 +1002,25 @@ section {
   }
 }
 
+/*--------------------------------------------------------------
+# Books listing overrides (smaller cards)
+--------------------------------------------------------------*/
+
+.books-listing {
+  .project {
+    padding: 0.75rem;
+    @media (min-width: 768px) {
+      min-height: unset;
+    }
+  }
+  .item-info {
+    margin: 0;
+  }
+  .item-desc {
+    font-size: 0.95rem;
+  }
+}
+
 /*--------------------------------------------------------------
 # Projects Style (Two Column Listing)
 --------------------------------------------------------------*/

From ef1a901fefa6c7a5a80554f4298adb6d4817aa1e Mon Sep 17 00:00:00 2001
From: Matt McKay <mmcky@users.noreply.github.com>
Date: Fri, 27 Mar 2026 15:17:00 +1100
Subject: [PATCH 09/13] improve book cards

---
 assets/main.scss | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/assets/main.scss b/assets/main.scss
index 3b3ab192..bfe79dbd 100755
--- a/assets/main.scss
+++ b/assets/main.scss
@@ -918,6 +918,7 @@ section {
       .item-pic-books {
         overflow: hidden;
         flex-shrink: 0;
+        align-self: flex-start;
         width: 110px;
         height: 140px;
         margin-right: 1rem;
@@ -925,6 +926,7 @@ section {
           width: 100%;
           height: 100%;
           object-fit: cover;
+          object-position: top;
         }
       }
       // NEW badge for recently added books

From 251010cfc2c68ad1a52d1ba712d85c99cb8805ed Mon Sep 17 00:00:00 2001
From: Matt McKay <mmcky@users.noreply.github.com>
Date: Fri, 27 Mar 2026 15:31:40 +1100
Subject: [PATCH 10/13] Separate authors from abstract and fix book thumbnail
 sizing

- Split description into authors + description fields for all books
- Render authors as a muted italic byline between title and abstract
- Fix book thumbnails: remove object-fit cropping, scale naturally to width
- Add align-self: flex-start to prevent flex stretch on image container

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 _layouts/books.html   |  1 +
 _projects/dp-vol2.md  |  3 ++-
 _projects/dp.md       |  3 ++-
 _projects/networks.md |  3 ++-
 _projects/quantmfr.md |  3 ++-
 assets/main.scss      | 12 +++++++-----
 6 files changed, 16 insertions(+), 9 deletions(-)

diff --git a/_layouts/books.html b/_layouts/books.html
index 0ddf180e..4509aa73 100644
--- a/_layouts/books.html
+++ b/_layouts/books.html
@@ -21,6 +21,7 @@
             <div class="item-pic-books"><img src="/assets/img/books/{{ project.image }}"></div>
             <div class="item-title">
               <h3 class="name">{{ project.name }}{% if project.new %} <span class="badge-new">NEW</span>{% endif %}</h3>
+              {% if project.authors %}<p class="book-authors">{{ project.authors }}</p>{% endif %}
 			  <div class="item-desc">
 				{{ project.description | markdownify }}
 			  </div>
diff --git a/_projects/dp-vol2.md b/_projects/dp-vol2.md
index 93954072..dabc36e7 100644
--- a/_projects/dp-vol2.md
+++ b/_projects/dp-vol2.md
@@ -1,6 +1,7 @@
 ---
 name: "Dynamic Programming, Volume II: General States"
-description: "By Thomas J. Sargent and John Stachurski. Volume II extends the finite state framework to general state spaces, covering abstract dynamic programs, stochastic discounting, valuation, recursive decision processes, and continuous time."
+authors: "Thomas J. Sargent and John Stachurski"
+description: "Volume II extends the finite state framework to general state spaces, covering abstract dynamic programs, stochastic discounting, valuation, recursive decision processes, and continuous time."
 link: https://dp.quantecon.org
 image: dp-image.png
 order: 1
diff --git a/_projects/dp.md b/_projects/dp.md
index 720efe59..3d01ee33 100644
--- a/_projects/dp.md
+++ b/_projects/dp.md
@@ -1,6 +1,7 @@
 ---
 name: "Dynamic Programming, Volume I: Finite States"
-description: "By Thomas J. Sargent and John Stachurski. Volume I covers dynamic programming theory and applications for finite state spaces, including operators and fixed points, Markov dynamics, optimal stopping, and Markov decision processes."
+authors: "Thomas J. Sargent and John Stachurski"
+description: "Volume I covers dynamic programming theory and applications for finite state spaces, including operators and fixed points, Markov dynamics, optimal stopping, and Markov decision processes."
 link: https://dp.quantecon.org
 image: dp-image.png
 order: 3
diff --git a/_projects/networks.md b/_projects/networks.md
index 61a29d2e..2a19f3d1 100644
--- a/_projects/networks.md
+++ b/_projects/networks.md
@@ -1,6 +1,7 @@
 ---
 name: Economic Networks
-description: "By John Stachurski. 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."
+authors: "John Stachurski"
+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: 4
diff --git a/_projects/quantmfr.md b/_projects/quantmfr.md
index 242e2ac3..e4514cb3 100644
--- a/_projects/quantmfr.md
+++ b/_projects/quantmfr.md
@@ -1,6 +1,7 @@
 ---
 name: "Quant Macro Finance"
-description: "By Lars Peter Hansen, Thomas J. Sargent, and Jaroslav Borovička. An online research resource featuring chapters from *Risk, Uncertainty and Value*, developing concepts and tools for uncertainty characterization in nonlinear stochastic equilibrium models."
+authors: "Lars Peter Hansen, Thomas J. Sargent, and Jaroslav Borovička"
+description: "An online research resource featuring chapters from *Risk, Uncertainty and Value*, developing concepts and tools for uncertainty characterization in nonlinear stochastic equilibrium models."
 link: https://lphansen.github.io/QuantMFR/intro.html
 image: quantmfr-cover.png
 order: 2
diff --git a/assets/main.scss b/assets/main.scss
index bfe79dbd..21e2cd8d 100755
--- a/assets/main.scss
+++ b/assets/main.scss
@@ -916,17 +916,13 @@ section {
       }
       // Item pic style for book page
       .item-pic-books {
-        overflow: hidden;
         flex-shrink: 0;
         align-self: flex-start;
         width: 110px;
-        height: 140px;
         margin-right: 1rem;
         img {
           width: 100%;
-          height: 100%;
-          object-fit: cover;
-          object-position: top;
+          display: block;
         }
       }
       // NEW badge for recently added books
@@ -949,6 +945,12 @@ section {
           margin:0;
           //color: $color-dark;
         }
+        .book-authors {
+          margin: 0.2rem 0 0.3rem 0;
+          font-size: 0.85rem;
+          color: $color-med;
+          font-style: italic;
+        }
         .type {
           margin:0;
           text-transform: capitalize;

From 864ccc66124f51e8066e52ffcd6c198d206c991b Mon Sep 17 00:00:00 2001
From: Matt McKay <mmcky@users.noreply.github.com>
Date: Fri, 27 Mar 2026 15:34:10 +1100
Subject: [PATCH 11/13] Make book author byline darker and remove italic
 styling

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 assets/main.scss | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/assets/main.scss b/assets/main.scss
index 21e2cd8d..b5cbdfc5 100755
--- a/assets/main.scss
+++ b/assets/main.scss
@@ -948,8 +948,7 @@ section {
         .book-authors {
           margin: 0.2rem 0 0.3rem 0;
           font-size: 0.85rem;
-          color: $color-med;
-          font-style: italic;
+          color: #666;
         }
         .type {
           margin:0;

From 48a0ba2df694d7f25c271e1866091bc1b5c225f2 Mon Sep 17 00:00:00 2001
From: Matt McKay <mmcky@users.noreply.github.com>
Date: Fri, 27 Mar 2026 15:39:01 +1100
Subject: [PATCH 12/13] Replace card hover underline with light background
 highlight

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 assets/main.scss | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/assets/main.scss b/assets/main.scss
index b5cbdfc5..07da5602 100755
--- a/assets/main.scss
+++ b/assets/main.scss
@@ -857,13 +857,12 @@ section {
       }
 
       &:hover {
-        h3 {
-          text-decoration: underline;
-        }
-
-        .desc {}
+        background: $color-bg;
       }
   }
+  a:hover {
+    text-decoration: none;
+  }
 }
 
 

From d0ce8f1e51568212689489bf0b23718628475883 Mon Sep 17 00:00:00 2001
From: Matt McKay <mmcky@users.noreply.github.com>
Date: Fri, 27 Mar 2026 15:43:05 +1100
Subject: [PATCH 13/13] Fix card hover effect: background highlight, no
 underline

Previous commit put styles in the wrong SCSS block. Now correctly
scoped to .projects .project with background on hover and underline
suppressed on the wrapping anchor.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 assets/main.scss | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

diff --git a/assets/main.scss b/assets/main.scss
index 07da5602..ac9b1e5d 100755
--- a/assets/main.scss
+++ b/assets/main.scss
@@ -856,12 +856,6 @@ section {
         }
       }
 
-      &:hover {
-        background: $color-bg;
-      }
-  }
-  a:hover {
-    text-decoration: none;
   }
 }
 
@@ -996,11 +990,20 @@ section {
     }
     .desc {
       color: $color-dark;
-    
+
       p {
         margin: 0;
       }
     }
+    &:hover {
+      background: $color-bg;
+    }
+  }
+  a {
+    text-decoration: none;
+    &:hover {
+      text-decoration: none;
+    }
   }
 }