Subversion Repositories LCARS

Compare Revisions

Last modification

Ignore whitespace Rev 36 → Rev 37

/trunk/index.html
1,4 → 1,5
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<!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>
5,7 → 6,7
<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=iso-8859-1">
<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">
40,7 → 41,39
<meta name="DC.Identifier" content="http://pointedears.de/">
<meta name="DC.Language" content="mx">
<meta name="DC.Rights"
content="Copyright (c) 2002&#8211;2008 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.">
content="Copyright (c) 2002&#8211;2012 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/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.7em;
}
</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))
62,86 → 95,151
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>
<link rel="stylesheet" type="text/css" href="styles/lcars.css">
</head>
<body bgcolor="#000000" text="#afbfe0"
link="#cfdfff" alink="#ffffff" vlink="#cfdfff">
<table border=0 align="center" width="100%" style="height:100%"
summary="Title">
<tr valign="middle">
<td align="center" colspan=2><img
src="media/video/img/vulcan_hand-black-bg.png"
width="120"
height="168"
alt="Dif-tor&nbsp;heh&nbsp;smusma - Live&nbsp;long&nbsp;and&nbsp;prosper - Leben&nbsp;Sie&nbsp;lange&nbsp;und&nbsp;gl&uuml;cklich"
title="Dif-tor&nbsp;heh&nbsp;smusma - Live&nbsp;long&nbsp;and&nbsp;prosper - Leben&nbsp;Sie&nbsp;lange&nbsp;und&nbsp;gl&uuml;cklich"
border="0"
onmouseover="return setStatus(this.title)"
onmouseout="return resetStatus()"></td>
</tr>
<tr valign="top">
<td width="50%"><h1
align="center">Welcome at PointedEars'&nbsp;Website</h1></td>
<td width="50%"><h1
align="center">Willkommen auf PointedEars'&nbsp;Website</h1></td>
</tr>
<tr align="center" valign="top">
<td>Select the language for the website to be displayed<br>
(you may easily toggle language later)</td>
<td>W&auml;hlen Sie die Sprache, in der die Website angezeigt werden
soll<br>
(Sie k&ouml;nnen sp&auml;ter einfach zwischen den Sprachen
umschalten)</td>
</tr>
<tr align="center" valign="top">
<td><a href="index.en.html" class="button">&nbsp;ENGLISH&nbsp;</a></td>
<td><a href="index.de.html" class="button">&nbsp;DEUTSCH&nbsp;</a></td>
</tr>
<tr align="center" valign="middle">
<td colspan=2><hr size=1 width="100%" noshade><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()"
>Copyright &copy;&nbsp;2002&#8211;2008 <img
src="media/ani-mail.gif"
width="14"
height="15"
alt=""
border="0"
> Thomas&nbsp;Lahn. All rights reserved.</a><!--
<hr size=1 width="100%" noshade>
You are visitor no. | Sie sind Besucher Nr.
This site is supported by | Diese Site wird unterst&uuml;tzt von
<center>
Begin RealHomepageTools
<script type="text/javascript">
var id=96382;
var ua = navigator.userAgent;
if(ua.indexOf('MSIE 3')>0)
{
document.write(
'<img src="http://11.rtcode.com/netpoll/ifree'
+ 'v3.asp?id='+id+'&js=1&to=0&ref='
+ escape(document.referrer)
+ '">');
}
</script><script type="text/javascript" src="scripts/realtracker.js"
></script><noscript><img
src="http://11.rtcode.com/netpoll/ifreev3.asp?id=96382&amp;to=0"
alt="RealTracker"></noscript> End Tracker
<a
href="http://11.rtcode.com/netpoll/geefmening_de.htm?id=96382&amp;naam=LCARS&amp;url=http://pointedears.de/"
target="_top"><img
src="http://11.rtcode.com/netpoll/netpoll.asp"
border="0"
alt="RealTracker Free"
width="150"
height="32"
></a> End RealHomepageTools </center>
--></td>
</tr>
</table>
<body class="fade-in empty">
<div id="LCARS">
<div id="bow">
<div id="bow-top">
<div class="separator-left">&nbsp;</div>
<h1 class="text">PointedEars’ Website</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">Language Selection</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="Dif-tor&nbsp;heh&nbsp;smusma - Live&nbsp;long&nbsp;and&nbsp;prosper - Leben Sie&nbsp;lang&nbsp;und&nbsp;erfolgreich"
title="Dif-tor&nbsp;heh&nbsp;smusma - Live&nbsp;long&nbsp;and&nbsp;prosper - Leben Sie&nbsp;lang&nbsp;und&nbsp;erfolgreich"
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 style="text-align: center" id="languages">
<li><a href="index.en.html" class="button right" lang="en"
hreflang="en" accesskey="e"
><span class="key">en</span> English</a></li>
<li><a href="index.de.html" class="button right" lang="de"
hreflang="de" accesskey="d"
onclick="return navigateTo(this)"
><span class="key">de</span> Deutsch</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;2012 <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>