dannymcc/album.php

## album.php
<?php include('perch/runtime.php'); ?>
<!doctype html>

<!--[if lt IE 7 ]> <html class="ie ie6 no-js" lang="en"> <![endif]-->
<!--[if IE 7 ]>    <html class="ie ie7 no-js" lang="en"> <![endif]-->
<!--[if IE 8 ]>    <html class="ie ie8 no-js" lang="en"> <![endif]-->
<!--[if IE 9 ]>    <html class="ie ie9 no-js" lang="en"> <![endif]-->
<!--[if gt IE 9]><!--><html class="no-js" lang="en"><!--<![endif]-->
<!-- the "no-js" class is for Modernizr. -->

<head id="www-englishchildminder-com" data-template-set="html5-reset">

	<meta charset="utf-8">

	<!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame -->
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

	<title>Photo Album</title>

	<meta name="title" content="Photo Album">
	<meta name="description" content="">
	<!-- Google will often use this as its description of your page/site. Make it good. -->

	<meta name="google-site-verification" content="">
	<!-- Speaking of Google, don't forget to set your site up: http://google.com/webmasters -->

	<meta name="author" content="Danny McClelland">
	<meta name="Copyright" content="Copyright DannyWeb Limited 2011. All Rights Reserved.">

	<!--  Mobile Viewport Fix
	j.mp/mobileviewport & davidbcalhoun.com/2010/viewport-metatag
	device-width : Occupy full width of the screen in its current orientation
	initial-scale = 1.0 retains dimensions instead of zooming out if page height > device height
	maximum-scale = 1.0 retains dimensions instead of zooming in if page width < device width
	-->
	<!-- Uncomment to use; use thoughtfully!
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
	-->

	<link rel="shortcut icon" href="_/img/favicon.ico">
	<!-- This is the traditional favicon.
		 - size: 16x16 or 32x32
		 - transparency is OK
		 - see wikipedia for info on browser support: http://mky.be/favicon/ -->

	<link rel="apple-touch-icon" href="_/img/apple-touch-icon.png">
	<!-- The is the icon for iOS's Web Clip.
		 - size: 57x57 for older iPhones, 72x72 for iPads, 114x114 for iPhone4's retina display (IMHO, just go ahead and use the biggest one)
		 - To prevent iOS from applying its styles to the icon name it thusly: apple-touch-icon-precomposed.png
		 - Transparency is not recommended (iOS will put a black BG behind the icon) -->

	<!-- CSS: screen, mobile & print are all in the same file -->
	<link rel="stylesheet" href="_/css/style.css">

	<!-- all our JS is at the bottom of the page, except for Modernizr. -->
	<script src="_/js/modernizr-1.7.min.js"></script>

</head>

<body>
<div id="sub-body">
<div class="wrapper">

	<header>

		<h1><a href="/">English Childminder</a></h1>

		<nav>

			<ol>
				<li><a href="index.php">Welcome</a></li>
				<li><a href="policies.php">Policies and Procedures</a></li>
				<li><a href="areasoflearning.php">Area's of Learning</a></li>
				<li class="selected"><a href="photoalbum.php">Photo Album</a></li>
				<li><a href="news.php">News</a></li>
				<li><a href="contactus.php">Contact Us</a></li>
			</ol>

		</nav>

	</header>

	<article>

   		<?php
			if(isset($_GET['s'])) {
				perch_gallery_album($_GET['s']);
			} ?>

	</article>


	</div>

	<footer>

		<p><small>&copy; Copyright The English Childminder 2011. All Rights Reserved.</small></p>

	</footer>

<!-- here comes the javascript -->

<!-- Grab Google CDN's jQuery. fall back to local if necessary -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script>window.jQuery || document.write("<script src='_/js/jquery-1.5.1.min.js'>\x3C/script>")</script>

</div>
</body>
</html>
	<?php include('perch/runtime.php'); ?>
	<!doctype html>

	<!--[if lt IE 7 ]> <html class="ie ie6 no-js" lang="en"> <![endif]-->
	<!--[if IE 7 ]> <html class="ie ie7 no-js" lang="en"> <![endif]-->
	<!--[if IE 8 ]> <html class="ie ie8 no-js" lang="en"> <![endif]-->
	<!--[if IE 9 ]> <html class="ie ie9 no-js" lang="en"> <![endif]-->
	<!--[if gt IE 9]><!--><html class="no-js" lang="en"><!--<![endif]-->
	<!-- the "no-js" class is for Modernizr. -->

	<head id="www-englishchildminder-com" data-template-set="html5-reset">

	<meta charset="utf-8">

	<!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame -->
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

	<title>Photo Album</title>

	<meta name="title" content="Photo Album">
	<meta name="description" content="">
	<!-- Google will often use this as its description of your page/site. Make it good. -->

	<meta name="google-site-verification" content="">
	<!-- Speaking of Google, don't forget to set your site up: http://google.com/webmasters -->

	<meta name="author" content="Danny McClelland">
	<meta name="Copyright" content="Copyright DannyWeb Limited 2011. All Rights Reserved.">

	<!-- Mobile Viewport Fix
	j.mp/mobileviewport & davidbcalhoun.com/2010/viewport-metatag
	device-width : Occupy full width of the screen in its current orientation
	initial-scale = 1.0 retains dimensions instead of zooming out if page height > device height
	maximum-scale = 1.0 retains dimensions instead of zooming in if page width < device width
	-->
	<!-- Uncomment to use; use thoughtfully!
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
	-->

	<link rel="shortcut icon" href="_/img/favicon.ico">
	<!-- This is the traditional favicon.
	- size: 16x16 or 32x32
	- transparency is OK
	- see wikipedia for info on browser support: http://mky.be/favicon/ -->

	<link rel="apple-touch-icon" href="_/img/apple-touch-icon.png">
	<!-- The is the icon for iOS's Web Clip.
	- size: 57x57 for older iPhones, 72x72 for iPads, 114x114 for iPhone4's retina display (IMHO, just go ahead and use the biggest one)
	- To prevent iOS from applying its styles to the icon name it thusly: apple-touch-icon-precomposed.png
	- Transparency is not recommended (iOS will put a black BG behind the icon) -->

	<!-- CSS: screen, mobile & print are all in the same file -->
	<link rel="stylesheet" href="_/css/style.css">

	<!-- all our JS is at the bottom of the page, except for Modernizr. -->
	<script src="_/js/modernizr-1.7.min.js"></script>

	</head>

	<body>
	<div id="sub-body">
	<div class="wrapper">

	<header>

	<h1><a href="/">English Childminder</a></h1>

	<nav>

	<ol>
	<li><a href="index.php">Welcome</a></li>
	<li><a href="policies.php">Policies and Procedures</a></li>
	<li><a href="areasoflearning.php">Area's of Learning</a></li>
	<li class="selected"><a href="photoalbum.php">Photo Album</a></li>
	<li><a href="news.php">News</a></li>
	<li><a href="contactus.php">Contact Us</a></li>
	</ol>

	</nav>

	</header>

	<article>

	<?php
	if(isset($_GET['s'])) {
	perch_gallery_album($_GET['s']);
	} ?>

	</article>


	</div>

	<footer>

	<p><small>© Copyright The English Childminder 2011. All Rights Reserved.</small></p>

	</footer>

	<!-- here comes the javascript -->

	<!-- Grab Google CDN's jQuery. fall back to local if necessary -->
	<script src="//ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
	<script>window.jQuery \|\| document.write("<script src='_/js/jquery-1.5.1.min.js'>\x3C/script>")</script>

	</div>
	</body>
	</html>