🐞 fix: Recent posts updates

acf/group_6a36dd27e5527.json

@@ -0,0 +1,49 @@
+{
+    "key": "group_6a36dd27e5527",
+    "title": "Recent Posts Block",
+    "fields": [
+        {
+            "key": "field_6a36dd28337de",
+            "label": "Intro",
+            "name": "intro",
+            "aria-label": "",
+            "type": "wysiwyg",
+            "instructions": "",
+            "required": 0,
+            "conditional_logic": 0,
+            "wrapper": {
+                "width": "",
+                "class": "",
+                "id": ""
+            },
+            "default_value": "",
+            "allow_in_bindings": 0,
+            "tabs": "all",
+            "toolbar": "full",
+            "media_upload": 1,
+            "delay": 0
+        }
+    ],
+    "location": [
+        [
+            {
+                "param": "block",
+                "operator": "==",
+                "value": "acf\/recent-posts"
+            }
+        ]
+    ],
+    "menu_order": 0,
+    "position": "normal",
+    "style": "default",
+    "label_placement": "top",
+    "instruction_placement": "label",
+    "hide_on_screen": "",
+    "active": true,
+    "description": "",
+    "show_in_rest": 0,
+    "display_title": "",
+    "allow_ai_access": false,
+    "ai_description": "",
+    "modified": 1781980525
+}

views/blocks/contact-block/contact-block.php

@@ -14,7 +14,7 @@ $bg_image = get_field( 'background_image' );
 $text     = get_field( 'text' );
 $button   = get_field( 'button_link' );
 
-$classes = 'contact-block rounded-t-2xl pt-5 container';
+$classes = 'contact-block rounded-t-3xl pt-5 container';
 $wrapper = blockWrapperAttributes( $classes, $is_preview );
 ?>
 

views/blocks/recent-posts/recent-posts.css

@@ -23,7 +23,7 @@
 
 .recent-posts__vector {
     display: block;
-    height: auto;
+    height: 100%;
     min-height: var(--recent-posts-vector-height);
     object-fit: cover;
     opacity: 0.75;
@@ -40,7 +40,7 @@
     display: grid;
     gap: clamp(1.5rem, 5vw, 5rem);
     grid-template-columns: minmax(0, 0.9fr) minmax(20rem, 1.1fr);
-    margin: 0 auto clamp(2rem, 4vw, 3.25rem);
+    margin: 3rem auto clamp(2rem, 4vw, 3.25rem);
     max-width: 1280px;
 }
 
@@ -60,6 +60,7 @@
 .recent-posts__intro {
     color: var(--color-dark);
     font-size: var(--text-20px);
+    font-weight: 300;
     line-height: 1.35;
     margin: 0;
     max-width: 44rem;
@@ -99,7 +100,7 @@
 
 .recent-posts__image-link {
     aspect-ratio: 397 / 250;
-    border-radius: 0.75rem 0.75rem 0 0;
+    border-radius: 1.25rem 1.25rem 0 0;
     display: block;
     max-height: 250px;
     max-width: 397px;

views/blocks/recent-posts/recent-posts.php

@@ -40,20 +40,17 @@ $wrapper = blockWrapperAttributes( $classes, $is_preview );
 		/>
 	</div>
 
-	<div class="recent-posts__inner container">
+	<div class="recent-posts__inner container px-0!">
 		<header class="recent-posts__header">
 			<h2 class="recent-posts__heading">
 				<?php echo esc_html__( 'Latest Insights', 'cwc' ); ?><span aria-hidden="true">.</span>
 			</h2>
 
-			<p class="recent-posts__intro">
+			<div class="recent-posts__intro">
 				<?php
-				echo esc_html__(
+				echo wp_kses_post( get_field( 'intro' ) ?? '' );
-					'Explore our latest articles on community, land stewardship, engagement and stories about our collaborations. We publish new insights every two months to share knowledge, project lessons, and emerging ideas shaping our work.',
-					'cwc'
-				);
 				?>
-			</p>
+			</div>
 		</header>
 
 		<?php if ( $recent_posts->have_posts() ) : ?>