Subversion Repositories LCARS

Compare Revisions

Last modification

Ignore whitespace Rev 36 → Rev 37

/trunk/index.de.html
7,7 → 7,7
 
<!-- 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-language" content="de">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Style-Type" content="text/css">
47,6 → 47,16
<meta name="DC.Language" content="de">
<meta name="DC.Rights"
content="Copyright (c) 2002&#8211;2008 Thomas&nbsp;Lahn. Alle Rechte vorbehalten. Der Autor ist nicht verantwortlich f&uuml;r die Verf&uuml;gbarkeit und den Inhalt der Webseiten, auf die durch diese Site verwiesen wird, und nicht verantwortlich f&uuml;r die Verf&uuml;gbarkeit und den Inhalt der Webseiten, auf welche die referenzierten Seiten verweisen. Wo fremdes Material verwendet wurde, ist keine Verletzung des Copyrights oder Warenzeichens beabsichtigt. Dritte, die Copyrights oder Warenzeichen, welche hier verwendet wurden, f&uuml;r sich beanspruchen, werden gebeten, eine informelle E-Mail an webmaster@PointedEars.de zu senden, um das entsprechende Material umgehend von der Website entfernen oder dieses modifizieren zu lassen, und von rechtlichen Schritten abzusehen.">
<!-- <link rel="stylesheet" type="text/css" href="styles/lcars.css"> -->
<!-- <link rel="stylesheet" type="text/css" href="styles/lcars21.css"> -->
<link rel="stylesheet" type="text/css" href="styles/lcars22.css">
<style type="text/css">
<!--
p {
max-width: 100%;
}
-->
</style>
 
<script type="text/javascript">
function setStatus(Text)
87,209 → 97,214
document.cookie= cookieVal;
*/
</script>
<link rel="stylesheet" type="text/css" href="styles/lcars.css">
<style type="text/css">
<!--
p {
max-width: 100%;
}
 
a:hover, a:active {
text-decoration: underline;
}
-->
</style>
 
<!-- bgsound src="media/interface/sound/beginop.wav" loop="infinite" -->
</head>
<body bgcolor="#000000" text="#afbfe0"
link="#cfdfff" alink="#ffffff" vlink="#cfdfff"
style="padding-top:10px; text-align:center">
<!--a href="main.htm"-->
<h1 align="center"><img
src="media/video/img/vulcan_hand-black-bg.png"
width="120"
height="168"
alt="Dif-tor&nbsp;heh&nbsp;smusma - Leben&nbsp;Sie&nbsp;lange&nbsp;und&nbsp;gl&uuml;cklich"
title="Dif-tor&nbsp;heh&nbsp;smusma - Leben&nbsp;Sie&nbsp;lange&nbsp;und&nbsp;gl&uuml;cklich"
border="0"
onmouseover="return setStatus(this.title)"
onmouseout="return resetStatus()"><br>
Willkommen auf PointedEars' Website</h1>
<body class="fade-in">
<div id="content">
<!--a href="main.htm"-->
<h1 align="center"><img
src="media/video/img/vulcan_hand-black-bg.png"
width="120"
height="168"
alt="Dif-tor&nbsp;heh&nbsp;smusma - Leben&nbsp;Sie&nbsp;lange&nbsp;und&nbsp;gl&uuml;cklich"
title="Dif-tor&nbsp;heh&nbsp;smusma - Leben&nbsp;Sie&nbsp;lange&nbsp;und&nbsp;gl&uuml;cklich"
border="0"
onmouseover="return setStatus(this.title)"
onmouseout="return resetStatus()"><br>
Willkommen auf PointedEars’ Website</h1>
<p>
<!--
| <a href="leisure/" target="_top"
>Freizeit-Datenbank</a>
| <a href="mozilla/" target="_top">Mozilla</a>
| <a href="poetry/" target="_top">Poesie</a>
-->
| [<abbr title="nur in englischer Sprache verf&uuml;gbar"
>en</abbr>]
<!--
| <a href="selfhtml.de/" target="_top">SELFHTML.DE</a>
-->
<!--
| <a href="lyrics/" target="_top">Songbook</a>
-->
| </p>
<!--
<p><a href="about/worm.de.html" target="_top"
>Seltsame E-Mails bekommen?</a></p>
-->
 
