Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Newer
Older
100644 116 lines (101 sloc) 3.346 kB
056e3a9 @brianchirls fallback page for IE < 8, with no script at all
authored
1 <!doctype html>
2 <!--[if lt IE 7 ]> <html class="no-js ie6"> <![endif]-->
3 <!--[if IE 7 ]> <html class="no-js ie7"> <![endif]-->
4 <head>
5 <meta charset="UTF-8">
6 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
7
8 <title id="title">A First World War friendship – an interactive HTML5 video by Europeana</title>
9
10 <meta name="description" content="An interactive experience around the story of an unlikely friendship during the First World War.">
11
12 <meta name="author" content="Europeana">
13
14 <link rel="shortcut icon" href="/favicon.ico">
15 <link rel="image_src" type="image/png" href="image/logo.png" />
16 <?php
17 if (!function_exists('cacheBust')) {
18 function cacheBust($path) {
19 $time = filemtime($path);
20 $path = explode('.', $path);
21 array_splice($path, -1, 0, $time);
22 return implode('.', $path);
23 }
24 }
25
26 //it's actually not worth doing this for the moment
27 $style_path = 'css/style.css';
28 $style_path = cacheBust($style_path);
29
30 echo '<link rel="stylesheet" href="' . $style_path . "\" id=\"main-style\">\n";
31 ?>
32 <style type="text/css">
33 #intro {
34 display:block;
35
36 }
37 #intro-text {
38 display:block;
39 opacity: 1;
40 }
41
42 body > #bg {
43 width: 100%;
44 position: absolute;
45 top: 0;
46 left: 0;
47 z-index: -10;
48 }
49
50 #intro #intro-title {
51 font-size: 5em;
52 }
53
54 #intro p {
55 font-size: 2.5em;
56 color: black;
57 margin: 1em 0 0.5em 0;
58 font-family: 'Chevin-Light', sans-serif;
59 }
60
61 #intro table {
62 margin: 0 auto 2em;
63 }
64
65 img#eu-logo {
66 opacity: 1;
67 }
68 </style>
69 </head>
70 <body>
71 <img src="image/background.jpg" id="bg"/>
72 <img id="eu-logo" src="image/logo.png" class="fade"/>
73 <div id="intro" class="page intro">
74 <div id="intro-text" class="intro-text" style="display:block">
75 <h2 id="intro-title">Europeana Remix</h2>
76 <p>Please be aware that for optimal performance, these browsers are recommended:<br/>
77 Bitte beachten Sie, dass für eine optimale Leistung die folgenden Browser empfohlen sind:</p>
78 <table>
79 <tr>
80 <th><a href="http://www.getfirefox.com">Firefox</a></th>
81 <th><a href="http://www.google.com/chrome">Chrome</a></th>
82 <th><a href="http://www.apple.com/safari/">Safari</a></th>
83 <th><a href="http://ie.microsoft.com/">IE</a></th>
84 <th><a href="http://www.opera.com/download/">Opera</a></th>
85 </tr>
86 <tr>
87 <td>4.0+</td>
88 <td>4.0+</td>
89 <td>4.0+</td>
90 <td>9+</td>
91 <td>10.5+</td>
92 </tr>
93 </table>
94 <p>Click <a href="http://www.youtube.com/watch?v=8uLOWsWod7c">here</a> for the video without the interactive components.<br/>
95 Klicken Sie <a href="http://www.youtube.com/watch?v=8uLOWsWod7c">hier</a> für das Video ohne die interaktiven Komponenten.</p>
96 </div>
97 </div>
98 <footer>
99 <!-- &copy; 2011 Powered by <a href="http://www.europeana.eu">Europeana</a> -->
100 <a href="http://www.europeana.eu" target="_new"><img src="image/poweredby.png"/></a>
101 </footer>
102 </body>
103 <script type="text/javascript">
104
105 var _gaq = _gaq || [];
106 _gaq.push(['_setAccount', 'UA-25573689-1']);
107 _gaq.push(['_trackPageview']);
108
109 (function() {
110 var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
111 ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
112 var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
113 })();
114
115 </script>
116 </html>
Something went wrong with that request. Please try again.