themes-wordpress/boxedbio/patterns/index.php

<?php
/**
 * Title: index
 * Slug: boxedbio/index
 * Categories: hidden
 * Inserter: no
 */
?>
<!-- wp:columns {"verticalAlignment":null,"style":{"spacing":{"margin":{"top":"0px","bottom":"0px"},"blockGap":{"top":"0px","left":"0px"},"padding":{"top":"0rem","right":"0rem","bottom":"0rem","left":"0rem"}}}} -->
<div class="wp-block-columns" style="margin-top:0px;margin-bottom:0px;padding-top:0rem;padding-right:0rem;padding-bottom:0rem;padding-left:0rem"><!-- wp:column {"verticalAlignment":"top","width":"25%","backgroundColor":"secondary"} -->
<div class="wp-block-column is-vertically-aligned-top has-secondary-background-color has-background" style="flex-basis:25%"><!-- wp:paragraph -->
<p></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"top","backgroundColor":"custom-bb9-a3-b"} -->
<div class="wp-block-column is-vertically-aligned-top has-custom-bb-9-a-3-b-background-color has-background"><!-- wp:paragraph -->
<p></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":"25%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:25%"><!-- wp:cover {"url":"<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/album-cover-1.png","id":175,"dimRatio":0,"focalPoint":{"x":0.8,"y":0.25},"minHeight":20,"minHeightUnit":"%","contentPosition":"center left","align":"full","style":{"spacing":{"blockGap":"0px","margin":{"top":"0px","bottom":"0px"},"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}},"color":{"duotone":["#037261","#a2dda5"]}},"layout":{"type":"default"}} -->
<div class="wp-block-cover alignfull has-custom-content-position is-position-center-left" style="margin-top:0px;margin-bottom:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;min-height:20%"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim"></span><img class="wp-block-cover__image-background wp-image-175" alt="" src="<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/album-cover-1.png" style="object-position:80% 25%" data-object-fit="cover" data-object-position="80% 25%"/><div class="wp-block-cover__inner-container"><!-- wp:group {"style":{"spacing":{"padding":{"top":"2rem","right":"2rem","bottom":"0rem","left":"2rem"},"margin":{"top":"0px","bottom":"0px"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="margin-top:0px;margin-bottom:0px;padding-top:2rem;padding-right:2rem;padding-bottom:0rem;padding-left:2rem"><!-- wp:paragraph -->
<p>Billie Holiday Live<br>at Carnegie Hall</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"style":{"spacing":{"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"},"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}}} -->
<h2 class="wp-block-heading" style="margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"><a href="https://youtube.com/" target="_blank" rel="noreferrer noopener">Listen</a></h2>
<!-- /wp:heading --></div>
<!-- /wp:group --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:columns {"align":"wide","style":{"spacing":{"margin":{"top":"0px","bottom":"0px"},"blockGap":{"top":"0px","left":"0px"},"padding":{"top":"0rem","right":"0rem","bottom":"0rem","left":"0rem"}}}} -->
<div class="wp-block-columns alignwide" style="margin-top:0px;margin-bottom:0px;padding-top:0rem;padding-right:0rem;padding-bottom:0rem;padding-left:0rem"><!-- wp:column {"width":"75%"} -->
<div class="wp-block-column" style="flex-basis:75%"><!-- wp:cover {"url":"<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/cover_billie-holiday_16x9-1.png","id":148,"dimRatio":0,"focalPoint":{"x":0.5,"y":0.2},"minHeight":55,"minHeightUnit":"vh","contentPosition":"top right","style":{"color":{"duotone":["#152735","#fef6e1"]},"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"},"margin":{"top":"0px","bottom":"0px"},"blockGap":"0px"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-cover has-custom-content-position is-position-top-right" style="margin-top:0px;margin-bottom:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;min-height:55vh"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim"></span><img class="wp-block-cover__image-background wp-image-148" alt="" src="<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/cover_billie-holiday_16x9-1.png" style="object-position:50% 20%" data-object-fit="cover" data-object-position="50% 20%"/><div class="wp-block-cover__inner-container"><!-- wp:group {"style":{"spacing":{"padding":{"right":"3rem","left":"2rem"}},"elements":{"link":{"color":{"text":"var:preset|color|custom-bb9-a3-b"}}}},"textColor":"foreground","layout":{"type":"default"}} -->
<div class="wp-block-group has-foreground-color has-text-color has-link-color" style="padding-right:3rem;padding-left:2rem"><!-- wp:group {"style":{"dimensions":{"minHeight":"100%"}},"layout":{"type":"default"}} -->
<div class="wp-block-group" style="min-height:100%"><!-- wp:spacer {"height":"3rem","style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}}}} -->
<div style="margin-top:0px;margin-bottom:0px;height:3rem" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:group {"style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"},"margin":{"top":"0px","bottom":"0px"},"blockGap":"3rem"},"dimensions":{"minHeight":"100%"}},"layout":{"type":"flex","orientation":"vertical","verticalAlignment":"space-between","justifyContent":"left"}} -->
<div class="wp-block-group" style="min-height:100%;margin-top:0px;margin-bottom:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"><!-- wp:group {"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"textTransform":"uppercase","letterSpacing":"2px"}},"textColor":"custom-bb9-a3-b","fontSize":"small"} -->
<p class="has-custom-bb-9-a-3-b-color has-text-color has-small-font-size" style="letter-spacing:2px;text-transform:uppercase">About</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":1} -->
<h1 class="wp-block-heading"><a href="https://en.wikipedia.org/wiki/Billie_Holiday" target="_blank" rel="noreferrer noopener">Billie Holiday changed Jazz forever</a></h1>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Elinore Harris, byname Lady Day, (born April 7, 1915, Philadelphia, Pennsylvania, U.S.—died July 17, 1959, New York City, New York), American jazz singer, one of the greatest from the 1930s to the ’50s.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"textColor":"custom-bb9-a3-b","className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-custom-bb-9-a-3-b-color has-text-color wp-element-button" href="https://en.wikipedia.org/wiki/Billie_Holiday" target="_blank" rel="noreferrer noopener">More</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group -->

<!-- wp:spacer {"height":"3rem","style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}}}} -->
<div style="margin-top:0px;margin-bottom:0px;height:3rem" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"25%","backgroundColor":"custom-034752"} -->
<div class="wp-block-column has-custom-034752-background-color has-background" style="flex-basis:25%"><!-- wp:group {"style":{"border":{"radius":"1px"},"dimensions":{"minHeight":"100%"},"color":{"background":"#034752"}},"textColor":"background","layout":{"type":"default"}} -->
<div class="wp-block-group has-background-color has-text-color has-background" style="border-radius:1px;background-color:#034752;min-height:100%"><!-- wp:group {"style":{"spacing":{"padding":{"right":"3rem","left":"2rem"},"blockGap":"0px"},"elements":{"link":{"color":{"text":"var:preset|color|custom-bb9-a3-b"}}}},"textColor":"foreground","layout":{"type":"constrained","justifyContent":"right"}} -->
<div class="wp-block-group has-foreground-color has-text-color has-link-color" style="padding-right:3rem;padding-left:2rem"><!-- wp:spacer {"height":"3rem","style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}}}} -->
<div style="margin-top:0px;margin-bottom:0px;height:3rem" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:group {"style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"},"margin":{"top":"0px","bottom":"0px"},"blockGap":"3rem"},"dimensions":{"minHeight":"100%"}},"layout":{"type":"flex","orientation":"vertical","verticalAlignment":"space-between","justifyContent":"left"}} -->
<div class="wp-block-group" style="min-height:100%;margin-top:0px;margin-bottom:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"><!-- wp:group {"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"textTransform":"uppercase","letterSpacing":"2px"}},"textColor":"custom-bb9-a3-b","fontSize":"small"} -->
<p class="has-custom-bb-9-a-3-b-color has-text-color has-small-font-size" style="letter-spacing:2px;text-transform:uppercase">Autobiography</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":1} -->
<h1 class="wp-block-heading"><a rel="noreferrer noopener" href="https://en.wikipedia.org/wiki/Billie_Holiday" target="_blank"></a><a rel="noreferrer noopener" href="https://en.wikipedia.org/wiki/Billie_Holiday" target="_blank">Lady Sings the Blues</a></h1>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>The book ”Lady Sings the Blues” is an autobiography by jazz singer Billie Holiday, co-authored by William Dufty. The book formed the basis of the 1972 film ”Lady Sings the Blues” starring Diana Ross.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"textColor":"custom-bb9-a3-b","className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-custom-bb-9-a-3-b-color has-text-color wp-element-button" href="https://en.wikipedia.org/wiki/Billie_Holiday" target="_blank" rel="noreferrer noopener">Shop Now</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group -->

<!-- wp:spacer {"height":"3rem","style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}}}} -->
<div style="margin-top:0px;margin-bottom:0px;height:3rem" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:columns {"align":"full","style":{"spacing":{"margin":{"top":"0px","bottom":"0px"},"blockGap":{"top":"0px","left":"0px"},"padding":{"top":"0rem","right":"0rem","bottom":"0rem","left":"0rem"}}}} -->
<div class="wp-block-columns alignfull" style="margin-top:0px;margin-bottom:0px;padding-top:0rem;padding-right:0rem;padding-bottom:0rem;padding-left:0rem"><!-- wp:column {"verticalAlignment":"top","width":"50%","backgroundColor":"custom-cce7-e2"} -->
<div class="wp-block-column is-vertically-aligned-top has-custom-cce-7-e-2-background-color has-background" style="flex-basis:50%"><!-- wp:cover {"dimRatio":0,"overlayColor":"custom-cce7-e2","minHeight":100,"minHeightUnit":"px","contentPosition":"top left","isDark":false,"align":"wide","style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"},"blockGap":"0px","margin":{"top":"0px","bottom":"0px"}}},"layout":{"type":"default"}} -->
<div class="wp-block-cover alignwide is-light has-custom-content-position is-position-top-left" style="margin-top:0px;margin-bottom:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;min-height:100px"><span aria-hidden="true" class="wp-block-cover__background has-custom-cce-7-e-2-background-color has-background-dim-0 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:group {"align":"full","style":{"spacing":{"blockGap":"1rem"}},"layout":{"type":"default"}} -->
<div class="wp-block-group alignfull"><!-- wp:heading -->
<h2 class="wp-block-heading"><a href="https://en.wikipedia.org/wiki/Billie_Holiday" target="_blank" rel="noreferrer noopener">Innovative singer and composer</a></h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Along with interpretations of jazz standards, Holiday wrote many of her own songs — a rare feat for jazz singers of that time.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"top","width":"25%","backgroundColor":"custom-eebaac"} -->
<div class="wp-block-column is-vertically-aligned-top has-custom-eebaac-background-color has-background" style="flex-basis:25%"><!-- wp:heading -->
<h2 class="wp-block-heading"><a href="https://www.pbs.org/wnet/americanmasters/billie-holiday-about-the-singer/68/" target="_blank" rel="noreferrer noopener">The Long Night of Lady Day</a></h2>
<!-- /wp:heading -->