<p><a
href="index.en.html"
class="button"
title="zur englischen Version"
>&nbsp;ENGLISH&nbsp;</a></p>
<noscript>
<a
href="http://pointedears.de/"
title="PointedEars' Website"
>Diese Website zu Ihren Lesezeichen hinzuf&uuml;gen</a>
</noscript>
<!-- Klicken Sie hier, falls Sie nach 5 Sekunden nicht automatisch
weitergeleitet werden. -->
<hr size="1" width="100%" noshade>
<p>Copyright &copy;&nbsp;2002&#8211;2012 <a
href="mailto:webmaster@PointedEars.de?subject=Feedback/LCARS/Welcome/de&amp;body=[Ihr%20Feedback]"
title="Senden Sie eine Feedback E-Mail an PointedEars"
onmouseover="return(mailStatus());"
onmouseout="return(resetStatus());"
>Thomas ‘PointedEars’ Lahn</a>. Alle Rechte vorbehalten.</p>
<!-- embed src="media/interface/speech/de/warten.wav" width="0" height="0"
hidden="true" autostart="true" dir="ltr" lang="de" -->
</div>
<div id="LCARS">
<div id="button-grid" style="position: absolute; opacity: 0.3">
<a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
 
<p><a href="http://vspx27.stanford.edu/cgi-bin/main.py?qtype=userpage&amp;username=Thomas_Lahn"
target="_top"
title="Verteiltes Rechnen, um die Faltung und Anordnung von Proteinen und damit verbundener Krankheiten zu verstehen"
>Folding@home</a>
<!--
| <a href="leisure/" target="_top"
>Freizeit-Datenbank</a>
| <a href="mozilla/" target="_top">Mozilla</a>
| <a href="poetry/" target="_top">Poesie</a>
-->
| <a
href="psf/"
target="_top"
><acronym
title="PointedEars' Standard-Floskeln"
>psf</acronym></a>
| [<abbr title="nur in englischer Sprache verf&uuml;gbar"
>en</abbr>]&nbsp;<a href="scripts/" target="_top">Scripting</a>
<!--
| <a href="selfhtml.de/" target="_top">SELFHTML.DE</a>
-->
| <a
href="http://setiathome.berkeley.edu/show_user.php?userid=378921"
target="_top"
title="Die Suche nach ausserirdischer Intelligenz von zuhause aus"
>SETI@home</a>
| <a href="devel/" target="_top">Software</a>
<!--
| <a href="lyrics/" target="_top">Songbook</a>
-->
| <a href="ufpdb/index.de.php" target="_top"
><acronym
title="United Federation of Planets DataBase -- Datenbanken der Vereinten F&ouml;deration der Planeten"
>UFPDB</acronym></a></p>
<p><a href="about/worm.de.html" target="_top"
>Seltsame E-Mails bekommen?</a></p>
<script type="text/javascript">
var sURL = location.href;
var sFavAnchorTitle =
"Klicken Sie hier, um PointedEars' Website Ihren Favoriten"
+ " hinzuzufügen";
var sOtherAnchorTitle =
"Klicken Sie hier mit der rechten Maustaste, um PointedEars' Website"
+ " Ihren Lesezeichen hinzuzufügen";
var sFavoriteTitle = "PointedEars' Website";
<a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
 
if (navigator.appVersion.indexOf("MSIE") > 0
&& parseInt(navigator.appVersion) >= 4)
document.write(
'<a href="javascript:window.external.AddFavorite('
+ ' sURL, sFavoriteTitle);" title="' + sFavAnchorTitle + '"'
+ ' onMouseOver="return(setStatus(sFavAnchorTitle));"'
+ ' onMouseOut="return(resetStatus());"'
+ '>Diese Website zu Favoriten hinzuf&uuml;gen<\/a>');
else
document.write(
'<a href="' + sURL + '"'
+ ' title="PointedEars\' Website"'
+ ' onmouseover="return(setStatus(sOtherAnchorTitle));"'
+ ' onmouseout="return(resetStatus());"'
+ '>Diese Website zu Lesezeichen hinzuf&uuml;gen<\/a>');
</script>
<noscript>
<a
href="http://pointedears.de/"
title="PointedEars' Website"
>Diese Website zu Ihren Lesezeichen hinzuf&uuml;gen</a>
</noscript>
<!-- Klicken Sie hier, falls Sie nach 5 Sekunden nicht automatisch
weitergeleitet werden. -->
<hr size="1" width="100%" noshade>
<a
href="mailto:webmaster@PointedEars.de?subject=Feedback/LCARS/Welcome/de&amp;body=[Ihr%20Feedback]"
title="Senden Sie eine Feedback E-Mail an 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. Alle Rechte vorbehalten.</a><!--
<a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
 
