Compare commits
16 Commits
3c786c0b42
...
main
| Author | SHA1 | Date | |
|---|---|---|---|
| 357574af84 | |||
| 3088197123 | |||
| dfffc61285 | |||
| 1dd24f9491 | |||
| 900829adef | |||
| 53a2b704f8 | |||
| d61061ab83 | |||
| dff458efc9 | |||
| 478a8d6302 | |||
| 5eea3c1244 | |||
| c5d03d5584 | |||
| 052e9e2f3a | |||
| 3df65584fa | |||
| 1c9e22c823 | |||
| 158c92516f | |||
| f12c169383 |
BIN
assets/images/logo.png
Normal file
BIN
assets/images/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 24 KiB |
BIN
assets/images/wallpaper.webp
Normal file
BIN
assets/images/wallpaper.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 66 KiB |
21
functions.php
Normal file
21
functions.php
Normal file
@@ -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')
|
||||
));
|
||||
});
|
||||
@@ -2,8 +2,8 @@
|
||||
|
||||
<!-- 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":2159,"sizeSlug":"medium","linkDestination":"none","style":{"border":{"radius":{"topLeft":"50%","topRight":"50%","bottomLeft":"50%","bottomRight":"50%"}},"spacing":{"margin":{"left":"0"}}}} -->
|
||||
<figure class="wp-block-image size-medium has-custom-border" style="margin-left:0"><img src="http://crilleold.local/wp-content/uploads/2026/04/visning_fisheye-300x289.png" alt="" class="wp-image-2159" style="border-top-left-radius:50%;border-top-right-radius:50%;border-bottom-left-radius:50%;border-bottom-right-radius:50%"/></figure>
|
||||
<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"}} -->
|
||||
@@ -20,8 +20,8 @@
|
||||
<div class="wp-block-column" style="flex-basis:66.66%"><!-- wp:post-content /--></div>
|
||||
<!-- /wp:column -->
|
||||
|
||||
<!-- wp:column {"width":"33.33%"} -->
|
||||
<div class="wp-block-column" style="flex-basis:33.33%"><!-- wp:heading {"level":3} -->
|
||||
<!-- 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 -->
|
||||
|
||||
@@ -2,8 +2,8 @@
|
||||
<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":"#b2b4b7","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:#b2b4b7"></span><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","style":{"width":"100%"}} -->
|
||||
<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 -->
|
||||
@@ -11,7 +11,7 @@
|
||||
<!-- 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 {"style":{"typography":{"fontSize":"1.2rem","fontWeight":"600"},"spacing":{"margin":{"bottom":"0.3rem"}}}} /-->
|
||||
<!-- wp:post-title {"isLink":true,"style":{"typography":{"fontSize":"1.2rem","fontWeight":"600"},"spacing":{"margin":{"bottom":"0.3rem"}}}} /-->
|
||||
|
||||
<!-- wp:post-excerpt {"excerptLength":16} /-->
|
||||
|
||||
|
||||
85
parts/footer.html
Normal file
85
parts/footer.html
Normal file
@@ -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 & kärlek</p>
|
||||
<!-- /wp:paragraph -->
|
||||
</div>
|
||||
<!-- /wp:column -->
|
||||
</div>
|
||||
<!-- /wp:columns -->
|
||||
</div>
|
||||
<!-- /wp:group -->
|
||||
20
parts/header.html
Normal file
20
parts/header.html
Normal file
@@ -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 -->
|
||||
@@ -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 -->
|
||||
@@ -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 -->
|
||||
48
patterns/about-me.php
Normal file
48
patterns/about-me.php
Normal file
@@ -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 -->
|
||||
68
patterns/latest-cards.php
Normal file
68
patterns/latest-cards.php
Normal file
@@ -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 -->
|
||||
80
patterns/result-list.php
Normal file
80
patterns/result-list.php
Normal file
@@ -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 -->
|
||||
@@ -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:
|
||||
*/
|
||||
|
||||
|
||||
56
templates/category.html
Normal file
56
templates/category.html
Normal file
@@ -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"} /-->
|
||||
@@ -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"} /-->
|
||||
<!-- 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"} /-->
|
||||
|
||||
@@ -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"} /-->
|
||||
76
templates/search.html
Normal file
76
templates/search.html
Normal file
@@ -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"} /-->
|
||||
93
templates/single.html
Normal file
93
templates/single.html
Normal file
@@ -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"} /-->
|
||||
113
theme.css
Normal file
113
theme.css
Normal file
@@ -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;
|
||||
}
|
||||
}
|
||||
13
theme.json
13
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)"
|
||||
|
||||
Reference in New Issue
Block a user