WebSVN - LCARS - Diff - Rev 112 and 116


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

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

Subversion Repositories LCARS

(root)/trunk/index.php @ 249 - Rev 112 → 116