WebSVN - LCARS - Diff - Rev 170 and 198 - /branches/live/index.php


<?php

$language = 'en';
$locale = 'en_US.UTF-8';
require_once 'global.php';

$encoding = 'UTF-8';
header("Content-Type: text/html" . ($encoding ? "; charset=$encoding" : ""));

$modi = max(array(
  @filemtime(__FILE__),
  @filemtime("styles/lcars-basic.css"),
  @filemtime("styles/lcars22.css"),
  @filemtime("styles/lcars22-ie6.css"),
));

\header('Last-Modified: ' . gmdate('D, d M Y H:i:s', $modi ) . ' GMT');

/* Resource expires in HTTP/1.1 caches 24h after last retrieval */
\header('Cache-Control: max-age=86400, s-maxage=86400, must-revalidate, proxy-revalidate');

/* Resource expires in HTTP/1.0 caches 24h after last retrieval */
\header('Expires: ' . gmdate('D, d M Y H:i:s', time() + 86400) . ' GMT');

?><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
  <head>
    <title>Language Selection — PointedEars’ Website</title>
    <link rel="SHORTCUT ICON" href="favicon.ico">
    <!-- Browsers: Character Set, Script Type, Style Sheets Type,
         Proxy Usage -->
    <meta http-equiv="content-type"content="text/html; charset=UTF-8">
    <meta http-equiv="Content-Script-Type" content="text/javascript">
    <meta http-equiv="Content-Style-Type" content="text/css">
    <meta http-equiv="expires" content="0">
    <!-- Robots: Language, Index, Subordinated Files, Description, Author,
         Keywords, Document Date -->
    <meta name="robots" content="index">
<?php /*
    <meta name="description"
          content="Access to the United Federation of Planets Databanks, an online songbook and software downloads always worth a click. Coming soon: The best internet links categorized and much more via a bilingual (English/German) LCARS terminal styled user interface that can be also used to surf the web anonymously! Bookmark NOW!">
*/ ?>
    <meta name="author" content="PointedEars, PointedEars Software (PES)">
    <!-- No localization of keywords due to following language selection -->
    <meta name="keywords"
          http-equiv="Keywords"
          content="<?php // Appz, ?>Download, Links, LCARS, Star Trek, TNG, The Next Generation, DS9, Deep Space 9, Deep Space Nine, VOY, Voyager, UFP, Federation, United Federation of Planets, Database, Databank, <?php /* Song, Songbook, Surf, anonymously, */ ?>Raumschiff Enterprise, DNG, Die n&auml;chste Generation, VFP, F&ouml;deration, Vereinte F&ouml;deration der Planeten, Datenbasis, Datenbank<?php /* , Lied, Liedtext, surfen, anonym */ ?>">
    <!--meta name="keywords" http-equiv="Keywords" lang="de" content=""-->
    <!--meta name="keywords" http-equiv="Keywords" lang="en-us" content=""-->
    <!--meta name="keywords" http-equiv="Keywords" lang="en" content=""-->
    <meta name="revisit-after" content="3 days">
    <meta name="date" content="2002-05-23T10:56:00+02:00">
    <!-- Robots: Dublin Core Metadata
         (http://purl.org/metadata/dublin_core) -->
    <meta name="DCTERMS.title" content="PointedEars’ Website">
    <meta name="DCTERMS.creator" content="PointedEars, PointedEars Software (PES)">
    <meta name="DCTERMS.subject" content="Private Homepage">
<?php /*
    <meta name="DCTERMS.description"
          content="PointedEars' Website: Access to the United Federation of Planets Databanks and an online songbook. Coming soon: Software downloads always worth a click, the best internet links categorized and much more via a bilingual (English/German) LCARS terminal styled user interface that can be also used to surf the web anonymously! Bookmark NOW!">
*/ ?>
    <meta name="DCTERMS.publisher" content="PointedEars">
    <meta name="DCTERMS.created" content="2002-05-23">
    <meta name="DCTERMS.modified" content="<?php echo gmdate('Y-m-dTH:i:sO', $modi); ?>">
<?php /*
    <!--meta name="DC.Type" content=""-->
    <!--meta name="DC.Format" content=""-->
*/ ?>
    <meta name="DCTERMS.identifier" content="http://pointedears.de/">
    <meta name="DCTERMS.rightsHolder"
          content="Copyright © 2002&#8211;<?php echo gmdate('Y', $modi); ?> Thomas&nbsp;Lahn.">
    <meta name="DCTERMS.rights"
          content="<?php echo tr("All rights reserved."); ?> <?php echo tr("The author is not responsible for the availability and the content of websites referred by this site, and not responsible for the availability and the content of websites referred by those sites. Whereever outsourced material is used, copyright or trademark infringement is not intended. Third parties who claim copyrights or trademarks used herein are asked to send an informal email to webmaster@PointedEars.de for immediate removal or modification of the respective material on the website instead of reminding the author of usage of this material. Thank you."); ?>">
<?php /*
    <!-- <link rel="stylesheet" type="text/css" href="styles/lcars21.css"> -->
    <!-- IE 9 in non-Compatibility Mode sends "Accept: text/css",
         Apache responds with 406 without .php:
         http://blog.s9y.org/archives/227-ie9-has-trouble-with-css-content-types.html
         (Resource Builder handles negotation for sources)
         -->
*/ ?>
    <link rel="stylesheet" type="text/css" href="scripts/builder.php?type=text/css&amp;prefix=../styles/&amp;src=lcars-basic,lcars22">
    <!--[if lt IE 7]>
      <link rel="stylesheet" type="text/css" href="styles/lcars22-ie6.css">
    <![endif]-->
    <style type="text/css">
      <!--
      a {
        text-decoration: none;
      }

      ul {
        list-style: none;
        padding-left: 0;
      }

      #greeting {
        margin-top: 0;
      }

      #greeting p {
        background-color: #000;
        color: #fff;
        font-size: 136%;
      }

      #languages .key {
        min-width: 0.65em;
      }
      -->
    </style>
