WebSVN - LCARS - Diff - Rev 99 and 104


<?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');

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

/* Cached 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>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">
    <meta name="robots" content="nofollow">
    <meta name="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="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="DC.Title" content="PointedEars’ Website">
    <meta name="DC.Creator" content="PointedEars, PointedEars Software (PES)">
    <meta name="DC.Subject" content="Private Homepage">
    <meta name="DC.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="DC.Publisher" content="PointedEars">
    <meta name="DCTERMS.created" content="2002-05-23">
    <meta name="DCTERMS.modified" content="2008-12-08T20:57+0100">
    <!--meta name="DC.Type" content=""-->
    <!--meta name="DC.Format" content=""-->
    <meta name="DC.Identifier" content="http://pointedears.de/">
    <meta name="DC.Language" content="mx">
    <meta name="DC.Rights"
          content="Copyright © 2002&#8211;2013 Thomas&nbsp;Lahn. All rights reserved. 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.">
    <!-- <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>
    <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) {
        if (isNaN(Text))
          Text = String(Text);
        window.status = Text;
        return true;
      }

      function resetStatus() {
        window.status = window.defaultStatus;
        return true;
      }

      function mailStatus() {
        return setStatus("Send your feedback to PointedEars");
      }

      /* Hardcore Frame Buster
      if (parent.frames.length > 0 )
        parent.location.href = window.location.href;
      */
     
      function animate ()
      {
        /*
        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);
        */
       
        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)
      {
        //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>
     
      <hr size=1 width="100%" noshade>
      <p style="text-align: center"><?php echo sprintf(
          "Original LCARS design by"
          . " <a href='%s' title='%s'>Michael&nbsp;Okuda</a>."
          . " This site is based on an <a href='%s'"
          . " title='LCARS Standards Development Board'"
          . ">implementation in Flash by Chris&nbsp;Rossi</a>,"
          . " and research by <a href='%s'"
          . " title='Creating a Coherent LCARS Interface'>Bracer&nbsp;Jack</a>"
          . " and <a href='%s'"
          . " title='LCARS 47 Development Blog&nbsp;– LCARS&nbsp;101: A Designer’s Handbook'"
          . ">Eleanor&nbsp;Denver</a>.",
          'https://twitter.com/MikeOkuda',
          'Michael Okuda on Twitter',
          'http://www.lcarsdeveloper.com/',
          'http://www.bracercom.com/tutorial/content/CoherentLCARSInterface/LCARSCoherentInterface.html',
          'http://www.lcars47.com/p/lcars-101.html');
        ?><br>
        Copyright &copy;&nbsp;2002&#8211;2013 <a
            href="mailto:webmaster@PointedEars.de?subject=Feedback/LCARS/Welcome&amp;body=[Your%20feedback%20|%20Ihr%20Feedback]"
            title="Send your feedback to PointedEars"
            onmouseover="return mailStatus()"
            onmouseout="return resetStatus()"
            >Thomas ‘PointedEars’ Lahn.</a> All rights reserved.</p>
    </div>
  </body>
</html>
 

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

Subversion Repositories LCARS

(root)/trunk/index.php @ 137 - Rev 99 → 104