<hr size="1" width="100%" noshade>
Sie sind Besucher Nr.Diese Site wird unterst&uuml;tzt von
<center>
Statistik bei nic.de.vu
<script type="text/javascript">
var d = 'pointedears.de.vu';
</script>
<script
src="http://68698685.statistiq.com/68698685.js"
type="text/javascript"></script>
<a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
 
<a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
 
<a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
 
<a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
 
<a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
 
<a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
 
<a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
 
<a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
</div>
<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-top-left">
<div class="concave">&nbsp;</div>
</div>
<div id="bottom">
<div id="bow-bottom">
<div class="concave">&nbsp;</div>
</div>
</div>
<div class="menu">
<div style="position: relative; margin-bottom: 1.2em">
<div style="width: 8em; height: 1em; background-color: #999">&nbsp;</div>
<div style="position: absolute; top: 0; left: 8.2em; width: 2em; height: 1em; background-color: #999">&nbsp;</div>
<div style="position: absolute; top: 0; left: 10.4em; width: 5em; height: 1em; background-color: #999">&nbsp;</div>
</div>
<ul>
<li><a href="index.en.html" class="button" tabindex="1"><span class="text">English</span></a></li>
<li><a href="index.de.html" class="button selected" tabindex="1"><span class="text">Deutsch</span></a></li>
</ul>
<div style="margin-bottom: 0.2em; width: 8em; height: 0.5em; background-color: #999">&nbsp;</div>
<ul style="margin-bottom: 1em">
<li><a href="scripts/" target="_top" class="button"><span class="text">Scripting</span></a></li>
<li><a href="devel/" target="_top" class="button"><span class="text">Other software</span></a></li>
</ul>
<ul style="margin-bottom: 0.2em">
<li><a href="ufpdb/index.de.php" target="_top" class="button database"
><acronym
title="United Federation of Planets DataBase -- Datenbanken der Vereinten F&ouml;deration der Planeten"
class="text">LCARS DATABASE</acronym></a></li>
<li><a href="psf/" target="_top"
class="button"
><acronym title="PointedEars' Standard-Floskeln"
class="text">psf</acronym></a></li>
</ul>
<div style="position: relative; margin-bottom: 1em">
<div style="width: 8em; height: 1em; background-color: #999">&nbsp;</div>
<div style="position: absolute; top: 0; left: 8.2em; width: 2em; height: 1em; background-color: #999">&nbsp;</div>
<div style="position: absolute; top: 0; left: 10.4em; width: 5em; height: 1em; background-color: #999">&nbsp;</div>
</div>
<ul style="margin-bottom: 1.2em">
<li><a href="http://vspx27.stanford.edu/cgi-bin/main.py?qtype=userpage&amp;username=Thomas_Lahn"
target="_top" class="button"
title="Verteiltes Rechnen, um die Faltung und Anordnung von Proteinen und damit verbundener Krankheiten zu verstehen"
><span class="text">Folding at home</span></a></li>
<li><a href="http://setiathome.berkeley.edu/show_user.php?userid=378921"
target="_top" class="button"
title="Die Suche nach ausserirdischer Intelligenz von zuhause aus"
><span class="text">SETI at home</span></a></li>
</ul>
<div style="position: relative; margin-bottom: 0.2em">
<div style="width: 8em; height: 1em; background-color: #999">&nbsp;</div>
<div style="position: absolute; top: 0; left: 8.2em; width: 2em; height: 1em; background-color: #999">&nbsp;</div>
</div>
<script type="text/javascript" src="scripts/builder?src=object&amp;gzip=0"></script>
<script type="text/javascript">
var sURL = location.href;
var sFavAnchorTitle =
"Klicken Sie hier, um PointedEars' Website Ihren Favoriten"
+ " hinzuzufügen";
var sOtherAnchorTitle =
"Klicken Sie hier mit der rechten Maustaste, um PointedEars' Website"
+ " Ihren Lesezeichen hinzuzufügen";
var sFavoriteTitle = "PointedEars' Website";
Begin Ultimate Counter code-
<script type="text/javascript">
var h =
'<a target="_top"'
+ ' href="http://www.UltimateCounter.com/link.cgi?id=335700">'
+ '<img'
+ ' src="http://www.UltimateCounter.com/count/count.cgi?335700&amp;r='
+ escape(document.referrer);
if (navigator.appName != "Netscape"
|| typeof window.screen)
h +=
'&amp;d=' + (navigator.appName != 'Netscape'
? screen.colorDepth
: screen.pixelDepth)
+ '&amp;s=' + screen.width;
 
