From d61061ab83bd10816cda785a63e387bab1fb1a79 Mon Sep 17 00:00:00 2001
From: Christian Ohlsson <crille@crille.org>
Date: Sat, 11 Apr 2026 14:54:46 +0200
Subject: [PATCH] Lade till nya patterns

---
 patterns/latest-cards.html | 59 +++++++++++++++++++++++++++++++
 patterns/result-list.html  | 72 ++++++++++++++++++++++++++++++++++++++
 2 files changed, 131 insertions(+)
 create mode 100644 patterns/latest-cards.html
 create mode 100644 patterns/result-list.html

diff --git a/patterns/latest-cards.html b/patterns/latest-cards.html
new file mode 100644
index 0000000..091a329
--- /dev/null
+++ b/patterns/latest-cards.html
@@ -0,0 +1,59 @@
+<!-- wp:query {"queryId":10,"query":{"perPage":12,"postType":"post","order":"desc","orderBy":"date","inherit":false,"offset":0},"metadata":{"name":"QL: Posterna"}} -->
+<div class="wp-block-query">
+    <!-- wp:post-template {"layout":{"type":"grid","columnCount":3}} -->
+    <!-- wp:group {"layout":{"type":"flex","orientation":"vertical"}} -->
+    <div class="wp-block-group">
+        <!-- wp:group {"className":"post-card","style":{"border":{"radius":"8px"},"overflow":"hidden","spacing":{"margin":"0 0 2rem 0"},"color":{"background":"#16181D"},"shadow":"var:preset|shadow|natural"}} -->
+        <div
+            class="wp-block-group post-card has-background"
+            style="
+                border-radius: 8px;
+                background-color: #16181d;
+                margin: 0 0 2rem 0;
+                box-shadow: var(--wp--preset--shadow--natural);
+            ">
+            <!-- wp:cover {"useFeaturedImage":true,"dimRatio":30,"customOverlayColor":"#8599ac","isUserOverlayColor":false,"minHeight":300,"minHeightUnit":"px","isDark":false,"className":"post-cover","style":{"dimensions":{"minHeight":"300px"},"objectFit":"cover","position":"relative","zIndex":"1","border":{"radius":{"topLeft":"12px","topRight":"12px"}}}} -->
+            <div
+                class="wp-block-cover is-light post-cover"
+                style="
+                    border-top-left-radius: 12px;
+                    border-top-right-radius: 12px;
+                    min-height: 300px;
+                ">
+                <span
+                    aria-hidden="true"
+                    class="wp-block-cover__background has-background-dim-30 has-background-dim"
+                    style="background-color: #8599ac"></span>
+                <div class="wp-block-cover__inner-container">
+                    <!-- wp:paragraph {"align":"center","style":{"width":"100%"}} -->
+                    <p class="has-text-align-center"></p>
+                    <!-- /wp:paragraph -->
+                </div>
+            </div>
+            <!-- /wp:cover -->
+
+            <!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|20","right":"var:preset|spacing|40","bottom":"var:preset|spacing|40","left":"var:preset|spacing|40"}}}} -->
+            <div
+                class="wp-block-group"
+                style="
+                    padding-top: var(--wp--preset--spacing--20);
+                    padding-right: var(--wp--preset--spacing--40);
+                    padding-bottom: var(--wp--preset--spacing--40);
+                    padding-left: var(--wp--preset--spacing--40);
+                ">
+                <!-- wp:post-terms {"term":"category","className":"post-category-badge","style":{"color":{"background":"rgba(0,0,0,0.65)","text":"#FFFFFF"},"border":{"radius":"4px"},"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"},"margin":{"top":"0px","left":"0px"}}}} /-->
+
+                <!-- wp:post-title {"isLink":true,"style":{"typography":{"fontSize":"1.2rem","fontWeight":"600"},"spacing":{"margin":{"bottom":"0.3rem"}}}} /-->
+
+                <!-- wp:post-excerpt {"excerptLength":22,"fontSize":"small"} /-->
+
+                <!-- wp:post-date {"datetime":"2026-04-06T18:18:42.309Z","metadata":{"bindings":{"datetime":{"source":"core/post-data","args":{"field":"date"}}}},"style":{"typography":{"fontSize":"0.9rem"},"color":{"text":"#B6BAC6"}}} /-->
+            </div>
+            <!-- /wp:group -->
+        </div>
+        <!-- /wp:group -->
+    </div>
+    <!-- /wp:group -->
+    <!-- /wp:post-template -->
+</div>
+<!-- /wp:query -->
diff --git a/patterns/result-list.html b/patterns/result-list.html
new file mode 100644
index 0000000..6230cb9
--- /dev/null
+++ b/patterns/result-list.html
@@ -0,0 +1,72 @@
+<!-- wp:group {"tagName":"main","metadata":{"name":"Sökresultatskort"},"style":{"spacing":{"padding":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40","left":"var:preset|spacing|30","right":"var:preset|spacing|30"}}},"layout":{"type":"constrained"}} -->
+<main
+    class="wp-block-group"
+    style="
+        padding-top: var(--wp--preset--spacing--40);
+        padding-right: var(--wp--preset--spacing--30);
+        padding-bottom: var(--wp--preset--spacing--40);
+        padding-left: var(--wp--preset--spacing--30);
+    ">
+    <!-- wp:query-title {"type":"search","style":{"typography":{"fontSize":"2rem","fontWeight":"700"},"spacing":{"margin":{"bottom":"var:preset|spacing|40"}}}} /-->
+
+    <!-- wp:query {"queryId":0,"query":{"perPage":10,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":true,"taxQuery":null,"parents":[],"format":[]}} -->
+    <div class="wp-block-query">
+        <!-- wp:post-template {"layout":{"type":"grid","columnCount":1}} -->
+        <!-- wp:group {"style":{"border":{"bottom":{"color":"var:preset|color|orange","width":"1px"},"top":[],"right":[],"left":[]}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
+        <div
+            class="wp-block-group"
+            style="border-bottom-color: var(--wp--preset--color--orange); border-bottom-width: 1px">
+            <!-- wp:columns -->
+            <div class="wp-block-columns">
+                <!-- wp:column {"width":"220px"} -->
+                <div class="wp-block-column" style="flex-basis: 220px">
+                    <!-- wp:post-featured-image {"width":"","height":""} /-->
+                </div>
+                <!-- /wp:column -->
+
+                <!-- wp:column -->
+                <div class="wp-block-column">
+                    <!-- wp:group {"layout":{"type":"flex","orientation":"vertical"}} -->
+                    <div class="wp-block-group">
+                        <!-- wp:post-title {"isLink":true,"style":{"typography":{"fontSize":"1.2rem","fontWeight":"600"}}} /-->
+
+                        <!-- wp:post-excerpt {"excerptLength":30} /-->
+
+                        <!-- wp:post-date {"metadata":{"bindings":{"datetime":{"source":"core/post-data","args":{"field":"date"}}}},"style":{"typography":{"fontSize":"0.9rem"},"color":{"text":"#B6BAC6"}}} /-->
+                    </div>
+                    <!-- /wp:group -->
+                </div>
+                <!-- /wp:column -->
+            </div>
+            <!-- /wp:columns -->
+        </div>
+        <!-- /wp:group -->
+        <!-- /wp:post-template -->
+
+        <!-- wp:query-no-results -->
+        <!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40"}}}} -->
+        <div
+            class="wp-block-group"
+            style="
+                padding-top: var(--wp--preset--spacing--40);
+                padding-bottom: var(--wp--preset--spacing--40);
+            ">
+            <!-- wp:heading -->
+            <h2 class="wp-block-heading">Inga träffar</h2>
+            <!-- /wp:heading -->
+
+            <!-- wp:paragraph -->
+            <p>
+                Vi hittade inga resultat som matchar din sökning. Försök med andra sökord eller
+                använd sökfältet igen.
+            </p>
+            <!-- /wp:paragraph -->
+
+            <!-- wp:search {"label":"Sök igen","showLabel":false,"placeholder":"Sök...","buttonText":"Sök"} /-->
+        </div>
+        <!-- /wp:group -->
+        <!-- /wp:query-no-results -->
+    </div>
+    <!-- /wp:query -->
+</main>
+<!-- /wp:group -->