Flyttade bakgrunds-bild från theme.json till theme.css

functions.php

@@ -0,0 +1,21 @@
+<?php
+add_action('wp_enqueue_scripts', function() {
+    wp_enqueue_style(
+        'my-theme-custom',
+        get_theme_file_uri('theme.css'),
+        array(),
+        filemtime(get_theme_file_path('theme.css'))
+    );
+});
+add_action('after_setup_theme', function () {
+    add_theme_support('custom-logo', [
+        'height'      => 250,
+        'width'       => 250,
+        'flex-width'  => true,
+        'flex-height' => true,
+    ]);
+
+    set_theme_mod('custom_logo', attachment_url_to_postid(
+        get_theme_file_uri('assets/images/logo.png')
+    ));
+});

mypages/Mall-Index.txt

@@ -0,0 +1,57 @@
+<!-- wp:template-part {"slug":"part-header","theme":"wp-theme-crille2026"} /-->
+
+<!-- wp:group {"layout":{"type":"constrained"}} -->
+<div class="wp-block-group"><!-- 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 /-->
+
+<!-- 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 {"datetime":"2026-04-05T09:04:15.389Z"} /--></div>
+<!-- /wp:group -->
+
+<!-- wp:post-featured-image /-->
+
+<!-- wp:post-content /--></div>
+<!-- /wp:group --></div>
+<!-- /wp:column -->
+
+<!-- wp:column {"width":"30%"} -->
+<div class="wp-block-column" style="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":"part-footer","theme":"wp-theme-crille2026"} /-->

mypages/Mall-Start.txt

@@ -0,0 +1,43 @@
+<!-- wp:template-part {"slug":"part-header","theme":"wp-theme-crille2026"} /-->
+
+<!-- wp:group {"metadata":{"name":"StartOmMig"},"style":{"spacing":{"padding":{"left":"var:preset|spacing|80"}}},"layout":{"type":"constrained"}} -->
+<div class="wp-block-group" style="padding-left:var(--wp--preset--spacing--80)"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} -->
+<div class="wp-block-group"><!-- wp:image {"id":2074,"sizeSlug":"medium","linkDestination":"none","style":{"border":{"radius":{"topLeft":"50%","topRight":"50%","bottomLeft":"50%","bottomRight":"50%"},"width":"5px"},"spacing":{"margin":{"left":"0"}}},"borderColor":"blue"} -->
+<figure class="wp-block-image size-medium has-custom-border" style="margin-left:0"><img src="http://crille2026.local/wp-content/uploads/2026/04/visningsbild_2026-300x300.webp" alt="" class="has-border-color has-blue-border-color wp-image-2074" style="border-width:5px;border-top-left-radius:50%;border-top-right-radius:50%;border-bottom-left-radius:50%;border-bottom-right-radius:50%"/></figure>
+<!-- /wp:image -->
+
+<!-- wp:group {"style":{"spacing":{"padding":{"left":"var:preset|spacing|50"}},"layout":{"selfStretch":"fixed","flexSize":"700px"}},"layout":{"type":"constrained"}} -->
+<div class="wp-block-group" style="padding-left:var(--wp--preset--spacing--50)"><!-- wp:paragraph {"style":{"layout":{"selfStretch":"fixed","flexSize":"600px"},"elements":{"link":{"color":{"text":"var:preset|color|orange-hover"}}}},"textColor":"orange-hover","fontSize":"medium"} -->
+<p class="has-orange-hover-color has-text-color has-link-color has-medium-font-size">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 --></div>
+<!-- /wp:group --></div>
+<!-- /wp:group --></div>
+<!-- /wp:group -->
+
+<!-- wp:group {"metadata":{"name":"Innehållet på sidan"},"style":{"spacing":{"padding":{"top":"var:preset|spacing|80"}}},"layout":{"type":"constrained"}} -->
+<div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--80)"><!-- wp:columns -->
+<div class="wp-block-columns"><!-- wp:column {"width":"66.66%"} -->
+<div class="wp-block-column" style="flex-basis:66.66%"><!-- wp:post-content /--></div>
+<!-- /wp:column -->
+
+<!-- wp:column {"width":"33.33%","style":{"spacing":{"padding":{"left":"var:preset|spacing|80"}}}} -->
+<div class="wp-block-column" style="padding-left:var(--wp--preset--spacing--80);flex-basis:33.33%"><!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Just nu i örat</h3>
+<!-- /wp:heading -->
+
+<!-- wp:sro/recent-track /-->
+
+<!-- wp:spacer {"height":"67px"} -->
+<div style="height:67px" aria-hidden="true" class="wp-block-spacer"></div>
+<!-- /wp:spacer -->
+
+<!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">Näst i schemat</h3>
+<!-- /wp:heading -->
+
+<!-- wp:hv/schema-block /--></div>
+<!-- /wp:column --></div>
+<!-- /wp:columns --></div>
+<!-- /wp:group -->
+
+<!-- wp:template-part {"slug":"part-footer","theme":"wp-theme-crille2026"} /-->

