<?php
/**
 * Title: Music Playlist
 * Slug: euphony-blocks/music-playlist
 * Categories: euphony-blocks, page
 */
if ( ! defined( 'ABSPATH' ) ) {
	exit;
}

?>

<!-- wp:group {"align":"full","className":"wp-block-section  wp-block-music-playlist","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull wp-block-section  wp-block-music-playlist"><!-- wp:group {"align":"wide","style":{"spacing":{"blockGap":"7px"}},"className":"alignwide wp-block-group-heading"} -->
	<div class="wp-block-group alignwide wp-block-group-heading"><!-- wp:paragraph {"align":"center","style":{"typography":{"lineHeight":"1.17"},"elements":{"link":{"color":{"text":"var:preset|color|foreground"}}}},"textColor":"foreground","fontSize":"post-heading","fontFamily":"mrs-saint-selafield"} -->
		<p class="has-text-align-center has-foreground-color has-text-color has-link-color has-mrs-saint-selafield-font-family has-post-heading-font-size" style="line-height:1.17"><?php esc_html_e('New Release', 'euphony-blocks'); ?></p>
		<!-- /wp:paragraph -->
	</div>
	<!-- /wp:group -->

	<!-- wp:group {"align":"wide","className":"wp-block-group-content","layout":{"type":"constrained"}} -->
	<div class="wp-block-group alignwide wp-block-group-content"><!-- wp:media-text {"align":"wide","mediaLink":"#","mediaType":"image","mediaWidth":45,"isStackedOnMobile":false,"imageFill":false,"className":"alignwide is-stacked-on-mobile"} -->
		<div class="wp-block-media-text alignwide is-stacked-on-mobile" style="grid-template-columns:45% auto">
			<figure class="wp-block-media-text__media"><img src="<?php echo esc_url(get_parent_theme_file_uri('/assets/images/music-playlist.png')); ?>" alt="" class="size-full" /></figure>
			<div class="wp-block-media-text__content"><!-- wp:paragraph {"align":"left","style":{"spacing":{"margin":{"top":"0","bottom":"28px"}}}} -->
				<p class="has-text-align-left" style="margin-top:0;margin-bottom:28px"><?php esc_html_e('This is WordPress default audio playlist added in page. So, just create page and Add Media and create audio playlist. After that, you can select the page from Appearance – Editor – Front Page – Music Playlist pattern.', 'euphony-blocks'); ?></p>
				<!-- /wp:paragraph -->

				<!-- wp:audio -->
				<figure class="wp-block-audio"><audio controls src="https://catchspaces.sfo2.digitaloceanspaces.com/catchthemesfse/sites/9/2022/08/03090548/Impact-Moderato.mp3"></audio></figure>
				<!-- /wp:audio -->

				<!-- wp:paragraph {"align":"left","style":{"spacing":{"margin":{"top":"0","bottom":"28px"}}}} -->
				<p class="has-text-align-left" style="margin-top:0;margin-bottom:28px"><?php esc_html_e('The earliest use of "podcasting" was traced to The Guardian columnist and BBC journalist Ben Hammersley, who coined it in early February 2004 while writing an article for The Guardian newspaper.', 'euphony-blocks'); ?></p>
				<!-- /wp:paragraph -->

				<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"left"}} -->
				<div class="wp-block-group"><!-- wp:buttons -->
					<div class="wp-block-buttons"><!-- wp:button {"style":{"border":{"radius":"0px"},"typography":{"textTransform":"capitalize"},"spacing":{"padding":{"left":"21px","right":"21px"}}},"className":"is-style-outline","fontSize":"tiny"} -->
						<div class="wp-block-button has-custom-font-size is-style-outline has-tiny-font-size" style="text-transform:capitalize"><a class="wp-block-button__link wp-element-button" style="border-radius:0px;padding-right:21px;padding-left:21px"><?php esc_html_e('Apple podcasts', 'euphony-blocks'); ?></a></div>
						<!-- /wp:button -->

						<!-- wp:button {"style":{"border":{"radius":"0px"},"typography":{"textTransform":"capitalize"},"spacing":{"padding":{"left":"21px","right":"21px"}}},"className":"is-style-outline","fontSize":"tiny"} -->
						<div class="wp-block-button has-custom-font-size is-style-outline has-tiny-font-size" style="text-transform:capitalize"><a class="wp-block-button__link wp-element-button" style="border-radius:0px;padding-right:21px;padding-left:21px"><?php esc_html_e('Google podcasts', 'euphony-blocks'); ?></a></div>
						<!-- /wp:button -->

						<!-- wp:button {"style":{"border":{"radius":"0px"},"typography":{"textTransform":"capitalize"},"spacing":{"padding":{"left":"21px","right":"21px"}}},"className":"is-style-outline","fontSize":"tiny"} -->
						<div class="wp-block-button has-custom-font-size is-style-outline has-tiny-font-size" style="text-transform:capitalize"><a class="wp-block-button__link wp-element-button" style="border-radius:0px;padding-right:21px;padding-left:21px"><?php esc_html_e('Spotify', 'euphony-blocks'); ?></a></div>
						<!-- /wp:button -->

						<!-- wp:button {"style":{"border":{"radius":"0px"},"typography":{"textTransform":"capitalize"},"spacing":{"padding":{"left":"21px","right":"21px"}}},"className":"is-style-outline","fontSize":"tiny"} -->
						<div class="wp-block-button has-custom-font-size is-style-outline has-tiny-font-size" style="text-transform:capitalize"><a class="wp-block-button__link wp-element-button" style="border-radius:0px;padding-right:21px;padding-left:21px"><?php esc_html_e('Stitcher', 'euphony-blocks'); ?></a></div>
						<!-- /wp:button -->
					</div>
					<!-- /wp:buttons -->
				</div>
				<!-- /wp:group -->
			</div>
		</div>
		<!-- /wp:media-text -->
	</div>
	<!-- /wp:group -->
</div>
<!-- /wp:group -->
