Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add feature banner to Front Page. #37

Merged
merged 12 commits into from
Nov 14, 2022
Prev Previous commit
Next Next commit
Update the header and control expansion of hero bg.
StevenDufresne committed Nov 11, 2022
commit eec8fd851a297ec7e6b18303d0a5f0f7f1ff1016
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Original file line number Diff line number Diff line change
@@ -9,8 +9,8 @@

<!-- wp:query {"queryId":6,"query":{"perPage":"1","pages":"1","offset":"0","postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"only","inherit":false},"align":"full"} -->
<div class="wp-block-query alignfull"><!-- wp:post-template -->
<!-- wp:group {"backgroundColor":"charcoal-2","layout":{"type":"constrained"}} -->
<div class="wp-block-group has-charcoal-2-background-color has-background"><!-- wp:columns {"align":"wide","style":{"spacing":{"padding":{"top":"var:preset|spacing|90"},"margin":{"top":"var:preset|spacing|30"}}}} -->
<!-- wp:group {"backgroundColor":"charcoal-2","className":"wporg-homepage-hero","layout":{"type":"constrained"}} -->
<div class="wp-block-group wporg-homepage-hero has-charcoal-2-background-color has-background"><!-- wp:columns {"align":"wide","style":{"spacing":{"padding":{"top":"var:preset|spacing|90"},"margin":{"top":"var:preset|spacing|30"}}}} -->
<div class="wp-block-columns alignwide" style="margin-top:var(--wp--preset--spacing--30);padding-top:var(--wp--preset--spacing--90)"><!-- wp:column {"width":"66.66%","layout":{"type":"constrained"}} -->
<div class="wp-block-column" style="flex-basis:66.66%"><!-- wp:heading {"level":1,"className":"screen-reader-text"} -->
<h1 class="screen-reader-text">Showcase</h1>
@@ -19,7 +19,7 @@

<!-- wp:column {"verticalAlignment":"bottom","width":"33.33%","layout":{"type":"constrained","justifyContent":"right"}} -->
<div class="wp-block-column is-vertically-aligned-bottom" style="flex-basis:33.33%"><!-- wp:group {"layout":{"type":"flex","orientation":"vertical","justifyContent":"right"}} -->
<div class="wp-block-group"><!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:group -->
<div class="wp-block-group"><!-- wp:paragraph {"align":"left","style":{"typography":{"lineHeight":"0"}},"textColor":"white","className":"is-style-serif"} -->
<p class="has-text-align-left is-style-serif has-white-color has-text-color" style="line-height:0">Featuring:</p>
<!-- /wp:paragraph -->
17 changes: 17 additions & 0 deletions source/wp-content/themes/wporg-showcase-2022/src/style/style.scss
Original file line number Diff line number Diff line change
@@ -148,3 +148,20 @@ button[type="submit"] {
margin-right: var(--wp--preset--spacing--60) !important;
}
}

.wporg-homepage-hero {
position: relative;
}

.wporg-homepage-hero::after {
position: absolute;
content: '';
width: calc( 100% - var(--wp--preset--spacing--60) );
max-width: 800px;
height: 100%;
top: var(--wp--preset--spacing--30);
left: 0;
background-image: url(../../images/showcase.svg);
background-repeat: no-repeat;
background-size: contain;
}
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
<!-- wp:template-part {"slug":"header","theme":"wporg-showcase-2022"} /-->
<!-- wp:wporg/global-header {"style":"white-on-black"} /-->

<!-- wp:group {"tagName":"main","style":{"spacing":{"blockGap":"0px"}},"className":"entry-content","layout":{"type":"constrained"}} -->
<main class="wp-block-group entry-content">