<?php /*
    <script type="text/javascript" src="scripts/builder?src=object,dom,dom/css,dom/css/color,dom/ani,dom/window"></script>
*/ ?>
    <script type="text/javascript" src="scripts/builder?src=object,dom/window"></script>
    <script type="text/javascript">
<?php /*
      /* Hardcore Frame Buster
      if (parent.frames.length > 0 )
        parent.location.href = window.location.href;
*/ ?>
<?php /*
      function animate ()
      {
*/ ?>
<?php /*
        var s = document.createElement("style");
        s.type = "text/css";
        s.appendChild(document.createTextNode(
            "@-webkit-keyframes fade-out {"
          + "  from {"
          + "    overflow: hidden;"
          + "    border-top-left-radius: 0;"
          + "    border-bottom-left-radius: 0;"
          + "  }"
          + "  to {"
          + "    overflow: hidden;"
          + "    left: 100%;"
          + "    border-top-left-radius: 0;"
          + "    border-bottom-left-radius: 0;"
          + "  }"
          + "}"
          + "#bow-top, #footer {"
          + "  -webkit-animation-name: fade-out;"
          + "  -webkit-animation-duration: 1s;"
          + "  -webkit-animation-fill-mode: forwards;"
          + "}"
          + "#bow-top .text {"
          + "  visibility: hidden;"
          + "}"
          + ".empty .separator-left {"
          + "  visibility: hidden;"
          + "}"
        ));
        document.head.appendChild(s);
*/ ?>
<?php /*
        jsx._import(jsx.dom.animation);
        var keyFrames = [
          {
            values: {
              style: {
                overflow: "hidden",
                "border-top-left-radius": 0,
                "border-bottom-left-radius": 0
              }
            }
          },
          {
            time: "1s",
            values: {
              style: {
                overflow: "hidden",
                left: "100%",
                "border-top-left-radius": 0,
                "border-bottom-left-radius": 0
              }
            }
          }
        ];

        var animation = new Animation({
          timelines: [
            new Timeline({
              target: document.getElementById("bow-top"),
              keyFrames: keyFrames
            }),
            new Timeline({
              target: document.getElementById("footer"),
              keyFrames: keyFrames
            })
          ]
        });
        animation.play();
      }
*/ ?>

      function navigateTo (link)
      {
<?php /*
        animate();
        window.setTimeout(function () {
          window.alert(link);
        }, 1000);
        return false;
*/ ?>
        return true;
      }
    </script>
  </head>
  <body class="fade-in empty" onload="if (typeof this.ontouchstart != 'undefined') this.ontouchstart = function () {}">
    <div id="LCARS">
      <div id="bow">
        <div id="bow-top">
          <div class="separator-left">&nbsp;</div>
          <h1 class="text"><span>PointedEars’ Website</span></h1>
        </div>
        <div id="bow-left">&nbsp;</div>
        <div id="bow-left-concave">&nbsp;</div>
      </div>
      <div id="footer-container">
        <div id="footer">
          <h2 class="text"><span>Language Selection</span></h2>
          <div class="separator-right">&nbsp;</div>
        </div>
      </div>
    </div>
    <div id="content">
      <div style="text-align: center"><img
        src="media/video/img/vulcan_hand-black-bg.png"
        width="120"
        height="168"
        alt="Vulcan greeting"
        title="Vulcan greeting"
        border="0"
        onmouseover="return setStatus(this.title)"
        onmouseout="return resetStatus()"></div>

      <ul id="greeting">
        <li style="white-space: nowrap"><p style="text-align: center" lang="x-vulcan-latin">Dif-tor heh smusma</p></li>
        <li style="white-space: nowrap"><p style="text-align: center" lang="en">Live long and prosper</p></li>
        <li style="white-space: nowrap"><p style="text-align: center" lang="de">Leben Sie lang und erfolgreich</p></li>
      </ul>

      <ul style="text-align: center">
        <li class="instruction" lang="en">Please select your language</li>
        <li class="instruction" lang="de">Bitte w&auml;hlen Sie Ihre Sprache</li>
      </ul>

      <div class="group">
        <div class="separator">&nbsp;</div>
        <ul id="languages">
          <li><a href="index.en" class="button right" lang="en"
                 hreflang="en" accesskey="e"
                 ><span class="key">en</span> <span class="text">English</span></a></li>
          <li><a href="index.de" class="button right" lang="de"
                 hreflang="de" accesskey="d"
                 onclick="return navigateTo(this)"
                 ><span class="key">de</span> <span class="text">Deutsch</span></a></li>
        </ul>
        <div style="clear: both"><!--  --></div>
      </div>