var now = new Date();
h +=
'&amp;t=' + now.getHours()
+ '&amp;j=' + navigator.javaEnabled()
+ '" border="0"><\/a>';
document.write(h);
</script>
<noscript>
<a
target="_top"
href="http://www.UltimateCounter.com/link.cgi?id=335700&amp;nojs=1"
><img
src="http://www.UltimateCounter.com/count/count.cgi?335700"
border="0"
alt=""
></a>
</noscript>
End Ultimate Counter code
Begin RealHomepageTools
<script type="text/javascript">
var id = 96384;
var ua = navigator.userAgent;
if (ua.indexOf('MSIE 3') > 0)
{
document.write(
'<img src="http://11.rtcode.com/netpoll/ifree'
+ 'v3.asp?id='
+ id
+ '&amp;js=1&amp;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=96384&amp;to=0"
alt="RealTracker">
</noscript>
End Tracker
<a
href="http://11.rtcode.com/netpoll/geefmening_de.htm?id=96384&amp;naam=LCARS+Deutsch&amp;url=http://pointedears.de/index-de.htm"
target="_top"
><img
src="http://11.rtcode.com/netpoll/netpoll.asp"
border="0"
alt="RealTracker Free"
width="150"
height="32"
></a>
</center>
--><!-- End RealHomepageTools -->
<!-- embed src="media/interface/speech/de/warten.wav" width="0" height="0"
hidden="true" autostart="true" dir="ltr" lang="de" -->
if (jsx.object.isHostMethod(jsx.global.window, "external", "AddFavorite"))
{
document.write(
'<a href="javascript:window.external.AddFavorite('
+ ' sURL, sFavoriteTitle);" title="' + sFavAnchorTitle + '"'
+ ' class="button"'
' onclick="window.external.AddFavorite('
+ ' sURL, sFavoriteTitle); return false"'
+ ' onmouseover="return(setStatus(sFavAnchorTitle));"'
+ ' onmouseout="return(resetStatus());"'
+ '><span class="text">Favorit<\/span><\/a>');
}
</script>
</div>
</div>
<div class="multi-display">
<div class="upper">
<div class="button" style="height: 3.8em">&nbsp;</div>
<div class="elbo">
<div class="concave">&nbsp;</div>
</div>
<div class="border">&nbsp;</div>
</div>
<div class="lower">
<div class="elbo">
<div class="concave">&nbsp;</div>
</div>
<div class="bg">&nbsp;</div>
<div class="border-container">
<div class="border">&nbsp;</div>
</div>
</div>
</div>
</div>
</body>
</html>
/trunk/styles/lcars22.css
0,0 → 1,738
@CHARSET "UTF-8";
 
/* Basic fonts */
 
@font-face {
font-family: "LCARS";
font-style: normal;
font-weight: normal;
src: local("LCARS"), url(fonts/LCARS.ttf);
}
 
/* EOT font created with WEFT on 2002-03-23 */
@font-face {
font-family: "Downloadable Haettenschweiler";
font-style: normal;
font-weight: normal;
src: url(fonts/HAETTEN0.eot), url(fonts/HAETTENS.ttf);
}
 
/*
@font-face {
font-family:Webdings;
font-style:normal;
font-weight:normal;
src:url(fonts/WEBDING0.eot);
}
*/
 
@font-face {
font-family: "Downloadable Zurich XCn BT";
font-style: normal;
font-weight: normal;
src: url(fonts/ZurichXCn.pfr);
}
 
/* Basic display */
 
* {
font-family: "LCARS",
Haettenschweiler, "Downloadable Haettenschweiler",
"Zurich XCn BT", "Downloadable Zurich XCn BT",
impact, Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight: normal;
}
 
body {
margin-top: 12em;
margin-left: 22em;
margin-right: 0.2em;
margin-bottom: 0.2em;
 
background-color: #000;
color: #99f;
font-size: 131%;
overflow: auto;
}
 
/* 0.0 to 1.0 s */
@-webkit-keyframes fade-in {
from {
opacity: 0;
}
 
/* at 0.25 s */
25% {
opacity: 0;
}
 
to {
opacity: 1;
}
}
 
body.fade-in {
/* TODO: Step-by-step display instead */
/*-webkit-animation-name: fade-in;*/
/* -webkit-animation-iteration-count: infinite; */
}
 
body.empty {
margin-left: 0.2em;
margin-bottom: 3em;
}
 
body.multi {
/* TODO from lcars21.css, use `em' instead */
}
 
#content {
/* position: relative; */
}
 
a {
text-decoration: none;
}
 
a:link:hover,
a:link:focus
{
background-color:#000;
color: #f90;
}
 
a:link:active {
background-color:#000;
color: #fff;
}
 
a:link {
background-color:#000;
color:#fc9;
}
 
a:visited:hover,
a:visited:focus
{
background-color:#000;
color:#f90;
}
 
a:visited:active {
background-color:black;
color:#fff;
}
 
a:hover,
a:focus,
a:active
{
text-decoration: underline;
}
 
a:visited {
background-color:black;
color:#c9c;
}
 
h2 {
background-color: #000;
color: #fff;
font-size: 136%;
}
 
p {
margin-top: 1em;
margin-bottom: 0;
line-height: 1.5;
text-align: justify;
}
 
li p {
line-height: normal;
}
 
p:first-child {
margin-top: 0;
}
 
.instruction {
background-color: #000;
color: #f90;
font-size: 136%;
}
 
/* Language support */
 
[lang^="x-vulcan-latin"] {
font-family: "URW Chancery L", "Matura MT Script Capitals",
Haettenschweiler, Haettens, "Zurich XCn BT", impact, Verdana,
Geneva, Arial, Helvetica, sans-serif;
}
 
/* Bow (main) and elbo (multi-view) */
 
#LCARS {
position: fixed;
left: 0;
top: 0;
right: 0;
padding: 0.2em;
background-color: #000;
z-index: 1701;
}
 