mypages/Page-Startsida.txt

@@ -0,0 +1,23 @@
+<!-- wp:query {"queryId":10,"query":{"perPage":10,"postType":"post","order":"desc","orderBy":"date","inherit":false},"metadata":{"name":"QL: Posterna"}} -->
+<div class="wp-block-query"><!-- wp:post-template {"layout":{"type":"grid","columnCount":2}} -->
+<!-- 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":"#573737","isUserOverlayColor":false,"minHeight":300,"minHeightUnit":"px","className":"post-cover","style":{"dimensions":{"minHeight":"300px"},"objectFit":"cover","position":"relative","zIndex":"1","border":{"radius":{"topLeft":"12px","topRight":"12px"}}}} -->
+<div class="wp-block-cover 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:#573737"></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":16} /-->
+
+<!-- wp:post-date {"datetime":"2026-04-06T18:18:42.309Z","style":{"typography":{"fontSize":"0.9rem"},"color":{"text":"#B6BAC6"}}} /--></div>
+<!-- /wp:group --></div>
+<!-- /wp:group --></div>
+<!-- /wp:group -->
+<!-- /wp:post-template --></div>
+<!-- /wp:query -->

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 -->

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 -->

parts/part-footer.html

@@ -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 -->

parts/part-header.html

@@ -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 -->

patterns/about-me.php

@@ -0,0 +1,48 @@
+<?php
+/**
+ * Title: Om Mig
+ * Slug: wp-theme-crille2026/about-me
+ * Categories: posts, layout
+ * Description: Ett återanvändbart block som visar två kolumner med bild och bio
+ */
+?>
+<!-- wp:group {"metadata":{"name":"StartOmMig"},"style":{"spacing":{"padding":{"left":"var:preset|spacing|80"}}},"layout":{"type":"constrained"}} -->
+<div class="wp-block-group" style="padding-left: var(--wp--preset--spacing--80)">
+    <!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} -->
+    <div class="wp-block-group">
+        <!-- wp:image {"id":2074,"sizeSlug":"medium","linkDestination":"none","style":{"border":{"radius":{"topLeft":"50%","topRight":"50%","bottomLeft":"50%","bottomRight":"50%"},"width":"5px"},"spacing":{"margin":{"left":"0"}}},"borderColor":"blue"} -->
+        <figure class="wp-block-image size-medium has-custom-border" style="margin-left: 0">
+            <img
+                src="http://crille2026.local/wp-content/uploads/2026/04/visningsbild_2026-300x300.webp"
+                alt=""
+                class="has-border-color has-blue-border-color wp-image-2074"
+                style="
+                    border-width: 5px;
+                    border-top-left-radius: 50%;
+                    border-top-right-radius: 50%;
+                    border-bottom-left-radius: 50%;
+                    border-bottom-right-radius: 50%;
+                " />
+        </figure>
+        <!-- /wp:image -->
+
+        <!-- wp:group {"style":{"spacing":{"padding":{"left":"var:preset|spacing|50"}},"layout":{"selfStretch":"fixed","flexSize":"700px"}},"layout":{"type":"constrained"}} -->
+        <div class="wp-block-group" style="padding-left: var(--wp--preset--spacing--50)">
+            <!-- wp:heading -->
+            <h2 class="wp-block-heading">Jag heter Christian Ohlsson</h2>
+            <!-- /wp:heading -->
+
+            <!-- wp:paragraph {"style":{"layout":{"selfStretch":"fixed","flexSize":"600px"},"elements":{"link":{"color":{"text":"var:preset|color|text-primary"}}}},"textColor":"text-primary","fontSize":"medium"} -->
+            <p class="has-text-primary-color has-text-color has-link-color has-medium-font-size">
+                ... 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 -->
+        </div>
+        <!-- /wp:group -->
+    </div>
+    <!-- /wp:group -->
+</div>
+<!-- /wp:group -->

patterns/latest-cards.php

@@ -0,0 +1,68 @@
+<?php
+/**
+ * Title: Latest Cards
+ * Slug: wp-theme-crille2026/latest-cards
+ * Categories: posts, layout
+ * Description: En återanvändbar lista av cards
+ */
+?>
+
+<!-- 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 -->

patterns/result-list.php

@@ -0,0 +1,80 @@
+<?php
+/**
+ * Title: Result List
+ * Slug: wp-theme-crille2026/result-list
+ * Categories: posts, layout
+ * Description: En återanvändbar lista av svar från ett Query. Visar upp featured image med rubrik & excerpt
+ */
+?>
+<!-- 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 -->

style.css

@@ -11,6 +11,4 @@ Version:
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain: wp-theme-crille2026
-Tags: 
 */