<?php
  $app = 'Language';
  require_once 'footer.phtml';
?>
    </div>
  </body>
</html>

Rev 170	Rev 198
1	<?php	1	<?php
2		2
3	$language = 'en';	3	$language = 'en';
4	$locale = 'en_US.UTF-8';	4	$locale = 'en_US.UTF-8';
5	require_once 'global.php';	5	require_once 'global.php';
6		6
7	$encoding = 'UTF-8';	7	$encoding = 'UTF-8';
8	header("Content-Type: text/html" . ($encoding ? "; charset=$encoding" : ""));	8	header("Content-Type: text/html" . ($encoding ? "; charset=$encoding" : ""));
9		9
10	$modi = max(array(	10	$modi = max(array(
11	@filemtime(__FILE__),	11	@filemtime(__FILE__),
12	@filemtime("styles/lcars-basic.css"),	12	@filemtime("styles/lcars-basic.css"),
13	@filemtime("styles/lcars22.css"),	13	@filemtime("styles/lcars22.css"),
14	@filemtime("styles/lcars22-ie6.css"),	14	@filemtime("styles/lcars22-ie6.css"),
15	));	15	));
16		16
17	\header('Last-Modified: ' . gmdate('D, d M Y H:i:s', $modi ) . ' GMT');	17	\header('Last-Modified: ' . gmdate('D, d M Y H:i:s', $modi ) . ' GMT');
18		18
19	/* Resource expires in HTTP/1.1 caches 24h after last retrieval */	19	/* Resource expires in HTTP/1.1 caches 24h after last retrieval */
20	\header('Cache-Control: max-age=86400, s-maxage=86400, must-revalidate, proxy-revalidate');	20	\header('Cache-Control: max-age=86400, s-maxage=86400, must-revalidate, proxy-revalidate');
21		21
22	/* Resource expires in HTTP/1.0 caches 24h after last retrieval */	22	/* Resource expires in HTTP/1.0 caches 24h after last retrieval */
23	\header('Expires: ' . gmdate('D, d M Y H:i:s', time() + 86400) . ' GMT');	23	\header('Expires: ' . gmdate('D, d M Y H:i:s', time() + 86400) . ' GMT');
24		24
25	?><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"	25	?><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
26	"http://www.w3.org/TR/html4/loose.dtd">	26	"http://www.w3.org/TR/html4/loose.dtd">
27	<html lang="en">	27	<html lang="en">
28	<head>	28	<head>
29	<title>Language Selection — PointedEars’ Website</title>	29	<title>Language Selection — PointedEars’ Website</title>
30	<link rel="SHORTCUT ICON" href="favicon.ico">	30	<link rel="SHORTCUT ICON" href="favicon.ico">
31	<!-- Browsers: Character Set, Script Type, Style Sheets Type,	31	<!-- Browsers: Character Set, Script Type, Style Sheets Type,
32	Proxy Usage -->	32	Proxy Usage -->
33	<meta http-equiv="content-type"content="text/html; charset=UTF-8">	33	<meta http-equiv="content-type"content="text/html; charset=UTF-8">
34	<meta http-equiv="Content-Script-Type" content="text/javascript">	34	<meta http-equiv="Content-Script-Type" content="text/javascript">
35	<meta http-equiv="Content-Style-Type" content="text/css">	35	<meta http-equiv="Content-Style-Type" content="text/css">
36	<meta http-equiv="expires" content="0">	36	<meta http-equiv="expires" content="0">
37	<!-- Robots: Language, Index, Subordinated Files, Description, Author,	37	<!-- Robots: Language, Index, Subordinated Files, Description, Author,
38	Keywords, Document Date -->	38	Keywords, Document Date -->
39	<meta name="robots" content="index">	39	<meta name="robots" content="index">
40	<?php /*	40	<?php /*
41	<meta name="description"	41	<meta name="description"
42	content="Access to the United Federation of Planets Databanks, an online songbook and software downloads always worth a click. Coming soon: The best internet links categorized and much more via a bilingual (English/German) LCARS terminal styled user interface that can be also used to surf the web anonymously! Bookmark NOW!">	42	content="Access to the United Federation of Planets Databanks, an online songbook and software downloads always worth a click. Coming soon: The best internet links categorized and much more via a bilingual (English/German) LCARS terminal styled user interface that can be also used to surf the web anonymously! Bookmark NOW!">
43	*/ ?>	43	*/ ?>
44	<meta name="author" content="PointedEars, PointedEars Software (PES)">	44	<meta name="author" content="PointedEars, PointedEars Software (PES)">
45	<!-- No localization of keywords due to following language selection -->	45	<!-- No localization of keywords due to following language selection -->
46	<meta name="keywords"	46	<meta name="keywords"
47	http-equiv="Keywords"	47	http-equiv="Keywords"
48	content="<?php // Appz, ?>Download, Links, LCARS, Star Trek, TNG, The Next Generation, DS9, Deep Space 9, Deep Space Nine, VOY, Voyager, UFP, Federation, United Federation of Planets, Database, Databank, <?php /* Song, Songbook, Surf, anonymously, / ?>Raumschiff Enterprise, DNG, Die nächste Generation, VFP, Föderation, Vereinte Föderation der Planeten, Datenbasis, Datenbank<?php / , Lied, Liedtext, surfen, anonym */ ?>">	48	content="<?php // Appz, ?>Download, Links, LCARS, Star Trek, TNG, The Next Generation, DS9, Deep Space 9, Deep Space Nine, VOY, Voyager, UFP, Federation, United Federation of Planets, Database, Databank, <?php /* Song, Songbook, Surf, anonymously, / ?>Raumschiff Enterprise, DNG, Die nächste Generation, VFP, Föderation, Vereinte Föderation der Planeten, Datenbasis, Datenbank<?php / , Lied, Liedtext, surfen, anonym */ ?>">
49	<!--meta name="keywords" http-equiv="Keywords" lang="de" content=""-->	49	<!--meta name="keywords" http-equiv="Keywords" lang="de" content=""-->
50	<!--meta name="keywords" http-equiv="Keywords" lang="en-us" content=""-->	50	<!--meta name="keywords" http-equiv="Keywords" lang="en-us" content=""-->
51	<!--meta name="keywords" http-equiv="Keywords" lang="en" content=""-->	51	<!--meta name="keywords" http-equiv="Keywords" lang="en" content=""-->
52	<meta name="revisit-after" content="3 days">	52	<meta name="revisit-after" content="3 days">
53	<meta name="date" content="2002-05-23T10:56:00+02:00">	53	<meta name="date" content="2002-05-23T10:56:00+02:00">
54	<!-- Robots: Dublin Core Metadata	54	<!-- Robots: Dublin Core Metadata
55	(http://purl.org/metadata/dublin_core) -->	55	(http://purl.org/metadata/dublin_core) -->
56	<meta name="DCTERMS.title" content="PointedEars’ Website">	56	<meta name="DCTERMS.title" content="PointedEars’ Website">
57	<meta name="DCTERMS.creator" content="PointedEars, PointedEars Software (PES)">	57	<meta name="DCTERMS.creator" content="PointedEars, PointedEars Software (PES)">
58	<meta name="DCTERMS.subject" content="Private Homepage">	58	<meta name="DCTERMS.subject" content="Private Homepage">
59	<?php /*	59	<?php /*
60	<meta name="DCTERMS.description"	60	<meta name="DCTERMS.description"
61	content="PointedEars' Website: Access to the United Federation of Planets Databanks and an online songbook. Coming soon: Software downloads always worth a click, the best internet links categorized and much more via a bilingual (English/German) LCARS terminal styled user interface that can be also used to surf the web anonymously! Bookmark NOW!">	61	content="PointedEars' Website: Access to the United Federation of Planets Databanks and an online songbook. Coming soon: Software downloads always worth a click, the best internet links categorized and much more via a bilingual (English/German) LCARS terminal styled user interface that can be also used to surf the web anonymously! Bookmark NOW!">
62	*/ ?>	62	*/ ?>
63	<meta name="DCTERMS.publisher" content="PointedEars">	63	<meta name="DCTERMS.publisher" content="PointedEars">
64	<meta name="DCTERMS.created" content="2002-05-23">	64	<meta name="DCTERMS.created" content="2002-05-23">
65	<meta name="DCTERMS.modified" content="<?php echo gmdate('Y-m-dTH:i:sO', $modi); ?>">	65	<meta name="DCTERMS.modified" content="<?php echo gmdate('Y-m-dTH:i:sO', $modi); ?>">
66	<?php /*	66	<?php /*
67	<!--meta name="DC.Type" content=""-->	67	<!--meta name="DC.Type" content=""-->
68	<!--meta name="DC.Format" content=""-->	68	<!--meta name="DC.Format" content=""-->
69	*/ ?>	69	*/ ?>
70	<meta name="DCTERMS.identifier" content="http://pointedears.de/">	70	<meta name="DCTERMS.identifier" content="http://pointedears.de/">
71	<meta name="DCTERMS.rightsHolder"	71	<meta name="DCTERMS.rightsHolder"
72	content="Copyright © 2002–<?php echo gmdate('Y', $modi); ?> Thomas Lahn.">	72	content="Copyright © 2002–<?php echo gmdate('Y', $modi); ?> Thomas Lahn.">
73	<meta name="DCTERMS.rights"	73	<meta name="DCTERMS.rights"
74	content="<?php echo tr("All rights reserved."); ?> <?php echo tr("The author is not responsible for the availability and the content of websites referred by this site, and not responsible for the availability and the content of websites referred by those sites. Whereever outsourced material is used, copyright or trademark infringement is not intended. Third parties who claim copyrights or trademarks used herein are asked to send an informal email to webmaster@PointedEars.de for immediate removal or modification of the respective material on the website instead of reminding the author of usage of this material. Thank you."); ?>">	74	content="<?php echo tr("All rights reserved."); ?> <?php echo tr("The author is not responsible for the availability and the content of websites referred by this site, and not responsible for the availability and the content of websites referred by those sites. Whereever outsourced material is used, copyright or trademark infringement is not intended. Third parties who claim copyrights or trademarks used herein are asked to send an informal email to webmaster@PointedEars.de for immediate removal or modification of the respective material on the website instead of reminding the author of usage of this material. Thank you."); ?>">
75	<?php /*	75	<?php /*
76	<!-- <link rel="stylesheet" type="text/css" href="styles/lcars21.css"> -->	76	<!-- <link rel="stylesheet" type="text/css" href="styles/lcars21.css"> -->
77	<!-- IE 9 in non-Compatibility Mode sends "Accept: text/css",	77	<!-- IE 9 in non-Compatibility Mode sends "Accept: text/css",
78	Apache responds with 406 without .php:	78	Apache responds with 406 without .php:
79	http://blog.s9y.org/archives/227-ie9-has-trouble-with-css-content-types.html	79	http://blog.s9y.org/archives/227-ie9-has-trouble-with-css-content-types.html
80	(Resource Builder handles negotation for sources)	80	(Resource Builder handles negotation for sources)
81	-->	81	-->
82	*/ ?>	82	*/ ?>
83	<link rel="stylesheet" type="text/css" href="scripts/builder.php?type=text/css&prefix=../styles/&src=lcars-basic,lcars22">	83	<link rel="stylesheet" type="text/css" href="scripts/builder.php?type=text/css&prefix=../styles/&src=lcars-basic,lcars22">
84	<!--[if lt IE 7]>	84	<!--[if lt IE 7]>
85	<link rel="stylesheet" type="text/css" href="styles/lcars22-ie6.css">	85	<link rel="stylesheet" type="text/css" href="styles/lcars22-ie6.css">
86	<![endif]-->	86	<![endif]-->
87	<style type="text/css">	87	<style type="text/css">
88	<!--	88	<!--
89	a {	89	a {
90	text-decoration: none;	90	text-decoration: none;
91	}	91	}
92		92
93	ul {	93	ul {
94	list-style: none;	94	list-style: none;
95	padding-left: 0;	95	padding-left: 0;
96	}	96	}
97		97
98	#greeting {	98	#greeting {
99	margin-top: 0;	99	margin-top: 0;
100	}	100	}
101		101
102	#greeting p {	102	#greeting p {
103	background-color: #000;	103	background-color: #000;
104	color: #fff;	104	color: #fff;
105	font-size: 136%;	105	font-size: 136%;
106	}	106	}
107		107
108	#languages .key {	108	#languages .key {
109	min-width: 0.65em;	109	min-width: 0.65em;
110	}	110	}
111	-->	111	-->
112	</style>	112	</style>
113	<?php /*	113	<?php /*
114	<script type="text/javascript" src="scripts/builder?src=object,dom,dom/css,dom/css/color,dom/ani,dom/window"></script>	114	<script type="text/javascript" src="scripts/builder?src=object,dom,dom/css,dom/css/color,dom/ani,dom/window"></script>
115	*/ ?>	115	*/ ?>
116	<script type="text/javascript" src="scripts/builder?src=object,dom/window"></script>	116	<script type="text/javascript" src="scripts/builder?src=object,dom/window"></script>
117	<script type="text/javascript">	117	<script type="text/javascript">
118	<?php /*	118	<?php /*
119	/* Hardcore Frame Buster	119	/* Hardcore Frame Buster
120	if (parent.frames.length > 0 )	120	if (parent.frames.length > 0 )
121	parent.location.href = window.location.href;	121	parent.location.href = window.location.href;
122	*/ ?>	122	*/ ?>
123	<?php /*	123	<?php /*
124	function animate ()	124	function animate ()
125	{	125	{
126	*/ ?>	126	*/ ?>
127	<?php /*	127	<?php /*
128	var s = document.createElement("style");	128	var s = document.createElement("style");
129	s.type = "text/css";	129	s.type = "text/css";
130	s.appendChild(document.createTextNode(	130	s.appendChild(document.createTextNode(
131	"@-webkit-keyframes fade-out {"	131	"@-webkit-keyframes fade-out {"
132	+ " from {"	132	+ " from {"
133	+ " overflow: hidden;"	133	+ " overflow: hidden;"
134	+ " border-top-left-radius: 0;"	134	+ " border-top-left-radius: 0;"
135	+ " border-bottom-left-radius: 0;"	135	+ " border-bottom-left-radius: 0;"
136	+ " }"	136	+ " }"
137	+ " to {"	137	+ " to {"
138	+ " overflow: hidden;"	138	+ " overflow: hidden;"
139	+ " left: 100%;"	139	+ " left: 100%;"
140	+ " border-top-left-radius: 0;"	140	+ " border-top-left-radius: 0;"
141	+ " border-bottom-left-radius: 0;"	141	+ " border-bottom-left-radius: 0;"
142	+ " }"	142	+ " }"
143	+ "}"	143	+ "}"
144	+ "#bow-top, #footer {"	144	+ "#bow-top, #footer {"
145	+ " -webkit-animation-name: fade-out;"	145	+ " -webkit-animation-name: fade-out;"
146	+ " -webkit-animation-duration: 1s;"	146	+ " -webkit-animation-duration: 1s;"
147	+ " -webkit-animation-fill-mode: forwards;"	147	+ " -webkit-animation-fill-mode: forwards;"
148	+ "}"	148	+ "}"
149	+ "#bow-top .text {"	149	+ "#bow-top .text {"
150	+ " visibility: hidden;"	150	+ " visibility: hidden;"
151	+ "}"	151	+ "}"
152	+ ".empty .separator-left {"	152	+ ".empty .separator-left {"
153	+ " visibility: hidden;"	153	+ " visibility: hidden;"
154	+ "}"	154	+ "}"
155	));	155	));
156	document.head.appendChild(s);	156	document.head.appendChild(s);
157	*/ ?>	157	*/ ?>
158	<?php /*	158	<?php /*
159	jsx._import(jsx.dom.animation);	159	jsx._import(jsx.dom.animation);
160	var keyFrames = [	160	var keyFrames = [
161	{	161	{
162	values: {	162	values: {
163	style: {	163	style: {
164	overflow: "hidden",	164	overflow: "hidden",
165	"border-top-left-radius": 0,	165	"border-top-left-radius": 0,
166	"border-bottom-left-radius": 0	166	"border-bottom-left-radius": 0
167	}	167	}
168	}	168	}
169	},	169	},
170	{	170	{
171	time: "1s",	171	time: "1s",
172	values: {	172	values: {
173	style: {	173	style: {
174	overflow: "hidden",	174	overflow: "hidden",
175	left: "100%",	175	left: "100%",
176	"border-top-left-radius": 0,	176	"border-top-left-radius": 0,
177	"border-bottom-left-radius": 0	177	"border-bottom-left-radius": 0
178	}	178	}
179	}	179	}
180	}	180	}
181	];	181	];
182		182
183	var animation = new Animation({	183	var animation = new Animation({
184	timelines: [	184	timelines: [
185	new Timeline({	185	new Timeline({
186	target: document.getElementById("bow-top"),	186	target: document.getElementById("bow-top"),
187	keyFrames: keyFrames	187	keyFrames: keyFrames
188	}),	188	}),
189	new Timeline({	189	new Timeline({
190	target: document.getElementById("footer"),	190	target: document.getElementById("footer"),
191	keyFrames: keyFrames	191	keyFrames: keyFrames
192	})	192	})
193	]	193	]
194	});	194	});
195	animation.play();	195	animation.play();
196	}	196	}
197	*/ ?>	197	*/ ?>
198		198
199	function navigateTo (link)	199	function navigateTo (link)
200	{	200	{
201	<?php /*	201	<?php /*
202	animate();	202	animate();
203	window.setTimeout(function () {	203	window.setTimeout(function () {
204	window.alert(link);	204	window.alert(link);
205	}, 1000);	205	}, 1000);
206	return false;	206	return false;
207	*/ ?>	207	*/ ?>
208	return true;	208	return true;
209	}	209	}
210	</script>	210	</script>
211	</head>	211	</head>
212	<body class="fade-in empty" onload="if (typeof this.ontouchstart != 'undefined') this.ontouchstart = function () {}">	212	<body class="fade-in empty" onload="if (typeof this.ontouchstart != 'undefined') this.ontouchstart = function () {}">
213	<div id="LCARS">	213	<div id="LCARS">
214	<div id="bow">	214	<div id="bow">
215	<div id="bow-top">	215	<div id="bow-top">
216	<div class="separator-left"> </div>	216	<div class="separator-left"> </div>
217	<h1 class="text"><span>PointedEars’ Website</span></h1>	217	<h1 class="text"><span>PointedEars’ Website</span></h1>
218	</div>	218	</div>
219	<div id="bow-left"> </div>	219	<div id="bow-left"> </div>
220	<div id="bow-left-concave"> </div>	220	<div id="bow-left-concave"> </div>
221	</div>	221	</div>
222	<div id="footer-container">	222	<div id="footer-container">
223	<div id="footer">	223	<div id="footer">
224	<h2 class="text"><span>Language Selection</span></h2>	224	<h2 class="text"><span>Language Selection</span></h2>
225	<div class="separator-right"> </div>	225	<div class="separator-right"> </div>
226	</div>	226	</div>
227	</div>	227	</div>
228	</div>	228	</div>
229	<div id="content">	229	<div id="content">
230	<div style="text-align: center"><img	230	<div style="text-align: center"><img
231	src="media/video/img/vulcan_hand-black-bg.png"	231	src="media/video/img/vulcan_hand-black-bg.png"
232	width="120"	232	width="120"
233	height="168"	233	height="168"
234	alt="Vulcan greeting"	234	alt="Vulcan greeting"
235	title="Vulcan greeting"	235	title="Vulcan greeting"
236	border="0"	236	border="0"
237	onmouseover="return setStatus(this.title)"	237	onmouseover="return setStatus(this.title)"
238	onmouseout="return resetStatus()"></div>	238	onmouseout="return resetStatus()"></div>
239		239
240	<ul id="greeting">	240	<ul id="greeting">
241	<li style="white-space: nowrap"><p style="text-align: center" lang="x-vulcan-latin">Dif-tor heh smusma</p></li>	241	<li style="white-space: nowrap"><p style="text-align: center" lang="x-vulcan-latin">Dif-tor heh smusma</p></li>
242	<li style="white-space: nowrap"><p style="text-align: center" lang="en">Live long and prosper</p></li>	242	<li style="white-space: nowrap"><p style="text-align: center" lang="en">Live long and prosper</p></li>
243	<li style="white-space: nowrap"><p style="text-align: center" lang="de">Leben Sie lang und erfolgreich</p></li>	243	<li style="white-space: nowrap"><p style="text-align: center" lang="de">Leben Sie lang und erfolgreich</p></li>
244	</ul>	244	</ul>
245		245
246	<ul style="text-align: center">	246	<ul style="text-align: center">
247	<li class="instruction" lang="en">Please select your language</li>	247	<li class="instruction" lang="en">Please select your language</li>
248	<li class="instruction" lang="de">Bitte wählen Sie Ihre Sprache</li>	248	<li class="instruction" lang="de">Bitte wählen Sie Ihre Sprache</li>
249	</ul>	249	</ul>
250		250
251	<div class="group">	251	<div class="group">
252	<div class="separator"> </div>	252	<div class="separator"> </div>
253	<ul id="languages">	253	<ul id="languages">
254	<li><a href="index.en" class="button right" lang="en"	254	<li><a href="index.en" class="button right" lang="en"
255	hreflang="en" accesskey="e"	255	hreflang="en" accesskey="e"
256	><span class="key">en</span> <span class="text">English</span></a></li>	256	><span class="key">en</span> <span class="text">English</span></a></li>
257	<li><a href="index.de" class="button right" lang="de"	257	<li><a href="index.de" class="button right" lang="de"
258	hreflang="de" accesskey="d"	258	hreflang="de" accesskey="d"
259	onclick="return navigateTo(this)"	259	onclick="return navigateTo(this)"
260	><span class="key">de</span> <span class="text">Deutsch</span></a></li>	260	><span class="key">de</span> <span class="text">Deutsch</span></a></li>
261	</ul>	261	</ul>
262	<div style="clear: both"><!-- --></div>	262	<div style="clear: both"><!-- --></div>
263	</div>	263	</div>
264		264
265	<?php	265	<?php
266	$app = 'Language';	266	$app = 'Language';
267	require_once 'footer.phtml';	267	require_once 'footer.phtml';
268	?>	268	?>
269	</div>	269	</div>
270	</body>	270	</body>
271	</html>	271	</html>

Subversion Repositories LCARS

(root)/branches/live/index.php - Rev 170 → 198