#bow {
position: absolute;
left: 0.2em;
top: 0.2em;
right: 0.2em;
height: 2.4em;
padding-bottom: 0.2em;
background-color: #000;
}
 
#bow-top {
/* NOTE: position: absolute is needed for animation */
position: absolute;
top: 0;
left: 0;
right: 0;
min-width: 15.4em;
height: 2em;
background-color: #999;
border-top-left-radius: 2.4em;
border-top-right-radius: 1.2em;
border-bottom-right-radius: 1.2em;
line-height: 0.9;
}
 
.empty #bow-top {
border-top-left-radius: 1.2em;
border-bottom-left-radius: 1.2em;
}
 
/* 0.0 to 1.0 s */
@-webkit-keyframes bow-top {
from {
left: 90%;
border-top-left-radius: 0;
}
}
.fade-in #bow-top {
-webkit-animation-name: bow-top;
-webkit-animation-duration: 1s;
-webkit-animation-timing-function: linear;
}
 
#bow-top .text {
position: absolute;
margin: 0;
left: 4.33em;
top: 0;
right: 0.65em;
height: 1em;
text-align: right;
color: #fc0;
font-size: 2.4em;
padding-right: 0.1em;
overflow: hidden;
text-overflow: ellipsis;
}
 
/* 0.0 to 1.0 s */
@-webkit-keyframes bow-top-text {
from {
opacity: 0;
}
/* shortly before 1.0 s */
99% {
opacity: 0;
}
}
 
.fade-in #bow-top .text {
-webkit-animation-name: bow-top-text;
-webkit-animation-duration: 1s;
-webkit-animation-timing-function: linear;
}
 
