From dff458efc91a98181c23f271c04596109b7f7775 Mon Sep 17 00:00:00 2001
From: Christian Ohlsson <crille@crille.org>
Date: Sat, 11 Apr 2026 14:36:25 +0200
Subject: [PATCH] Skapade nya template-sidor

---
 parts/footer.html             |  85 +++++++++++++++
 parts/header.html             |  20 ++++
 parts/part-footer.html        |  43 --------
 parts/part-header.html        |   7 --
 templates/category.html       |  56 ++++++++++
 templates/index.html          | 200 +++++++++++++++++++++++++++++++++-
 templates/mall-startsida.html |   7 --
 templates/search.html         | 107 +++++++++---------
 templates/single.html         |  93 ++++++++++++++++
 9 files changed, 507 insertions(+), 111 deletions(-)
 create mode 100644 parts/footer.html
 create mode 100644 parts/header.html
 delete mode 100644 parts/part-footer.html
 delete mode 100644 parts/part-header.html
 create mode 100644 templates/category.html
 delete mode 100644 templates/mall-startsida.html
 create mode 100644 templates/single.html

diff --git a/parts/footer.html b/parts/footer.html
new file mode 100644
index 0000000..93941f4
--- /dev/null
+++ b/parts/footer.html
@@ -0,0 +1,85 @@
+<!-- wp:group {"metadata":{"name":"Footer"},"className":"footer","style":{"spacing":{"padding":{"right":"var:preset|spacing|50","left":"var:preset|spacing|50","top":"var:preset|spacing|60","bottom":"var:preset|spacing|60"},"blockGap":"0"}},"backgroundColor":"background-secondary","layout":{"type":"constrained"}} -->
+<div
+    class="wp-block-group footer has-background-secondary-background-color has-background"
+    style="
+        padding-top: var(--wp--preset--spacing--60);
+        padding-right: var(--wp--preset--spacing--50);
+        padding-bottom: var(--wp--preset--spacing--60);
+        padding-left: var(--wp--preset--spacing--50);
+    ">
+    <!-- wp:columns {"style":{"spacing":{"padding":{"right":"0","left":"0"},"blockGap":{"left":"var:preset|spacing|50"}}}} -->
+    <div class="wp-block-columns" style="padding-right: 0; padding-left: 0">
+        <!-- wp:column -->
+        <div class="wp-block-column">
+            <!-- wp:heading {"level":3} -->
+            <h3 class="wp-block-heading">Kontaktinfo</h3>
+            <!-- /wp:heading -->
+
+            <!-- wp:list -->
+            <ul class="wp-block-list">
+                <!-- wp:list-item -->
+                <li>crille@crille.org</li>
+                <!-- /wp:list-item -->
+
+                <!-- wp:list-item -->
+                <li>Trollhättan, Sverige</li>
+                <!-- /wp:list-item -->
+            </ul>
+            <!-- /wp:list -->
+        </div>
+        <!-- /wp:column -->
+
+        <!-- wp:column -->
+        <div class="wp-block-column">
+            <!-- wp:heading {"level":3} -->
+            <h3 class="wp-block-heading">Senaste inläggen</h3>
+            <!-- /wp:heading -->
+
+            <!-- wp:latest-posts /-->
+        </div>
+        <!-- /wp:column -->
+
+        <!-- wp:column -->
+        <div class="wp-block-column">
+            <!-- wp:heading {"level":3} -->
+            <h3 class="wp-block-heading">Social</h3>
+            <!-- /wp:heading -->
+
+            <!-- wp:list -->
+            <ul class="wp-block-list">
+                <!-- wp:list-item -->
+                <li>
+                    <a href="https://www.youtube.com/@crille">https://www.youtube.com/@crille</a>
+                </li>
+                <!-- /wp:list-item -->
+
+                <!-- wp:list-item -->
+                <li><a href="https://git.crille.org/crille">https://git.crille.org/crille</a></li>
+                <!-- /wp:list-item -->
+            </ul>
+            <!-- /wp:list -->
+        </div>
+        <!-- /wp:column -->
+
+        <!-- wp:column -->
+        <div class="wp-block-column">
+            <!-- wp:heading {"level":3} -->
+            <h3 class="wp-block-heading">Om sidan</h3>
+            <!-- /wp:heading -->
+
+            <!-- wp:paragraph -->
+            <p>
+                Denna server är min gamla gaming-dator. Den står i källaren och dundrar omsorgsfullt
+                på med Debian år efter år.
+            </p>
+            <!-- /wp:paragraph -->
+
+            <!-- wp:paragraph -->
+            <p>Stolt handkodat med WordPress &amp; kärlek</p>
+            <!-- /wp:paragraph -->
+        </div>
+        <!-- /wp:column -->
+    </div>
+    <!-- /wp:columns -->
+</div>
+<!-- /wp:group -->
diff --git a/parts/header.html b/parts/header.html
new file mode 100644
index 0000000..e5352e2
--- /dev/null
+++ b/parts/header.html
@@ -0,0 +1,20 @@
+<!-- wp:group {"metadata":{"name":"Header"},"style":{"spacing":{"padding":{"right":"var:preset|spacing|60","left":"var:preset|spacing|60","top":"var:preset|spacing|30","bottom":"var:preset|spacing|30"}}},"backgroundColor":"background-secondary","layout":{"type":"constrained"}} -->
+<div
+    class="wp-block-group has-background-secondary-background-color has-background"
+    style="
+        padding-top: var(--wp--preset--spacing--30);
+        padding-right: var(--wp--preset--spacing--60);
+        padding-bottom: var(--wp--preset--spacing--30);
+        padding-left: var(--wp--preset--spacing--60);
+    ">
+    <!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
+    <div class="wp-block-group">
+        <!-- wp:site-logo {"width":90} /-->
+
+        <!-- wp:navigation {"ref":1995,"style":{"typography":{"textTransform":"uppercase"}},"fontSize":"small"} /-->
+
+        <!-- wp:search {"label":"","showLabel":false,"widthUnit":"%","buttonText":"Sök","className":"searchbox","style":{"border":{"radius":{"topLeft":"8px","topRight":"8px","bottomLeft":"8px","bottomRight":"8px"}}},"fontSize":"small"} /-->
+    </div>
+    <!-- /wp:group -->
+</div>
+<!-- /wp:group -->
diff --git a/parts/part-footer.html b/parts/part-footer.html
deleted file mode 100644
index f574812..0000000
--- a/parts/part-footer.html
+++ /dev/null
@@ -1,43 +0,0 @@
-<!-- wp:group {"metadata":{"name":"Footer"},"layout":{"type":"constrained"}} -->
-<div class="wp-block-group"><!-- wp:columns -->
-<div class="wp-block-columns"><!-- wp:column -->
-<div class="wp-block-column"><!-- wp:heading {"level":3} -->
-<h3 class="wp-block-heading">Foot 1</h3>
-<!-- /wp:heading -->
-
-<!-- wp:paragraph -->
-<p>Text text text</p>
-<!-- /wp:paragraph --></div>
-<!-- /wp:column -->
-
-<!-- wp:column -->
-<div class="wp-block-column"><!-- wp:heading {"level":3} -->
-<h3 class="wp-block-heading">Foot 2</h3>
-<!-- /wp:heading -->
-
-<!-- wp:paragraph -->
-<p>Text text text</p>
-<!-- /wp:paragraph --></div>
-<!-- /wp:column -->
-
-<!-- wp:column -->
-<div class="wp-block-column"><!-- wp:heading {"level":3} -->
-<h3 class="wp-block-heading">Foot 3</h3>
-<!-- /wp:heading -->
-
-<!-- wp:paragraph -->
-<p>Text text text</p>
-<!-- /wp:paragraph --></div>
-<!-- /wp:column -->
-
-<!-- wp:column -->
-<div class="wp-block-column"><!-- wp:heading {"level":3} -->
-<h3 class="wp-block-heading">Foot 4</h3>
-<!-- /wp:heading -->
-
-<!-- wp:paragraph -->
-<p>Text text text</p>
-<!-- /wp:paragraph --></div>
-<!-- /wp:column --></div>
-<!-- /wp:columns --></div>
-<!-- /wp:group -->
\ No newline at end of file
diff --git a/parts/part-header.html b/parts/part-header.html
deleted file mode 100644
index 9a7ff85..0000000
--- a/parts/part-header.html
+++ /dev/null
@@ -1,7 +0,0 @@
-<!-- wp:group {"metadata":{"name":"Header"},"layout":{"type":"constrained"}} -->
-<div class="wp-block-group"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
-<div class="wp-block-group"><!-- wp:site-logo /-->
-
-<!-- wp:navigation {"ref":1994} /--></div>
-<!-- /wp:group --></div>
-<!-- /wp:group -->
\ No newline at end of file
diff --git a/templates/category.html b/templates/category.html
new file mode 100644
index 0000000..181f4dd
--- /dev/null
+++ b/templates/category.html
@@ -0,0 +1,56 @@
+<!-- wp:template-part {"slug":"header","theme":"wp-theme-crille2026"} /-->
+
+<!-- wp:group {"style":{"spacing":{"padding":{"right":"var:preset|spacing|30","left":"var:preset|spacing|30"}}},"layout":{"type":"constrained"}} -->
+<div
+    class="wp-block-group"
+    style="
+        padding-right: var(--wp--preset--spacing--30);
+        padding-left: var(--wp--preset--spacing--30);
+    ">
+    <!-- wp:query {"queryId":36,"query":{"postType":"post","inherit":true,"perPage":10,"offset":0}} -->
+    <div class="wp-block-query">
+        <!-- wp:post-template -->
+        <!-- wp:group {"style":{"border":{"bottom":{"color":"var:preset|color|code-border","width":"1px"}},"spacing":{"padding":{"bottom":"var:preset|spacing|30"}}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
+        <div
+            class="wp-block-group"
+            style="
+                border-bottom-color: var(--wp--preset--color--code-border);
+                border-bottom-width: 1px;
+                padding-bottom: var(--wp--preset--spacing--30);
+            ">
+            <!-- wp:columns -->
+            <div class="wp-block-columns">
+                <!-- wp:column {"width":"220px"} -->
+                <div class="wp-block-column" style="flex-basis: 220px">
+                    <!-- wp:post-featured-image /-->
+                </div>
+                <!-- /wp:column -->
+
+                <!-- wp:column {"width":""} -->
+                <div class="wp-block-column">
+                    <!-- wp:post-title {"level":3,"isLink":true} /-->
+
+                    <!-- wp:post-excerpt /-->
+
+                    <!-- wp:post-date {"metadata":{"bindings":{"datetime":{"source":"core/post-data","args":{"field":"date"}}}},"style":{"spacing":{"padding":{"right":"0","left":"0"}}}} /-->
+                </div>
+                <!-- /wp:column -->
+            </div>
+            <!-- /wp:columns -->
+        </div>
+        <!-- /wp:group -->
+        <!-- /wp:post-template -->
+
+        <!-- wp:query-pagination -->
+        <!-- wp:query-pagination-previous /-->
+
+        <!-- wp:query-pagination-numbers /-->
+
+        <!-- wp:query-pagination-next /-->
+        <!-- /wp:query-pagination -->
+    </div>
+    <!-- /wp:query -->
+</div>
+<!-- /wp:group -->
+
+<!-- wp:template-part {"slug":"footer","theme":"wp-theme-crille2026"} /-->
diff --git a/templates/index.html b/templates/index.html
index 66427cd..479a235 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -1,7 +1,199 @@
-<!-- wp:template-part {"slug":"part-header"} /-->
+<!-- wp:template-part {"slug":"header","theme":"wp-theme-crille2026"} /-->
 
-<!-- wp:group {"metadata":{"name":"Content"},"layout":{"type":"constrained"}} -->
-<div class="wp-block-group"><!-- wp:post-content /--></div>
+<!-- wp:spacer {"height":"86px"} -->
+<div style="height: 86px" aria-hidden="true" class="wp-block-spacer"></div>
+<!-- /wp:spacer -->
+
+<!-- wp:group {"metadata":{"name":"StartOmMig"},"style":{"spacing":{"padding":{"left":"var:preset|spacing|30","right":"var:preset|spacing|30"}}},"layout":{"type":"constrained"}} -->
+<div
+    class="wp-block-group"
+    style="
+        padding-right: var(--wp--preset--spacing--30);
+        padding-left: var(--wp--preset--spacing--30);
+    ">
+    <!-- wp:columns -->
+    <div class="wp-block-columns">
+        <!-- wp:column {"width":"25%","metadata":{"name":"Bildkolumn"}} -->
+        <div class="wp-block-column" style="flex-basis: 25%">
+            <!-- wp:image {"id":2023,"sizeSlug":"medium","linkDestination":"none","align":"center","style":{"border":{"radius":{"topLeft":"50%","topRight":"50%","bottomLeft":"50%","bottomRight":"50%"},"width":"6px"},"spacing":{"margin":{"left":"0"}}},"borderColor":"blue"} -->
+            <figure
+                class="wp-block-image aligncenter size-medium has-custom-border"
+                style="margin-left: 0">
+                <img
+                    src="https://crille.org/wp-content/uploads/2026/04/visningsbild_2026-300x300.webp"
+                    alt=""
+                    class="has-border-color has-blue-border-color wp-image-2023"
+                    style="
+                        border-width: 6px;
+                        border-top-left-radius: 50%;
+                        border-top-right-radius: 50%;
+                        border-bottom-left-radius: 50%;
+                        border-bottom-right-radius: 50%;
+                    " />
+            </figure>
+            <!-- /wp:image -->
+        </div>
+        <!-- /wp:column -->
+
+        <!-- wp:column {"width":"50%","metadata":{"name":"Textkolumn"}} -->
+        <div class="wp-block-column" style="flex-basis: 50%">
+            <!-- wp:group {"style":{"spacing":{"padding":{"left":"0"}},"layout":{"selfStretch":"fixed","flexSize":"700px"}},"layout":{"type":"flex","orientation":"vertical"}} -->
+            <div class="wp-block-group" style="padding-left: 0">
+                <!-- wp:heading {"fontFamily":"poppins"} -->
+                <h2 class="wp-block-heading has-poppins-font-family">
+                    Teknik som verktyg. Kreativitet som drivkraft.
+                </h2>
+                <!-- /wp:heading -->
+
+                <!-- wp:paragraph -->
+                <p>
+                    Jag heter Christian och arbetar som universitetsadjunkt med fokus på
+                    programmering, webbutveckling och digitalt skapande. Jag gillar att utforska nya
+                    tekniker, bygga smarta verktyg och skriva om mina projekt. På fritiden
+                    experimenterar jag gärna med WordPress, kod, design och personliga
+                    utvecklingsidéer.
+                </p>
+                <!-- /wp:paragraph -->
+
+                <!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} -->
+                <div class="wp-block-group">
+                    <!-- wp:buttons -->
+                    <div class="wp-block-buttons">
+                        <!-- wp:button {"className":"is-style-fill","style":{"border":{"radius":{"topLeft":"10px","topRight":"10px","bottomLeft":"10px","bottomRight":"10px"}}}} -->
+                        <div class="wp-block-button is-style-fill">
+                            <a
+                                class="wp-block-button__link wp-element-button"
+                                href="https://crille.org/om-mig/"
+                                style="
+                                    border-top-left-radius: 10px;
+                                    border-top-right-radius: 10px;
+                                    border-bottom-left-radius: 10px;
+                                    border-bottom-right-radius: 10px;
+                                "
+                                >Om mig →</a
+                            >
+                        </div>
+                        <!-- /wp:button -->
+                    </div>
+                    <!-- /wp:buttons -->
+
+                    <!-- wp:paragraph -->
+                    <p><a href="https://www.youtube.com/@crille"> </a></p>
+                    <!-- /wp:paragraph -->
+
+                    <!-- wp:html -->
+                    <a href="https://www.youtube.com/@crille">
+                        <i class="fa fa-youtube-play"></i>
+                    </a>
+                    <!-- /wp:html -->
+
+                    <!-- wp:html -->
+                    <a href="https://git.crille.org/crille">
+                        <i class="fa fa-github"></i>
+                    </a>
+                    <!-- /wp:html -->
+                </div>
+                <!-- /wp:group -->
+            </div>
+            <!-- /wp:group -->
+        </div>
+        <!-- /wp:column -->
+    </div>
+    <!-- /wp:columns -->
+</div>
 <!-- /wp:group -->
 
-<!-- wp:template-part {"slug":"part-footer"} /-->
\ No newline at end of file
+<!-- wp:group {"metadata":{"name":"Innehållet på sidan"},"style":{"spacing":{"padding":{"top":"var:preset|spacing|80","right":"var:preset|spacing|30","left":"var:preset|spacing|30"}}},"layout":{"type":"constrained"}} -->
+<div
+    class="wp-block-group"
+    style="
+        padding-top: var(--wp--preset--spacing--80);
+        padding-right: var(--wp--preset--spacing--30);
+        padding-left: var(--wp--preset--spacing--30);
+    ">
+    <!-- wp:columns -->
+    <div class="wp-block-columns">
+        <!-- wp:column {"width":"75%"} -->
+        <div class="wp-block-column" style="flex-basis: 75%"><!-- wp:post-content /--></div>
+        <!-- /wp:column -->
+
+        <!-- wp:column {"width":"25%","style":{"spacing":{"padding":{"left":"var:preset|spacing|80"}}}} -->
+        <div
+            class="wp-block-column"
+            style="padding-left: var(--wp--preset--spacing--80); flex-basis: 25%">
+            <!-- wp:group {"metadata":{"name":"Spotifyblocket"},"style":{"spacing":{"padding":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40","left":"var:preset|spacing|40","right":"var:preset|spacing|40"}},"border":{"radius":{"topLeft":"10px","topRight":"10px","bottomLeft":"10px","bottomRight":"10px"}}},"backgroundColor":"background-primary","layout":{"type":"constrained"}} -->
+            <div
+                class="wp-block-group has-background-primary-background-color has-background"
+                style="
+                    border-top-left-radius: 10px;
+                    border-top-right-radius: 10px;
+                    border-bottom-left-radius: 10px;
+                    border-bottom-right-radius: 10px;
+                    padding-top: var(--wp--preset--spacing--40);
+                    padding-right: var(--wp--preset--spacing--40);
+                    padding-bottom: var(--wp--preset--spacing--40);
+                    padding-left: var(--wp--preset--spacing--40);
+                ">
+                <!-- wp:heading {"textAlign":"left","level":3} -->
+                <h3 class="wp-block-heading has-text-align-left">Just nu i örat</h3>
+                <!-- /wp:heading -->
+
+                <!-- wp:sro/recent-track /-->
+            </div>
+            <!-- /wp:group -->
+
+            <!-- wp:spacer {"height":"67px"} -->
+            <div style="height: 67px" aria-hidden="true" class="wp-block-spacer"></div>
+            <!-- /wp:spacer -->
+
+            <!-- wp:group {"metadata":{"name":"Schemablocket"},"style":{"spacing":{"padding":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40","left":"var:preset|spacing|40","right":"var:preset|spacing|40"},"margin":{"top":"0","bottom":"0"}},"border":{"radius":{"topLeft":"10px","topRight":"10px","bottomLeft":"10px","bottomRight":"10px"}}},"backgroundColor":"background-primary","layout":{"type":"constrained"}} -->
+            <div
+                class="wp-block-group has-background-primary-background-color has-background"
+                style="
+                    border-top-left-radius: 10px;
+                    border-top-right-radius: 10px;
+                    border-bottom-left-radius: 10px;
+                    border-bottom-right-radius: 10px;
+                    margin-top: 0;
+                    margin-bottom: 0;
+                    padding-top: var(--wp--preset--spacing--40);
+                    padding-right: var(--wp--preset--spacing--40);
+                    padding-bottom: var(--wp--preset--spacing--40);
+                    padding-left: var(--wp--preset--spacing--40);
+                ">
+                <!-- wp:heading {"level":3} -->
+                <h3 class="wp-block-heading">Näst i schemat</h3>
+                <!-- /wp:heading -->
+
+                <!-- wp:hv/schema-block /-->
+            </div>
+            <!-- /wp:group -->
+
+            <!-- wp:spacer {"height":"44px"} -->
+            <div style="height: 44px" aria-hidden="true" class="wp-block-spacer"></div>
+            <!-- /wp:spacer -->
+
+            <!-- wp:group {"metadata":{"name":"Arkivet"},"style":{"spacing":{"padding":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40","left":"var:preset|spacing|40","right":"var:preset|spacing|40"}}},"backgroundColor":"background-primary","layout":{"type":"constrained"}} -->
+            <div
+                class="wp-block-group has-background-primary-background-color has-background"
+                style="
+                    padding-top: var(--wp--preset--spacing--40);
+                    padding-right: var(--wp--preset--spacing--40);
+                    padding-bottom: var(--wp--preset--spacing--40);
+                    padding-left: var(--wp--preset--spacing--40);
+                ">
+                <!-- wp:heading {"level":3} -->
+                <h3 class="wp-block-heading">Bläddra i arkivet</h3>
+                <!-- /wp:heading -->
+
+                <!-- wp:archives {"displayAsDropdown":true,"showLabel":false,"showPostCounts":true} /-->
+            </div>
+            <!-- /wp:group -->
+        </div>
+        <!-- /wp:column -->
+    </div>
+    <!-- /wp:columns -->
+</div>
+<!-- /wp:group -->
+
+<!-- wp:template-part {"slug":"footer","theme":"wp-theme-crille2026"} /-->
diff --git a/templates/mall-startsida.html b/templates/mall-startsida.html
deleted file mode 100644
index 66427cd..0000000
--- a/templates/mall-startsida.html
+++ /dev/null
@@ -1,7 +0,0 @@
-<!-- wp:template-part {"slug":"part-header"} /-->
-
-<!-- wp:group {"metadata":{"name":"Content"},"layout":{"type":"constrained"}} -->
-<div class="wp-block-group"><!-- wp:post-content /--></div>
-<!-- /wp:group -->
-
-<!-- wp:template-part {"slug":"part-footer"} /-->
\ No newline at end of file
diff --git a/templates/search.html b/templates/search.html
index b97889e..163ac3c 100644
--- a/templates/search.html
+++ b/templates/search.html
@@ -1,69 +1,76 @@
-<!-- wp:template-part {"slug":"header"} /-->
+<!-- wp:template-part {"slug":"header","theme":"wp-theme-crille2026","area":"uncategorized"} /-->
 
-<!-- wp:group {"tagName":"main","style":{"spacing":{"padding":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40"}}}} -->
-<main class="wp-block-group">
-
-    <!-- Titel: Sökresultat för "..." -->
+<!-- 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"}}}} /-->
 
-    <!-- Query Loop – ärver sökfrågan -->
-    <!-- wp:query {"inherit":true} -->
-
-        <!-- OM DET FINNS RESULTAT -->
-        <!-- wp:post-template {"layout":{"type":"grid","columnCount":2}} -->
-
-            <!-- CARD (samma stil som dina andra listor) -->
-            <!-- wp:group {"className":"post-card","style":{"border":{"radius":"8px"},"overflow":"hidden","color":{"background":"#16181D"},"shadow":"var:preset|shadow|natural"}} -->
-            <div class="wp-block-group post-card has-background" style="border-radius:8px;background-color:#16181D;box-shadow:var(--wp--preset--shadow--natural)">
-
-                <!-- Cover / featured image -->
-                <!-- wp:cover {"useFeaturedImage":true,"dimRatio":30,"minHeight":300,"minHeightUnit":"px"} -->
-                <div class="wp-block-cover" style="min-height:300px">
-                    <span aria-hidden="true" class="wp-block-cover__background has-background-dim"></span>
+    <!-- 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:cover -->
+                <!-- /wp:column -->
 
-                <!-- Text -->
-                <!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|20","right":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30"}}}} -->
-                <div class="wp-block-group">
+                <!-- 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-title {"isLink":true,"style":{"typography":{"fontSize":"1.2rem","fontWeight":"600"}}} /-->
-
-                    <!-- wp:post-excerpt {"excerptLength":18} /-->
-
-                    <!-- wp:post-date {"style":{"typography":{"fontSize":"0.9rem"},"color":{"text":"#B6BAC6"}}} /-->
+                        <!-- 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:group -->
-
+                <!-- /wp:column -->
             </div>
-            <!-- /wp:group -->
-
+            <!-- /wp:columns -->
+        </div>
+        <!-- /wp:group -->
         <!-- /wp:post-template -->
 
-        <!-- OM INGA RESULTAT FINNS -->
         <!-- wp:query-no-results -->
-            <!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40"}}}} -->
-            <div class="wp-block-group">
+        <!-- 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:heading {"level":2} -->
-                <h2>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: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 -->
-
-                <!-- Nytt sökfält -->
-                <!-- wp:search {"label":"Sök igen","showLabel":false,"placeholder":"Sök...","buttonText":"Sök"} /-->
-
-            </div>
-            <!-- /wp:group -->
+            <!-- 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 -->
 
-<!-- wp:template-part {"slug":"footer"} /-->
+<!-- wp:template-part {"slug":"footer","theme":"wp-theme-crille2026","area":"uncategorized"} /-->
diff --git a/templates/single.html b/templates/single.html
new file mode 100644
index 0000000..ebd3458
--- /dev/null
+++ b/templates/single.html
@@ -0,0 +1,93 @@
+<!-- wp:template-part {"slug":"header","theme":"wp-theme-crille2026"} /-->
+
+<!-- wp:group {"style":{"spacing":{"padding":{"right":"var:preset|spacing|30","left":"var:preset|spacing|30"}}},"layout":{"type":"constrained"}} -->
+<div
+    class="wp-block-group"
+    style="
+        padding-right: var(--wp--preset--spacing--30);
+        padding-left: var(--wp--preset--spacing--30);
+    ">
+    <!-- wp:columns -->
+    <div class="wp-block-columns">
+        <!-- wp:column {"width":"70%"} -->
+        <div class="wp-block-column" style="flex-basis: 70%">
+            <!-- wp:group {"metadata":{"name":"Crille-SinglePost"},"layout":{"type":"constrained"}} -->
+            <div class="wp-block-group">
+                <!-- wp:post-terms {"term":"category"} /-->
+
+                <!-- wp:post-title {"level":1} /-->
+
+                <!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} -->
+                <div class="wp-block-group">
+                    <!-- wp:post-author-name /-->
+
+                    <!-- wp:html -->
+                    <i class="fa-solid fa-calendar-days"></i>
+                    <!-- /wp:html -->
+
+                    <!-- wp:post-date {"metadata":{"bindings":{"datetime":{"source":"core/post-data","args":{"field":"date"}}}}} /-->
+                </div>
+                <!-- /wp:group -->
+
+                <!-- wp:post-featured-image /-->
+
+                <!-- wp:post-content /-->
+            </div>
+            <!-- /wp:group -->
+        </div>
+        <!-- /wp:column -->
+
+        <!-- wp:column {"width":"30%","style":{"spacing":{"padding":{"top":"0"}}}} -->
+        <div class="wp-block-column" style="padding-top: 0; flex-basis: 30%">
+            <!-- wp:group {"style":{"border":{"radius":{"topLeft":"10px","topRight":"10px","bottomLeft":"10px","bottomRight":"10px"}},"spacing":{"padding":{"top":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30","right":"var:preset|spacing|30"}}},"backgroundColor":"background-secondary","layout":{"type":"flex","orientation":"vertical","justifyContent":"right"}} -->
+            <div
+                class="wp-block-group has-background-secondary-background-color has-background"
+                style="
+                    border-top-left-radius: 10px;
+                    border-top-right-radius: 10px;
+                    border-bottom-left-radius: 10px;
+                    border-bottom-right-radius: 10px;
+                    padding-top: var(--wp--preset--spacing--30);
+                    padding-right: var(--wp--preset--spacing--30);
+                    padding-bottom: var(--wp--preset--spacing--30);
+                    padding-left: var(--wp--preset--spacing--30);
+                ">
+                <!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} -->
+                <div class="wp-block-group">
+                    <!-- wp:paragraph -->
+                    <p>Postat:</p>
+                    <!-- /wp:paragraph -->
+
+                    <!-- wp:post-date {"metadata":{"bindings":{"datetime":{"source":"core/post-data","args":{"field":"date"}}}}} /-->
+                </div>
+                <!-- /wp:group -->
+
+                <!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} -->
+                <div class="wp-block-group">
+                    <!-- wp:paragraph -->
+                    <p>Lästid:</p>
+                    <!-- /wp:paragraph -->
+
+                    <!-- wp:post-time-to-read /-->
+                </div>
+                <!-- /wp:group -->
+
+                <!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} -->
+                <div class="wp-block-group">
+                    <!-- wp:paragraph -->
+                    <p>Antal ord:</p>
+                    <!-- /wp:paragraph -->
+
+                    <!-- wp:post-time-to-read {"displayMode":"words"} /-->
+                </div>
+                <!-- /wp:group -->
+            </div>
+            <!-- /wp:group -->
+        </div>
+        <!-- /wp:column -->
+    </div>
+    <!-- /wp:columns -->
+</div>
+<!-- /wp:group -->
+
+<!-- wp:template-part {"slug":"footer","theme":"wp-theme-crille2026"} /-->