WebSVN - LCARS - Diff - Rev 166 and 168


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

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

Subversion Repositories LCARS

(root)/trunk/index.php @ 170 - Rev 166 → 168