-

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"} /-->

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"}} -->
+<!-- wp:spacer {"height":"86px"} -->
-<div class="wp-block-group"><!-- wp:post-content /--></div>
+<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"} /-->
+<!-- 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"} /-->

templates/mall-startsida.html

@@ -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"} /-->

templates/search.html

@@ -0,0 +1,76 @@
+<!-- wp:template-part {"slug":"header","theme":"wp-theme-crille2026","area":"uncategorized"} /-->
+
+<!-- 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 -->
+
+<!-- wp:template-part {"slug":"footer","theme":"wp-theme-crille2026","area":"uncategorized"} /-->

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"} /-->

theme.css

@@ -0,0 +1,113 @@
+/*
+    FÄÖRGSCHEMA
+    -----------------------------------
+    "background-primary" #0E0F12"
+    "background-secondary" "#16181D"
+    "background-tertiary" "#1F2228"
+    "text-primary" "#E8EAF0"
+    "text-secondary" "#B6BAC6"
+    "text-muted" "#7A7F8A"
+    "blue" "#4DA3FF"
+    "blue-hover" "#82C4FF"
+    "orange" "#FF8F3F"
+    "orange-hover" "#FFB27A"
+    "code-bg" "#1A1D23"
+    "code-border" "#2A2E37" 
+*/
+body {
+    background-attachment: fixed;
+    background-image: url("/wp-content/themes/wp-theme-crille2026/assets/images/background.webp");
+    background-size: cover;
+    background-position: center;
+    background-repeat: no-repeat;
+}
+/* Stilar till kategori-buttons */
+.taxonomy-category a {
+    background-color: #ff8f3f;
+    color: #0e0f12;
+    padding: 1px 7px;
+    border-radius: 7px;
+    font-size: 1rem;
+}
+.entry-content h2 {
+    margin-top: 2rem;
+}
+.wp-block-post-excerpt {
+    margin: 0;
+}
+.wp-block-post-excerpt__excerpt {
+    font-size: 1rem;
+}
+.fa {
+    font-size: 2rem;
+}
+
+.footer .wp-block-list,
+.wp-block-latest-posts__list {
+    list-style-type: none;
+    padding-left: 0;
+    li {
+        padding-bottom: 6px;
+    }
+}
+
+/* Lite uppstilning av sökrutan*/
+.searchbox .wp-element-button {
+    background: #ff8f3f;
+}
+.wp-block-search__input {
+    background-color: var(--wp--preset--color--background-primary);
+    color: var(--wp--preset--color--text-primary);
+    border-radius: 6px;
+    border: 1px solid var(--wp--preset--color--code-border);
+    padding: 0;
+}
+
+.wp-block-search__button {
+    background-color: var(--wp--preset--color--orange);
+    color: #000;
+    border-radius: 6px;
+    padding: 1rem;
+}
+
+.wp-block-search__button:hover {
+    background-color: var(--wp--preset--color--orange-hover);
+}
+
+/* Zoomar in på post-bilden */
+.post-cover {
+    overflow: hidden;
+}
+
+.post-cover .wp-block-cover__image-background {
+    transition: transform 0.35s ease;
+}
+
+.post-cover:hover .wp-block-cover__image-background {
+    transform: scale(1.1);
+}
+
+/* Font på arkivet-listan */
+select {
+    background-color: var(--wp--preset--color--background-secondary);
+    color: var(--wp--preset--color--text-primary);
+    font-size: 1rem;
+    border: 1px solid transparent;
+    padding: 6px 10px;
+    border-radius: 6px;
+}
+
+/* Lite MQ */
+@media (max-width: 780px) {
+    div.wp-block-column {
+        padding-left: 0px !important;
+    }
+    .wp-block-spacer {
+        height: 0 !important;
+    }
+}
+@media (max-width: 700px) {
+    form.searchbox {
+        display: none;
+    }
+}

theme.json

@@ -3,6 +3,11 @@
     "version": 3,
 
     "settings": {
+        "appearanceTools": true,
+        "custom": {
+            "defaultLogo": "assets/images/logo.png",
+            "transition": "all 0.3s ease"
+        },
         "color": {
             "palette": [
                 { "slug": "background-primary", "name": "Background Primary", "color": "#0E0F12" },
@@ -101,19 +106,13 @@
                     "shadow": "0 0 12px rgba(0,0,0,0.6)"
                 }
             ]
-        },
-
-        "custom": {
-            "transition": "all 0.3s ease"
         }
     },
-
     "styles": {
         "color": {
-            "background": "var(--wp--preset--color--background-primary)",
+            "background": "transparent",
             "text": "var(--wp--preset--color--text-primary)"
         },
-
         "typography": {
             "fontFamily": "var(--wp--preset--font-family--inter)",
             "fontSize": "var(--wp--preset--font-size--normal)"