WebSVN - LCARS - Diff - Rev 56 and 60


<!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 pleased 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">
    <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>
      <div style="text-align: center">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.</div>
    </div>
  </body>
</html>
 

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

Subversion Repositories LCARS

(root)/trunk/index.html @ 68 - Rev 56 → 60