0ct0pu5/themes-wordpress
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Header Update for matching with original Spearhead (#6693)

Browse source 
Header template update for home to match with the original Spearhead theme & screenshot update
This commit is contained in:
Onur Oztaskiran 2022-10-25 17:59:48 +03:00 • committed by GitHub
parent b0f82ec6d0
commit 71f722073e
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
6 changed files with 73 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
spearhead-blocks/parts/header-home.html Normal file
View file

@ -0,0 +1,25 @@
<!-- wp:group {"backgroundColor":"high-contrast","layout":{"type":"default"}} -->
<div class="wp-block-group has-high-contrast-background-color has-background"><!-- wp:group {"style":{"spacing":{"padding":{"bottom":"var:preset|spacing|80"}}},"className":"gapless-group","layout":{"inherit":"true","type":"constrained"}} -->
<div class="wp-block-group gapless-group" style="padding-bottom:var(--wp--preset--spacing--80)"><!-- wp:group {"align":"full","style":{"spacing":{"padding":{"bottom":"35px","top":"35px","right":"35px","left":"35px"}}},"layout":{"type":"flex","justifyContent":"space-between"}} -->
<div class="wp-block-group alignfull" style="padding-top:35px;padding-right:35px;padding-bottom:35px;padding-left:35px"><!-- wp:group {"layout":{"type":"flex"}} -->
<div class="wp-block-group"><!-- wp:site-logo {"width":64} /-->
<!-- wp:group {"style":{"spacing":{"blockGap":"5px"}}} -->
<div class="wp-block-group"><!-- wp:site-title /-->
<!-- wp:site-tagline /--></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
<!-- wp:navigation {"__unstableLocation":"primary","layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right","orientation":"horizontal"},"style":{"spacing":{"margin":{"top":"0"}}}} /--></div>
<!-- /wp:group -->
<!-- wp:heading {"fontSize":"medium"} -->
<h2 class="has-medium-font-size">Weekly news about tech, investing, and the digital age</h2>
<!-- /wp:heading -->
<!-- wp:paragraph {"style":{"typography":{"fontSize":"1.25rem"}}} -->
<p style="font-size:1.25rem">Spearhead is a weekly tech podcast released every Wednesday. Join hosts Kjell, Mel, and Jeff as they dive deep into top events, the hottest tech news, and discover which startups received VC funding.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->

BIN
spearhead-blocks/screenshot.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 62 KiB

After

Width:  |  Height:  |  Size: 61 KiB

3
spearhead-blocks/style.css
View file

@ -10,7 +10,6 @@ Requires PHP: 5.7
Version: 0.0.1
License: GNU General Public License v2 or later
License URI: https://raw.githubusercontent.com/Automattic/themes/trunk/LICENSE
Template:
Text Domain: spearhead-blocks
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, rtl-language-support, theme-options, threaded-comments, translation-ready, wide-blocks
*/
@ -24,6 +23,8 @@ body {
--wp--preset--color--secondary: var(--wp--preset--color--secondary-dark);
--wp--preset--color--foreground: var(--wp--preset--color--foreground-dark);
--wp--preset--color--background: var(--wp--preset--color--background-dark);
--wp--preset--color--background: var(--wp--preset--color--background-dark);
--wp--preset--color--high-contrast: var(--wp--preset--color--high-contrast-dark);
}
}
/*

31
spearhead-blocks/templates/home.html Normal file
View file

@ -0,0 +1,31 @@
<!-- wp:template-part {"slug":"header-home","tagName":"header"} /-->
<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|70"}}},"className":"sp-home-posts","layout":{"type":"constrained"}} -->
<div class="wp-block-group sp-home-posts" style="padding-top:var(--wp--preset--spacing--70)"><!-- 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":[]},"tagName":"main","layout":{"inherit":true}} -->
<main class="wp-block-query"><!-- wp:post-template -->
<!-- wp:group -->
<div class="wp-block-group"><!-- wp:post-title {"isLink":true} /-->
<!-- wp:post-featured-image {"isLink":true} /-->
<!-- wp:post-excerpt /-->
<!-- wp:spacer {"height":"40px"} -->
<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer --></div>
<!-- /wp:group -->
<!-- /wp:post-template -->
<!-- wp:group {"layout":{"inherit":true,"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:query-pagination {"paginationArrow":"arrow","layout":{"type":"flex","justifyContent":"space-between"}} -->
<!-- wp:query-pagination-previous /-->
<!-- wp:query-pagination-numbers /-->
<!-- wp:query-pagination-next /-->
<!-- /wp:query-pagination --></div>
<!-- /wp:group --></main>
<!-- /wp:query --></div>
<!-- /wp:group -->
<!-- wp:template-part {"slug":"footer","tagName":"footer"} /-->

6
spearhead-blocks/templates/single.html
View file

@ -3,11 +3,11 @@
<!-- wp:group {"layout":{"inherit":true}} -->
<div class="wp-block-group"><!-- wp:post-date {"textColor":"secondary","fontFamily":"ibm-plex-mono"} /-->
<!-- wp:post-title {"style":{"typography":{"fontSize":"3rem","lineHeight":1.3999999999999999}}} /--></div>
<!-- wp:post-title {"style":{"typography":{"fontSize":"3rem","lineHeight":1.2}}} /--></div>
<!-- /wp:group -->
<!-- wp:group {"tagName":"main","lock":{"move":false,"remove":true}} -->
<main class="wp-block-group"><!-- wp:post-featured-image {"align":"full"} /-->
<!-- wp:group {"layout":{"type":"constrained"},"style":{"spacing":{"margin":{"top":"var:preset|spacing|40"}}}} -->
<div class="wp-block-group" style="margin-top:var(--wp--preset--spacing--40)"><!-- wp:post-featured-image {"align":"full"} /-->
<!-- wp:post-content {"lock":{"move":false,"remove":true},"layout":{"inherit":true}} /-->

14
spearhead-blocks/theme.json
View file

@ -49,6 +49,11 @@
"name": "Background",
"slug": "background"
},
{
"color": "#f9f9f9",
"name": "High Contrast",
"slug": "high-contrast"
},
{
"color": "#FF6A81",
"name": "Primary (Dark)",
@ -68,6 +73,11 @@
"color": "#1E1F21",
"name": "Background (Dark)",
"slug": "background-dark"
},
{
"color": "#191A1B",
"name": "High Contrast (Dark)",
"slug": "high-contrast-dark"
}
]
},
@ -275,7 +285,7 @@
"typography": {
"fontSize": "var:preset|font-size|medium",
"fontStyle": "normal",
"fontWeight": "500",
"fontWeight": "700",
"lineHeight": "1.125"
}
},
@ -430,7 +440,7 @@
}
},
"spacing": {
"blockGap": "0.5em"
"blockGap": "2rem"
},
"typography": {
"fontFamily": "var:preset|font-family|libre-franklin",