Merge branch 'New-Carousel' into de-emphasize-column-section

Author: kjaymiller

_includes/latest-posts.html

@@ -9,7 +9,7 @@ <h2 class="post-list-heading">{{ page.list_title }}</h2>
       <h3>
         <a class="" href="{{ post.url | relative_url }}"> {{ post.title | escape }} </a>
       </h3>
-      <p>{{ post.author }}</p>
+      <p>{{ post.date | date: date_format }} by: {{ post.author }}</p>
     </div>
     {%- assign count = count | plus: 1 -%} {%- endif -%} {%- endfor -%}
   </div>

assets/css/bpd.css

@@ -563,12 +563,12 @@ ul.speaking-list {
   background-color: #fff;
 }
 
+
 .info h2 {
   margin: 10px 0;
   font-size: 1.5em;
   color: #333;
 }
-
 .info p {
   margin: 0;
   font-size: 1em;
@@ -625,4 +625,38 @@ button.next:focus {
   border: 1px solid #ddd;
   border-radius: 8px;
   background-color: #f9f9f9;
+
+.latest-posts-grid {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 20px;
+}
+
+.post-item {
+  flex: 1 1 calc(33.333% - 20px);
+  box-sizing: border-box;
+  padding: 10px;
+  border: 1px solid #ddd;
+  border-radius: 8px;
+  background-color: #f9f9f9;
+}
+
+.post-item h3 {
+  margin-top: 0;
+}
+
+.post-item p {
+  margin: 10px 0 0;
+}
+
+@media (max-width: 800px) {
+  .post-item {
+    flex: 1 1 calc(50% - 20px);
+  }
+}
+
+@media (max-width: 500px) {
+  .post-item {
+    flex: 1 1 100%;
+  }
 }

tests/test.py

@@ -140,6 +140,7 @@ def test_first_slide_matches_latest_post(page_url: tuple[Page, str]) -> None:
         "/blog",
     ),
 )
+
 def stem_description(
     path: pathlib.Path,
 ) -> Generator[tuple[str, frontmatter.Post], None, None]: