Refresh Books page: DP volumes, QuantMFR, improved card design

_layouts/books.html

@@ -4,25 +4,32 @@
 
 {{ content }}
 
-<ul class="row projects projects-container">
+{% assign all_books = site.projects | where: 'type', 'book' | sort: 'order' %}
 
-  {% assign sorted_projects = site.projects | where: 'type', 'book' %}
+<ul class="row projects projects-container books-listing">
 
-  {% for project in sorted_projects reversed %}
+  {% 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 }}</h3>
-				<div class="item-desc">
-					{{ project.description | markdownify }}
-				</div>
-			</div>
+              <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>
+		    </div>
+          </div>
         </div>
       </a>
     </li>
   {% endfor %}
 
-</ul>
+</ul>

_layouts/default.html

@@ -76,9 +76,9 @@ <h2 class="title">Quant<span>Econ</span></h2>
             <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.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="/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>

_projects/dp-vol2.md

@@ -0,0 +1,11 @@
+---
+name: "Dynamic Programming, Volume II: General States"
+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
+type: book
+category: quantecon
+new: true
+---

_projects/dp.md

@@ -1,8 +1,10 @@
 ---
-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"
+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: 1
+order: 3
 type: book
+category: quantecon
 ---

_projects/networks.md

@@ -1,8 +1,10 @@
 ---
 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.
+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: 2
+order: 4
 type: book
+category: quantecon
 ---

_projects/quantmfr.md

@@ -0,0 +1,11 @@
+---
+name: "Quant Macro Finance"
+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
+type: book
+category: community
+new: true
+---

assets/main.scss

@@ -856,13 +856,6 @@ section {
         }
       }
 
-      &:hover {
-        h3 {
-          text-decoration: underline;
-        }
-
-        .desc {}
-      }
   }
 }
 
@@ -891,6 +884,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.45;
+    }
 
 
     .item-info {
@@ -907,14 +909,27 @@ section {
       }
       // Item pic style for book page
       .item-pic-books {
-        overflow: hidden;
         flex-shrink: 0;
-        width: 150px;
+        align-self: flex-start;
+        width: 110px;
         margin-right: 1rem;
         img {
-          width: 150%;
+          width: 100%;
+          display: block;
         }
       }
+      // 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;
@@ -923,6 +938,11 @@ section {
           margin:0;
           //color: $color-dark;
         }
+        .book-authors {
+          margin: 0.2rem 0 0.3rem 0;
+          font-size: 0.85rem;
+          color: #666;
+        }
         .type {
           margin:0;
           text-transform: capitalize;
@@ -970,11 +990,39 @@ section {
     }
     .desc {
       color: $color-dark;
-    
+
       p {
         margin: 0;
       }
     }
+    &:hover {
+      background: $color-bg;
+    }
+  }
+  a {
+    text-decoration: none;
+    &:hover {
+      text-decoration: none;
+    }
+  }
+}
+
+/*--------------------------------------------------------------
+# 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;
   }
 }
 

pages/books.md

@@ -4,5 +4,3 @@ permalink: /books/
 menu_item: false
 layout: books
 ---
-
-# Books