#bow-top .text span {
padding-right: 0.1em;
background-color: #000;
padding-left: 0.1em;
text-transform: uppercase;
white-space: nowrap;
}
 
.empty .separator-left {
position: absolute;
left: 2em;
height: 2em;
width: 0.25em;
background-color: #000;
}
 
.empty .separator-right {
position: absolute;
right: 2em;
height: 2em;
width: 0.25em;
background-color: #000;
}
 
#bow-top-left {
position: absolute;
top: 2em;
left: 0;
right: 0;
height: 3.2em;
width: 9.2em;
background-color: #999;
}
 
/* 0.0 to 1.25 s */
@-webkit-keyframes bow-top-left {
from {
height: 0;
}
 
/* at 1.0 s */
80% {
height: 0;
}
}
.fade-in #bow-top-left {
-webkit-animation-name: bow-top-left;
-webkit-animation-duration: 1.25s;
-webkit-animation-timing-function: linear;
}
 
.empty #bow-top-left {
display: none;
}
 
#bow-top-left .concave {
position: absolute;
top: 0;
left: 8em;
height: 3.2em;
width: 1.2em;
background-color: #000;
border-top-left-radius: 1.2em;
}
 
.empty #bow-top-left-concave {
display: none;
}
 
#bow .menu
{
position: absolute;
left: 0;
top: 5.4em;
width: 15.4em;
overflow: auto;
}
 
/* 0.0 to 2.25 s */
@-webkit-keyframes bow-menu {
from {
opacity: 0;
height: 0;
overflow: hidden;
}
 
/* at ca. 1.25 s */
55% {
opacity: 0;
}
 
56% {
opacity: 1;
height: 0;
overflow: hidden;
}
to {
height: auto;
}
}
 
.fade-in #bow .menu
{
-webkit-animation-name: bow-menu;
-webkit-animation-duration: 2.25s;
-webkit-animation-timing-function: linear;
}
 
#bow ul {
margin: 0 0.2em 0.5em 0;
padding: 0;
}
 
#bow li {
margin: 0;
}
 
#bow #bottom
{
position: fixed;
left: 0;
bottom: 0;
width: 20.8em;
height: 2.4em;
background-color: #000;
z-index: 1701;
}
 
#bow-bottom {
position: absolute;
bottom: 0.2em;
left: 0.2em;
width: 20.6em;
height: 2.4em;
border-bottom-left-radius: 2.4em;
border-bottom-right-radius: 2em;
background-color: #999;
}
 
.empty #bow-bottom {
display: none;
}
 
#bow-bottom .concave {
position: absolute;
margin-left: 0.2em;
margin-bottom: 0.2em;
bottom: 0.3em;
left: 7.8em;
height: 2.1em;
width: 7.6em;
border-bottom-left-radius: 1.2em;
border-bottom-right-radius: 1em;
background-color: #000;
}
 
.empty #bow-bottom-left-concave {
display: none;
}
 
.empty #footer-container {
position: fixed;
left: 0.2em;
bottom: 0;
right: 0.2em;
min-height: 2.4em;
padding-top: 0.2em;
padding-bottom: 0.2em;
background-color: #000;
}
 
.empty #footer {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 2em;
margin-bottom: 0.2em;
background-color: #999;
border-radius: 1.2em;
line-height: 0.8;
}
 
.empty #footer .text {
position: absolute;
bottom: 0;
left: 0.75em;
margin: 0 !important;
background-color: #000;
color: #fc0;
padding-top: 0.1em;
padding-left: 0.1em;
padding-right: 0.1em;
text-transform: uppercase;
font-size: 2.4em;
}
 
/* Controls */
 
.button:visited:hover,
.button:visited,
.button:hover,
.button
{
position: relative;
display: inline-block;
margin-right: 0.2em;
margin-bottom: 0.2em;
width: 5em;
height: 2em;
background-color: #7d7d7d; /* c9c */
color: #000 !important;
font-family: "LCARS",
Haettenschweiler, "Downloadable Haettenschweiler",
"Zurich XCn BT", "Downloadable Zurich XCn BT",
impact, Verdana, Geneva, Arial, Helvetica, sans-serif;
text-decoration: none !important;
text-transform: uppercase;
overflow: hidden;
cursor: pointer;
}
 
.button .text {
position: absolute;
bottom: 0;
right: 0.5em;
}
 
.button.command {
border-radius: 1.2em;
}
 
.button.command .text {
position: absolute;
bottom: 0;
right: 1em;
}
 
.button:hover,
.button:focus,
.button.selected:hover,
.button.selected:focus,
.group .button:hover,
.group .button:focus,
.group .button:visited:hover,
.group .button:visited:focus
{
background-color: #f90 !important;
color: #000 !important;
}
 
.button:active,
.button.selected:active,
.group .button:active,
.group .button:visited:active
{
background-color: #fff !important;
color: #000 !important;
}
 
#bow .button {
display: block;
width: 8em;
height: 1em;
line-height: 1;
background-color: #9cf;
color: #000 !important;
}
 
.multi-display
{
position: fixed;
top: 2.8em;
left: 15.8em;
right: 0em;
}
 
.multi-display .button
{
width: 5em !important;
}
 
.multi-display .upper
{
position: absolute;
top: 0;
left: 0;
right: 0;
height: 7.2em;
padding-bottom: 0.2em;
padding-right: 0.2em;
background-color: black;
}
 
.multi-display .upper .button
{
height: 3.8em;
background-color: #c9c !important;
}
 
.multi-display .upper .elbo
{
position: absolute;
left: 0;
top: 4em;
width: 6em;
height: 3.2em;
border-bottom-left-radius: 2em;
background-color: #9cf;
}
 
.multi-display .upper .elbo .concave
{
position: absolute;
left: 5em;
top: 0;
width: 1em;
height: 2.2em;
border-bottom-left-radius: 1em;
background-color: black;
}
 
.multi-display .upper .border
{
position: fixed;
top: 9em;
left: 21.8em;
right: 0.2em;
height: 1em;
background-color: #9cf;
}
.multi-display .lower
{
position: absolute;
top: 7.3em;
left: 0;
padding-top: 0.1em;
background-color: black;
}
 
.multi-display .lower .elbo
{
position: relative;
width: 6em;
height: 3em;
border-top-left-radius: 2em;
background-color: #fc6;
}
 
.multi-display .lower .elbo.database,
.multi-display .lower .bg.database,
.multi-display .lower .border
{
background-color: #c66;
}
 
.multi-display .lower .elbo .concave
{
position: absolute;
left: 5em;
top: 1em;
width: 1em;
height: 2em;
background-color: black;
border-top-left-radius: 1em;
}
 
.multi-display .lower .bg
{
position: fixed;
top: 13.4em;
bottom: 2.8em;
width: 5em;
background-color: #fc6;
}
 
.multi-display .lower .border-container
{
position: fixed;
top: 10.2em;
left: 21.8em;
right: 0em;
height: 1.2em;
background-color: black;
}
 
.multi-display .lower .border
{
position: absolute;
top: 0;
left: 0;
right: 0.2em;
height: 1em;
background-color: #fc6;
}
 
#bow .button.database {
background-color: #c66;
}
 
#bow .button .text {
position: static;
margin: 0 0.25em;
}
 
.button.selected {
background-color: #fc6 !important;
color: #000 !important;
}
 
.group {
margin: 0 auto;
position: relative;
width: 9em;
}
 
.group .separator {
float: left;
position: absolute;
margin-left: 14px;
width: 29px;
height: 100%;
background-color: #c66;
color: #000;
}
 
.group .separator:after {
position: absolute;
width: 18px;
height: 9px;
bottom: 3px;
left: 3px;
background-color: #000;
content: "\a0";
}
 
.group ul {
margin-left: 35px;
}
 
.group li {
margin-bottom: 4px;
}
 
.group .button:visited:hover,
.group .button:visited,
.group .button
{
position: relative;
background-color: #99f !important;
}
 
.group .button.right {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
 
.group .button.left {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
 
.group .button .key {
display: inline-block;
position: absolute;
left: 0.25em;
top: 0;
bottom: 0;
padding: 0 1px;
background-color: #000;
color: #f90;
font-size: 222%;
text-transform: uppercase;
}
Property changes:
Added: svn:mime-type
## -0,0 +1 ##
+text/plain
\ No newline at end of property
Index: trunk/index.html
===================================================================
--- trunk/index.html (revision 36)
+++ trunk/index.html (revision 37)
@@ -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>