#!/usr/bin/php
<?php
	// Dynamic testing of whether new images around the banner is wanted.
	if (!isset($GLOBALS["SHOW_BANNER_PICS"])) {
		$GLOBALS["SHOW_BANNER_PICS"] = true;
	}
	$show_pics = $GLOBALS["SHOW_BANNER_PICS"];
	$banner_width = $show_pics ? 6 : 12;

	// TBD / TODO:
	// Check if user has vertical screen?
	// Is that possible in this environment?
	//$image_width = $vertical_screen ? 6 : 3;
?>
		<a href='/about/'>
			<div class="row">
			<?php if ($show_pics) echo '
			<div class="col-3 header center banner-image banner-image01">
				<!-<img src="/files/media/icons/home.jpg"
					alt="<<banner01.jpg>>"
				>-->
			</div>
			';?>
			<div class="col-<?php echo "$banner_width"; ?> header">
				<div class="banner-top">Peace</div>
				<div class="banner-middle">Love</div>
				<div class="banner-bottom">Happiness</div>
			</div>
			<?php if ($show_pics) echo '
			<div class="col-3 header center banner-image banner-image02">
				<!--<img src="/files/media/icons/contact.jpg"
					alt="<<banner02.jpg>>"
				>-->
			</div>
			';?>
			</div>
		</a>