fallback page for IE < 8, with no script at all

brianchirls · Sep 23, 2011 · 056e3a9 · 056e3a9
1 parent af40109
commit 056e3a9
Show file tree

Hide file tree

Showing 2 changed files with 123 additions and 0 deletions.
diff --git a/client/fail.php b/client/fail.php
@@ -0,0 +1,116 @@
+<!doctype html>
+<!--[if lt IE 7 ]> <html class="no-js ie6"> <![endif]-->
+<!--[if IE 7 ]>    <html class="no-js ie7"> <![endif]-->
+<head>
+	<meta charset="UTF-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+
+	<title id="title">A First World War friendship – an interactive HTML5 video by Europeana</title>
+
+	<meta name="description" content="An interactive experience around the story of an unlikely friendship during the First World War.">
+
+	<meta name="author" content="Europeana">
+
+	<link rel="shortcut icon" href="/favicon.ico">
+	<link rel="image_src" type="image/png" href="image/logo.png" />
+<?php
+	if (!function_exists('cacheBust')) {
+		function cacheBust($path) {
+			$time = filemtime($path);
+			$path = explode('.', $path);
+			array_splice($path, -1, 0, $time);
+			return implode('.', $path);
+		}
+	}
+
+	//it's actually not worth doing this for the moment
+	$style_path = 'css/style.css';
+	$style_path = cacheBust($style_path);
+
+	echo '<link rel="stylesheet" href="' . $style_path . "\" id=\"main-style\">\n";
+?>
+<style type="text/css">
+	#intro {
+		display:block;
+
+	}
+	#intro-text {
+		display:block;
+		opacity: 1;
+	}
+
+	body > #bg {
+		width: 100%;
+		position: absolute;
+		top: 0;
+		left: 0;
+		z-index: -10;
+	}
+
+	#intro #intro-title {
+		font-size: 5em;
+	}
+
+	#intro p {
+		font-size: 2.5em;
+		color: black;
+		margin: 1em 0 0.5em 0;
+		font-family: 'Chevin-Light', sans-serif;
+	}
+
+	#intro table {
+		margin: 0 auto 2em;
+	}
+
+	img#eu-logo {
+		opacity: 1;
+	}
+</style>
+</head>
+<body>
+	<img src="image/background.jpg" id="bg"/>
+	<img id="eu-logo" src="image/logo.png" class="fade"/>
+	<div id="intro" class="page intro">
+		<div id="intro-text" class="intro-text" style="display:block">
+			<h2 id="intro-title">Europeana Remix</h2>
+			<p>Please be aware that for optimal performance, these browsers are recommended:<br/>
+			Bitte beachten Sie, dass für eine optimale Leistung die folgenden Browser empfohlen sind:</p>
+			<table>
+				<tr>
+					<th><a href="http://www.getfirefox.com">Firefox</a></th>
+					<th><a href="http://www.google.com/chrome">Chrome</a></th>
+					<th><a href="http://www.apple.com/safari/">Safari</a></th>
+					<th><a href="http://ie.microsoft.com/">IE</a></th>
+					<th><a href="http://www.opera.com/download/">Opera</a></th>
+				</tr>
+				<tr>
+					<td>4.0+</td>
+					<td>4.0+</td>
+					<td>4.0+</td>
+					<td>9+</td>
+					<td>10.5+</td>
+				</tr>
+			</table>
+			<p>Click <a href="http://www.youtube.com/watch?v=8uLOWsWod7c">here</a> for the video without the interactive components.<br/>
+			Klicken Sie <a href="http://www.youtube.com/watch?v=8uLOWsWod7c">hier</a> für das Video ohne die interaktiven Komponenten.</p>
+		</div>
+	</div>
+	<footer>
+		<!-- &copy; 2011 Powered by <a href="http://www.europeana.eu">Europeana</a> -->
+		<a href="http://www.europeana.eu" target="_new"><img src="image/poweredby.png"/></a>
+	</footer>
+</body>
+<script type="text/javascript">
+
+var _gaq = _gaq || [];
+_gaq.push(['_setAccount', 'UA-25573689-1']);
+_gaq.push(['_trackPageview']);
+
+(function() {
+	var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+	ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+	var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+})();
+
+</script>
+</html>
diff --git a/client/index.php b/client/index.php
@@ -2,6 +2,13 @@
 
 define("DEBUG",false);
 
+//test for Internet Explorer < 8
+$match = preg_match('/MSIE ([1-7]\.)/', $_SERVER['HTTP_USER_AGENT']);
+if ($match) {
+	include('fail.php');
+	exit;
+}
+
 require_once('../db.php');
 
 //Look for cookies for language settings and comments