<!-- wp:group {"style":{"spacing":{"blockGap":"0.5rem"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group"><!-- wp:paragraph -->
<p>Video</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>·</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p><strong>PBS Special</strong></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"top","width":"25%","backgroundColor":"custom-cce7-e2"} -->
<div class="wp-block-column is-vertically-aligned-top has-custom-cce-7-e-2-background-color has-background" style="flex-basis:25%"><!-- wp:group {"style":{"dimensions":{"minHeight":"100%"}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"center"}} -->
<div class="wp-block-group" style="min-height:100%"><!-- wp:image {"id":21,"width":64,"height":64,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full is-resized"><img src="<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/ic_tumblr.png" alt="" class="wp-image-21" width="64" height="64"/></figure>
<!-- /wp:image -->

<!-- wp:paragraph {"fontSize":"large"} -->
<p class="has-large-font-size">·</p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":19,"width":64,"height":64,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full is-resized"><img src="<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/ic_facebook.png" alt="" class="wp-image-19" width="64" height="64"/></figure>
<!-- /wp:image -->

<!-- wp:paragraph {"fontSize":"large"} -->
<p class="has-large-font-size">·</p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":20,"width":64,"height":64,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full is-resized"><img src="<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/ic_spotify.png" alt="" class="wp-image-20" width="64" height="64"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->