page.php 2.55 KB
<?php
/**
 * The template for displaying all pages
 *
 * This is the template that displays all pages by default.
 * Please note that this is the WordPress construct of pages
 * and that other 'pages' on your WordPress site will use a
 * different template.
 *
 * @package Understrap
 */

// Exit if accessed directly.
defined( 'ABSPATH' ) || exit;

get_header();

$container = get_theme_mod( 'understrap_container_type' );

?>
<?php if (is_page('account') || is_page('user') || is_page('password-reset') || is_page('register')) { }else{ ?>
	<div class="wrapper" id="page-wrapper">
		<div class="hero-container header-section blur-image" style="background-image: linear-gradient(90deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%), url('<?php echo the_post_thumbnail_url('medium'); ?>');" data-src="<?php echo the_post_thumbnail_url(); ?>" style="--med-image: url(<?php echo the_post_thumbnail_url('medium'); ?>);">
			<div class="full-image">
				
				<?php $hero_content = apply_filters('the_content', get_post_meta(get_the_id(), 'hero_content', true));
				if (!empty($hero_content)) {?>
						<div class="container">
						<div class="hero-content row">				
								<div class="col align-self-center">
									<?php echo $hero_content; ?>
								</div>
							</div>
						</div>
				<?php  } ?>
			</div>
		</div>
<?php  } ?>
	<div class="<?php echo esc_attr( $container ); ?>" id="content" tabindex="-1">

		<div class="row">

			<main class="site-main" id="main">

				<?php
				while ( have_posts() ) {
					the_post();
					get_template_part( 'loop-templates/content', 'page' );
					
				}
				?>

			</main>

		</div><!-- .row -->

	</div><!-- #content -->
<?php $video = get_post_meta(get_the_id(), 'video', true);
 	  $video_cc = get_post_meta(get_the_id(), 'video_cc', true);
if($video !=""){ ?>
	<div class="modal fade" id="Modal_Video" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
		<div class="modal-dialog modal-dialog-centered modal-xl" role="document">
			<div class="modal-content">
				<div class="modal-body">
					<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
					<div class="body-content">
						<video id="home-video" width="100%"  controls>
							<source src="<?php echo $video;?>" type="video/mp4">
							<track src="<?php echo $video_cc;?>" label="English" kind="captions" srclang="en-us"  >
							Your browser does not support the video tag.
						</video>
					</div>
				</div>
			</div>
		</div>
	</div>
<?php } ?>
</div><!-- #page-wrapper -->

<?php
get_footer();