Used Claude to update the look and feel of resteasy.dev.

.gitignore

@@ -8,5 +8,8 @@ target
 *.iml
 .vscode
 
+node_modules
+
 ## OS related
 *.DS_Store
+node_modules/

content/blogs/index.html

@@ -8,27 +8,62 @@
     link: blogs/page:page
 ---
 
+<div class="blog-list-container">
 {#for post in site.collections.posts.paginated(page.paginator)}
-<div class="post-preview">
-    <a href="{post.url.absolute}">
-        <h3 class="post-title">{post.title}</h3>
-        {#if post.data.containsKey('subtitle')}
-        <h5 class="post-subtitle">{post.data.subtitle}</h5>
-        {/if}
-    </a>
-    <p class="post-meta">Posted by {post.data.author ?: "The RESTEasy Team"} on {post.date.format("MMMM dd, YYYY")}</p>
-</div>
-<hr>
+    <article class="blog-post-card card mb-4">
+        <div class="card-body">
+            <a href="{post.url.absolute}" class="text-decoration-none">
+                <h3 class="card-title post-title">{post.title}</h3>
+                {#if post.data.containsKey('subtitle')}
+                <h5 class="post-subtitle text-muted">{post.data.subtitle}</h5>
+                {#else}
+                <h5 class="post-subtitle text-muted">{post.contentAbstract}</h5>
+                {/if}
+            </a>
+            <div class="post-meta">
+                <i class="fas fa-user"></i> {post.data.author ?: "The RESTEasy Team"}
+                <span class="mx-2">•</span>
+                <i class="fas fa-calendar"></i> {post.date.format("MMMM dd, YYYY")}
+            </div>
+            <a href="{post.url.absolute}" class="btn btn-sm btn-outline-primary mt-3">
+                Read More <i class="fas fa-arrow-right"></i>
+            </a>
+        </div>
+    </article>
 {/for}
+</div>
 
-<!-- Pager -->
-<p align="center">
+<!-- Pagination -->
 {#if page.paginator.total > 1}
-    {#if page.paginator.previous}
-        <a href="{page.paginator.previous}">&larr; Newer Posts</a>
-    {/if}
-    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
-    {#if page.paginator.next}
-        <a href="{page.paginator.next}">Older Posts &rarr;</a>
-    {/if}
+<nav aria-label="Blog pagination" class="mt-4">
+    <ul class="pagination justify-content-center">
+        {#if page.paginator.previous}
+        <li class="page-item">
+            <a class="page-link" href="{page.paginator.previous}">
+                <i class="fas fa-arrow-left"></i> Newer Posts
+            </a>
+        </li>
+        {#else}
+        <li class="page-item disabled">
+            <span class="page-link">
+                <i class="fas fa-arrow-left"></i> Newer Posts
+            </span>
+        </li>
+        {/if}
+
+        {#if page.paginator.next}
+        <li class="page-item">
+            <a class="page-link" href="{page.paginator.next}">
+                Older Posts <i class="fas fa-arrow-right"></i>
+            </a>
+        </li>
+        {#else}
+        <li class="page-item disabled">
+            <span class="page-link">
+                Older Posts <i class="fas fa-arrow-right"></i>
+            </span>
+        </li>
+        {/if}
+    </ul>
+</nav>
 {/if}

content/books.html

@@ -3,56 +3,105 @@
 title: Books
 selflink: books
 ---
-                     <table>
-                        <tr>
-                           <td>
-                              <img width="180" alt="" height="236"
-                                   src="{site.url('/img/books/mainColumnParagraphs/0/imageBinary/restful_java.gif').absolute}"/>
-                           </td>
-                           <td>
-                              <p><a href="https://oreilly.com/catalog/9780596158040/">RESTful Java with JAX-RS</a> by
-                                 Bill
-                                 Burke. RESTful Java with JAX-RS includes a technical guide that explains REST and
-                                 JAX-RS,
-                                 how they work, and when to use them. With the RESTEasy workbook that follows, you get
-                                 step-by-step instructions for installing, configuring, and running several working
-                                 JAX-RS
-                                 examples, using the JBoss RESTEasy implementation of JAX-RS.</p>
-                           </td>
-                        </tr>
-                     </table>
 
+<div class="books-intro mb-5">
+  <p class="lead">
+    Dive deeper into RESTful web services and JAX-RS with these recommended books from the community.
+  </p>
+</div>
 
-                     <table>
-                        <tr>
-                           <td>
-                              <img width="180" alt="" height="236"
-                                   src="{site.url('/img/books/mainColumnParagraphs/00/imageBinary/rest.gif').absolute}"/>
-                           </td>
-                           <td>
-                              <p><a href="https://oreilly.com/catalog/9780596529260/">RESTful Web Services</a> by Leonard
-                                 Richardson and Sam Ruby. A great introduction to REST, RESTful techniques, and
-                                 designing
-                                 RESTful Web Services.&nbsp; Its how I learned about REST initially.</p>
-                           </td>
-                        </tr>
-                     </table>
+<div class="row g-4">
+  <!-- RESTful Java with JAX-RS -->
+  <div class="col-md-6 col-lg-4">
+    <div class="card h-100 book-card">
+      <div class="book-cover">
+        <img src="{site.url('/img/books/mainColumnParagraphs/0/imageBinary/restful_java.gif').absolute}"
+             class="card-img-top"
+             alt="RESTful Java with JAX-RS book cover"/>
+      </div>
+      <div class="card-body d-flex flex-column">
+        <h4 class="card-title">
+          <a href="https://oreilly.com/catalog/9780596158040/" target="_blank">
+            RESTful Java with JAX-RS
+          </a>
+        </h4>
+        <p class="book-author mb-3">
+          <i class="fas fa-user"></i> Bill Burke
+        </p>
+        <p class="card-text flex-grow-1">
+          RESTful Java with JAX-RS includes a technical guide that explains REST and JAX-RS,
+          how they work, and when to use them. With the RESTEasy workbook that follows, you get
+          step-by-step instructions for installing, configuring, and running several working
+          JAX-RS examples, using the JBoss RESTEasy implementation of JAX-RS.
+        </p>
+        <a href="https://oreilly.com/catalog/9780596158040/"
+           class="btn btn-outline-primary mt-3"
+           target="_blank">
+          View on O'Reilly <i class="fas fa-external-link-alt"></i>
+        </a>
+      </div>
+    </div>
+  </div>
 
-                     <table>
-                        <tr>
-                           <td>
-                              <img width="180" alt="" height="236"
-                                   src="{site.url('/img/books/mainColumnParagraphs/01/imageBinary/cookbook.gif').absolute}"/>
-                           </td>
-                           <td>
-                              <p><a href="https://oreilly.com/catalog/9780596808679/">RESTful Web Services Cookbook</a>
-                                 by
-                                 Subbu Allamaraju and Mike Amundsen. Detailed cookbook on how to design RESTful
-                                 services.&nbsp;
-                                 Subbu has an <a href="https://www.subbu.org/">incredible blog</a> on REST and finally
-                                 he's
-                                 taken a lot of his ideas and experiences along with Mike Amundsen and incorporated them
-                                 into a book.</p>
-                           </td>
-                        </tr>
-                     </table>
+  <!-- RESTful Web Services -->
+  <div class="col-md-6 col-lg-4">
+    <div class="card h-100 book-card">
+      <div class="book-cover">
+        <img src="{site.url('/img/books/mainColumnParagraphs/00/imageBinary/rest.gif').absolute}"
+             class="card-img-top"
+             alt="RESTful Web Services book cover"/>
+      </div>
+      <div class="card-body d-flex flex-column">
+        <h4 class="card-title">
+          <a href="https://oreilly.com/catalog/9780596529260/" target="_blank">
+            RESTful Web Services
+          </a>
+        </h4>
+        <p class="book-author mb-3">
+          <i class="fas fa-user"></i> Leonard Richardson & Sam Ruby
+        </p>
+        <p class="card-text flex-grow-1">
+          A great introduction to REST, RESTful techniques, and designing RESTful Web Services.
+          It's how I learned about REST initially.
+        </p>
+        <a href="https://oreilly.com/catalog/9780596529260/"
+           class="btn btn-outline-primary mt-3"
+           target="_blank">
+          View on O'Reilly <i class="fas fa-external-link-alt"></i>
+        </a>
+      </div>
+    </div>
+  </div>
+
+  <!-- RESTful Web Services Cookbook -->
+  <div class="col-md-6 col-lg-4">
+    <div class="card h-100 book-card">
+      <div class="book-cover">
+        <img src="{site.url('/img/books/mainColumnParagraphs/01/imageBinary/cookbook.gif').absolute}"
+             class="card-img-top"
+             alt="RESTful Web Services Cookbook book cover"/>
+      </div>
+      <div class="card-body d-flex flex-column">
+        <h4 class="card-title">
+          <a href="https://oreilly.com/catalog/9780596808679/" target="_blank">
+            RESTful Web Services Cookbook
+          </a>
+        </h4>
+        <p class="book-author mb-3">
+          <i class="fas fa-user"></i> Subbu Allamaraju & Mike Amundsen
+        </p>
+        <p class="card-text flex-grow-1">
+          Detailed cookbook on how to design RESTful services. Subbu has an
+          <a href="https://www.subbu.org/" target="_blank">incredible blog</a> on REST and finally
+          he's taken a lot of his ideas and experiences along with Mike Amundsen and incorporated
+          them into a book.
+        </p>
+        <a href="https://oreilly.com/catalog/9780596808679/"
+           class="btn btn-outline-primary mt-3"
+           target="_blank">
+          View on O'Reilly <i class="fas fa-external-link-alt"></i>
+        </a>
+      </div>
+    </div>
+  </div>
+</div>