WebSVN - LCARS - Diff - Rev 129 and 138


<?php

if (!function_exists('_'))
{
  function _($s) { return $s; }
}

$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"),
));

\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="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, Song, Songbook, Surf, anonymously, Raumschiff Enterprise, DNG, Die n&auml;chste Generation, VFP, F&ouml;deration, Vereinte F&ouml;deration der Planeten, Datenbasis, Datenbank, 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 _("All rights reserved."); ?> <?php echo _("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"> -->
*/ ?>
    <link rel="stylesheet" type="text/css" href="styles/lcars-basic.css">
 
    <link rel="stylesheet" type="text/css" href="styles/lcars22">
 
    <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">
<?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 129	Rev 138
1	<?php	1	<?php
2		2
-		3	if (!function_exists('_'))
-		4	{
-		5	function _($s) { return $s; }
-		6	}
-		7
3	$encoding = 'UTF-8';	8	$encoding = 'UTF-8';
4	header("Content-Type: text/html" . ($encoding ? "; charset=$encoding" : ""));	9	header("Content-Type: text/html" . ($encoding ? "; charset=$encoding" : ""));
5		10
6	$modi = max(array(	11	$modi = max(array(
7	@filemtime(__FILE__),	12	@filemtime(__FILE__),
8	@filemtime("styles/lcars-basic.css"),	13	@filemtime("styles/lcars-basic.css"),
9	@filemtime("styles/lcars22.css"),	14	@filemtime("styles/lcars22.css"),
10	));	15	));
11		16
12	\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');
13		18
14	/* Resource expires in HTTP/1.1 caches 24h after last retrieval */	19	/* Resource expires in HTTP/1.1 caches 24h after last retrieval */
15	\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');
16		21
17	/* Resource expires in HTTP/1.0 caches 24h after last retrieval */	22	/* Resource expires in HTTP/1.0 caches 24h after last retrieval */
18	\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');
19		24
20	?><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"	25	?><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
21	"http://www.w3.org/TR/html4/loose.dtd">	26	"http://www.w3.org/TR/html4/loose.dtd">
22	<html lang="en">	27	<html lang="en">
23	<head>	28	<head>
24	<title>Language Selection — PointedEars’ Website</title>	29	<title>Language Selection — PointedEars’ Website</title>
25	<link rel="SHORTCUT ICON" href="favicon.ico">	30	<link rel="SHORTCUT ICON" href="favicon.ico">
26	<!-- Browsers: Character Set, Script Type, Style Sheets Type,	31	<!-- Browsers: Character Set, Script Type, Style Sheets Type,
27	Proxy Usage -->	32	Proxy Usage -->
28	<meta http-equiv="content-type"content="text/html; charset=UTF-8">	33	<meta http-equiv="content-type"content="text/html; charset=UTF-8">
29	<meta http-equiv="Content-Script-Type" content="text/javascript">	34	<meta http-equiv="Content-Script-Type" content="text/javascript">
30	<meta http-equiv="Content-Style-Type" content="text/css">	35	<meta http-equiv="Content-Style-Type" content="text/css">
31	<meta http-equiv="expires" content="0">	36	<meta http-equiv="expires" content="0">
32	<!-- Robots: Language, Index, Subordinated Files, Description, Author,	37	<!-- Robots: Language, Index, Subordinated Files, Description, Author,
33	Keywords, Document Date -->	38	Keywords, Document Date -->
34	<meta name="robots" content="index">	39	<meta name="robots" content="index">
35	<?php /*	40	<?php /*
36	<meta name="description"	41	<meta name="description"
37	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!">
38	*/ ?>	43	*/ ?>
39	<meta name="author" content="PointedEars, PointedEars Software (PES)">	44	<meta name="author" content="PointedEars, PointedEars Software (PES)">
40	<!-- No localization of keywords due to following language selection -->	45	<!-- No localization of keywords due to following language selection -->
41	<meta name="keywords"	46	<meta name="keywords"
42	http-equiv="Keywords"	47	http-equiv="Keywords"
43	content="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, Song, Songbook, Surf, anonymously, Raumschiff Enterprise, DNG, Die nächste Generation, VFP, Föderation, Vereinte Föderation der Planeten, Datenbasis, Datenbank, Lied, Liedtext, surfen, anonym">	48	content="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, Song, Songbook, Surf, anonymously, Raumschiff Enterprise, DNG, Die nächste Generation, VFP, Föderation, Vereinte Föderation der Planeten, Datenbasis, Datenbank, Lied, Liedtext, surfen, anonym">
44	<!--meta name="keywords" http-equiv="Keywords" lang="de" content=""-->	49	<!--meta name="keywords" http-equiv="Keywords" lang="de" content=""-->
45	<!--meta name="keywords" http-equiv="Keywords" lang="en-us" content=""-->	50	<!--meta name="keywords" http-equiv="Keywords" lang="en-us" content=""-->
46	<!--meta name="keywords" http-equiv="Keywords" lang="en" content=""-->	51	<!--meta name="keywords" http-equiv="Keywords" lang="en" content=""-->
47	<meta name="revisit-after" content="3 days">	52	<meta name="revisit-after" content="3 days">
48	<meta name="date" content="2002-05-23T10:56:00+02:00">	53	<meta name="date" content="2002-05-23T10:56:00+02:00">
49	<!-- Robots: Dublin Core Metadata	54	<!-- Robots: Dublin Core Metadata
50	(http://purl.org/metadata/dublin_core) -->	55	(http://purl.org/metadata/dublin_core) -->
51	<meta name="DCTERMS.title" content="PointedEars’ Website">	56	<meta name="DCTERMS.title" content="PointedEars’ Website">
52	<meta name="DCTERMS.creator" content="PointedEars, PointedEars Software (PES)">	57	<meta name="DCTERMS.creator" content="PointedEars, PointedEars Software (PES)">
53	<meta name="DCTERMS.subject" content="Private Homepage">	58	<meta name="DCTERMS.subject" content="Private Homepage">
54	<?php /*	59	<?php /*
55	<meta name="DCTERMS.description"	60	<meta name="DCTERMS.description"
56	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!">
57	*/ ?>	62	*/ ?>
58	<meta name="DCTERMS.publisher" content="PointedEars">	63	<meta name="DCTERMS.publisher" content="PointedEars">
59	<meta name="DCTERMS.created" content="2002-05-23">	64	<meta name="DCTERMS.created" content="2002-05-23">
60	<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); ?>">
61	<?php /*	66	<?php /*
62	<!--meta name="DC.Type" content=""-->	67	<!--meta name="DC.Type" content=""-->
63	<!--meta name="DC.Format" content=""-->	68	<!--meta name="DC.Format" content=""-->
64	*/ ?>	69	*/ ?>
65	<meta name="DCTERMS.identifier" content="http://pointedears.de/">	70	<meta name="DCTERMS.identifier" content="http://pointedears.de/">
66	<meta name="DCTERMS.rightsHolder"	71	<meta name="DCTERMS.rightsHolder"
67	content="Copyright © 2002–<?php echo gmdate('Y', $modi); ?> Thomas Lahn.">	72	content="Copyright © 2002–<?php echo gmdate('Y', $modi); ?> Thomas Lahn.">
68	<meta name="DCTERMS.rights"	73	<meta name="DCTERMS.rights"
69	content="<?php echo _("All rights reserved."); ?> <?php echo _("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 _("All rights reserved."); ?> <?php echo _("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."); ?>">
70	<?php /*	75	<?php /*
71	<!-- <link rel="stylesheet" type="text/css" href="styles/lcars21.css"> -->	76	<!-- <link rel="stylesheet" type="text/css" href="styles/lcars21.css"> -->
72	*/ ?>	77	*/ ?>
73	<link rel="stylesheet" type="text/css"	78	<link rel="stylesheet" type="text/css" href="styles/lcars-basic.css">
74	href="scripts/builder?type=text/css&prefix=../styles/&src=lcars-basic">	-
75	<link rel="stylesheet" type="text/css"	79	<link rel="stylesheet" type="text/css" href="styles/lcars22">
76	href="scripts/builder?type=text/css&prefix=../styles/&src=lcars22">	-
77	<style type="text/css">	80	<style type="text/css">
78	<!--	81	<!--
79	a {	82	a {
80	text-decoration: none;	83	text-decoration: none;
81	}	84	}
82		85
83	ul {	86	ul {
84	list-style: none;	87	list-style: none;
85	padding-left: 0;	88	padding-left: 0;
86	}	89	}
87		90
88	#greeting {	91	#greeting {
89	margin-top: 0;	92	margin-top: 0;
90	}	93	}
91		94
92	#greeting p {	95	#greeting p {
93	background-color: #000;	96	background-color: #000;
94	color: #fff;	97	color: #fff;
95	font-size: 136%;	98	font-size: 136%;
96	}	99	}
97		100
98	#languages .key {	101	#languages .key {
99	min-width: 0.65em;	102	min-width: 0.65em;
100	}	103	}
101	-->	104	-->
102	</style>	105	</style>
103	<?php /*	106	<?php /*
104	<script type="text/javascript" src="scripts/builder?src=object,dom,dom/css,dom/css/color,dom/ani,dom/window"></script>	107	<script type="text/javascript" src="scripts/builder?src=object,dom,dom/css,dom/css/color,dom/ani,dom/window"></script>
105	*/ ?>	108	*/ ?>
106	<script type="text/javascript">	109	<script type="text/javascript">
107	<?php /*	110	<?php /*
108	/* Hardcore Frame Buster	111	/* Hardcore Frame Buster
109	if (parent.frames.length > 0 )	112	if (parent.frames.length > 0 )
110	parent.location.href = window.location.href;	113	parent.location.href = window.location.href;
111	*/ ?>	114	*/ ?>
112	<?php /*	115	<?php /*
113	function animate ()	116	function animate ()
114	{	117	{
115	*/ ?>	118	*/ ?>
116	<?php /*	119	<?php /*
117	var s = document.createElement("style");	120	var s = document.createElement("style");
118	s.type = "text/css";	121	s.type = "text/css";
119	s.appendChild(document.createTextNode(	122	s.appendChild(document.createTextNode(
120	"@-webkit-keyframes fade-out {"	123	"@-webkit-keyframes fade-out {"
121	+ " from {"	124	+ " from {"
122	+ " overflow: hidden;"	125	+ " overflow: hidden;"
123	+ " border-top-left-radius: 0;"	126	+ " border-top-left-radius: 0;"
124	+ " border-bottom-left-radius: 0;"	127	+ " border-bottom-left-radius: 0;"
125	+ " }"	128	+ " }"
126	+ " to {"	129	+ " to {"
127	+ " overflow: hidden;"	130	+ " overflow: hidden;"
128	+ " left: 100%;"	131	+ " left: 100%;"
129	+ " border-top-left-radius: 0;"	132	+ " border-top-left-radius: 0;"
130	+ " border-bottom-left-radius: 0;"	133	+ " border-bottom-left-radius: 0;"
131	+ " }"	134	+ " }"
132	+ "}"	135	+ "}"
133	+ "#bow-top, #footer {"	136	+ "#bow-top, #footer {"
134	+ " -webkit-animation-name: fade-out;"	137	+ " -webkit-animation-name: fade-out;"
135	+ " -webkit-animation-duration: 1s;"	138	+ " -webkit-animation-duration: 1s;"
136	+ " -webkit-animation-fill-mode: forwards;"	139	+ " -webkit-animation-fill-mode: forwards;"
137	+ "}"	140	+ "}"
138	+ "#bow-top .text {"	141	+ "#bow-top .text {"
139	+ " visibility: hidden;"	142	+ " visibility: hidden;"
140	+ "}"	143	+ "}"
141	+ ".empty .separator-left {"	144	+ ".empty .separator-left {"
142	+ " visibility: hidden;"	145	+ " visibility: hidden;"
143	+ "}"	146	+ "}"
144	));	147	));
145	document.head.appendChild(s);	148	document.head.appendChild(s);
146	*/ ?>	149	*/ ?>
147	<?php /*	150	<?php /*
148	jsx._import(jsx.dom.animation);	151	jsx._import(jsx.dom.animation);
149	var keyFrames = [	152	var keyFrames = [
150	{	153	{
151	values: {	154	values: {
152	style: {	155	style: {
153	overflow: "hidden",	156	overflow: "hidden",
154	"border-top-left-radius": 0,	157	"border-top-left-radius": 0,
155	"border-bottom-left-radius": 0	158	"border-bottom-left-radius": 0
156	}	159	}
157	}	160	}
158	},	161	},
159	{	162	{
160	time: "1s",	163	time: "1s",
161	values: {	164	values: {
162	style: {	165	style: {
163	overflow: "hidden",	166	overflow: "hidden",
164	left: "100%",	167	left: "100%",
165	"border-top-left-radius": 0,	168	"border-top-left-radius": 0,
166	"border-bottom-left-radius": 0	169	"border-bottom-left-radius": 0
167	}	170	}
168	}	171	}
169	}	172	}
170	];	173	];
171		174
172	var animation = new Animation({	175	var animation = new Animation({
173	timelines: [	176	timelines: [
174	new Timeline({	177	new Timeline({
175	target: document.getElementById("bow-top"),	178	target: document.getElementById("bow-top"),
176	keyFrames: keyFrames	179	keyFrames: keyFrames
177	}),	180	}),
178	new Timeline({	181	new Timeline({
179	target: document.getElementById("footer"),	182	target: document.getElementById("footer"),
180	keyFrames: keyFrames	183	keyFrames: keyFrames
181	})	184	})
182	]	185	]
183	});	186	});
184	animation.play();	187	animation.play();
185	}	188	}
186	*/ ?>	189	*/ ?>
187		190
188	function navigateTo (link)	191	function navigateTo (link)
189	{	192	{
190	<?php /*	193	<?php /*
191	animate();	194	animate();
192	window.setTimeout(function () {	195	window.setTimeout(function () {
193	window.alert(link);	196	window.alert(link);
194	}, 1000);	197	}, 1000);
195	return false;	198	return false;
196	*/ ?>	199	*/ ?>
197	return true;	200	return true;
198	}	201	}
199	</script>	202	</script>
200	</head>	203	</head>
201	<body class="fade-in empty" onload="if (typeof this.ontouchstart != 'undefined') this.ontouchstart = function () {}">	204	<body class="fade-in empty" onload="if (typeof this.ontouchstart != 'undefined') this.ontouchstart = function () {}">
202	<div id="LCARS">	205	<div id="LCARS">
203	<div id="bow">	206	<div id="bow">
204	<div id="bow-top">	207	<div id="bow-top">
205	<div class="separator-left"> </div>	208	<div class="separator-left"> </div>
206	<h1 class="text"><span>PointedEars’ Website</span></h1>	209	<h1 class="text"><span>PointedEars’ Website</span></h1>
207	</div>	210	</div>
208	<div id="bow-left"> </div>	211	<div id="bow-left"> </div>
209	<div id="bow-left-concave"> </div>	212	<div id="bow-left-concave"> </div>
210	</div>	213	</div>
211	<div id="footer-container">	214	<div id="footer-container">
212	<div id="footer">	215	<div id="footer">
213	<h2 class="text"><span>Language Selection</span></h2>	216	<h2 class="text"><span>Language Selection</span></h2>
214	<div class="separator-right"> </div>	217	<div class="separator-right"> </div>
215	</div>	218	</div>
216	</div>	219	</div>
217	</div>	220	</div>
218	<div id="content">	221	<div id="content">
219	<div style="text-align: center"><img	222	<div style="text-align: center"><img
220	src="media/video/img/vulcan_hand-black-bg.png"	223	src="media/video/img/vulcan_hand-black-bg.png"
221	width="120"	224	width="120"
222	height="168"	225	height="168"
223	alt="Vulcan greeting"	226	alt="Vulcan greeting"
224	title="Vulcan greeting"	227	title="Vulcan greeting"
225	border="0"	228	border="0"
226	onmouseover="return setStatus(this.title)"	229	onmouseover="return setStatus(this.title)"
227	onmouseout="return resetStatus()"></div>	230	onmouseout="return resetStatus()"></div>
228		231
229	<ul id="greeting">	232	<ul id="greeting">
230	<li style="white-space: nowrap"><p style="text-align: center" lang="x-vulcan-latin">Dif-tor heh smusma</p></li>	233	<li style="white-space: nowrap"><p style="text-align: center" lang="x-vulcan-latin">Dif-tor heh smusma</p></li>
231	<li style="white-space: nowrap"><p style="text-align: center" lang="en">Live long and prosper</p></li>	234	<li style="white-space: nowrap"><p style="text-align: center" lang="en">Live long and prosper</p></li>
232	<li style="white-space: nowrap"><p style="text-align: center" lang="de">Leben Sie lang und erfolgreich</p></li>	235	<li style="white-space: nowrap"><p style="text-align: center" lang="de">Leben Sie lang und erfolgreich</p></li>
233	</ul>	236	</ul>
234		237
235	<ul style="text-align: center">	238	<ul style="text-align: center">
236	<li class="instruction" lang="en">Please select your language</li>	239	<li class="instruction" lang="en">Please select your language</li>
237	<li class="instruction" lang="de">Bitte wählen Sie Ihre Sprache</li>	240	<li class="instruction" lang="de">Bitte wählen Sie Ihre Sprache</li>
238	</ul>	241	</ul>
239		242
240	<div class="group">	243	<div class="group">
241	<div class="separator"> </div>	244	<div class="separator"> </div>
242	<ul id="languages">	245	<ul id="languages">
243	<li><a href="index.en" class="button right" lang="en"	246	<li><a href="index.en" class="button right" lang="en"
244	hreflang="en" accesskey="e"	247	hreflang="en" accesskey="e"
245	><span class="key">en</span> <span class="text">English</span></a></li>	248	><span class="key">en</span> <span class="text">English</span></a></li>
246	<li><a href="index.de" class="button right" lang="de"	249	<li><a href="index.de" class="button right" lang="de"
247	hreflang="de" accesskey="d"	250	hreflang="de" accesskey="d"
248	onclick="return navigateTo(this)"	251	onclick="return navigateTo(this)"
249	><span class="key">de</span> <span class="text">Deutsch</span></a></li>	252	><span class="key">de</span> <span class="text">Deutsch</span></a></li>
250	</ul>	253	</ul>
251	<div style="clear: both"><!-- --></div>	254	<div style="clear: both"><!-- --></div>
252	</div>	255	</div>
253		256
254	<?php	257	<?php
255	$app = 'Language';	258	$app = 'Language';
256	require_once 'footer.phtml';	259	require_once 'footer.phtml';
257	?>	260	?>
258	</div>	261	</div>
259	</body>	262	</body>
260	</html>	263	</html>

Subversion Repositories LCARS

(root)/trunk/index.php - Rev 129 → 138