New language-independent and German homepage using new LCARS stylesheet
/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–2008 Thomas Lahn. Alle Rechte vorbehalten. Der Autor ist nicht verantwortlich für die Verfügbarkeit und den Inhalt der Webseiten, auf die durch diese Site verwiesen wird, und nicht verantwortlich für die Verfü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ü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 heh smusma - Leben Sie lange und glücklich" |
title="Dif-tor heh smusma - Leben Sie lange und glü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 heh smusma - Leben Sie lange und glücklich" |
title="Dif-tor heh smusma - Leben Sie lange und glü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ü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" |
> ENGLISH </a></p> |
<noscript> |
<a |
href="http://pointedears.de/" |
title="PointedEars' Website" |
>Diese Website zu Ihren Lesezeichen hinzufügen</a> |
</noscript> |
<!-- Klicken Sie hier, falls Sie nach 5 Sekunden nicht automatisch |
weitergeleitet werden. --> |
<hr size="1" width="100%" noshade> |
<p>Copyright © 2002–2012 <a |
href="mailto:webmaster@PointedEars.de?subject=Feedback/LCARS/Welcome/de&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&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ügbar" |
>en</abbr>] <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ö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ügen<\/a>'); |
else |
document.write( |
'<a href="' + sURL + '"' |
+ ' title="PointedEars\' Website"' |
+ ' onmouseover="return(setStatus(sOtherAnchorTitle));"' |
+ ' onmouseout="return(resetStatus());"' |
+ '>Diese Website zu Lesezeichen hinzufügen<\/a>'); |
</script> |
<noscript> |
<a |
href="http://pointedears.de/" |
title="PointedEars' Website" |
>Diese Website zu Ihren Lesezeichen hinzufü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&body=[Ihr%20Feedback]" |
title="Senden Sie eine Feedback E-Mail an PointedEars" |
onmouseover="return(mailStatus());" |
onmouseout="return(resetStatus());" |
>Copyright © 2002–2008 <img |
src="media/ani-mail.gif" |
width="14" |
height="15" |
alt="" |
border="0"> Thomas 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ü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"> </div> |
<h1 class="text"><span>PointedEars’ Website</span></h1> |
</div> |
<div id="bow-top-left"> |
<div class="concave"> </div> |
</div> |
<div id="bottom"> |
<div id="bow-bottom"> |
<div class="concave"> </div> |
</div> |
</div> |
<div class="menu"> |
<div style="position: relative; margin-bottom: 1.2em"> |
<div style="width: 8em; height: 1em; background-color: #999"> </div> |
<div style="position: absolute; top: 0; left: 8.2em; width: 2em; height: 1em; background-color: #999"> </div> |
<div style="position: absolute; top: 0; left: 10.4em; width: 5em; height: 1em; background-color: #999"> </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"> </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ö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"> </div> |
<div style="position: absolute; top: 0; left: 8.2em; width: 2em; height: 1em; background-color: #999"> </div> |
<div style="position: absolute; top: 0; left: 10.4em; width: 5em; height: 1em; background-color: #999"> </div> |
</div> |
<ul style="margin-bottom: 1.2em"> |
<li><a href="http://vspx27.stanford.edu/cgi-bin/main.py?qtype=userpage&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"> </div> |
<div style="position: absolute; top: 0; left: 8.2em; width: 2em; height: 1em; background-color: #999"> </div> |
</div> |
<script type="text/javascript" src="scripts/builder?src=object&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&r=' |
+ escape(document.referrer); |
if (navigator.appName != "Netscape" |
|| typeof window.screen) |
h += |
'&d=' + (navigator.appName != 'Netscape' |
? screen.colorDepth |
: screen.pixelDepth) |
+ '&s=' + screen.width; |
var now = new Date(); |
h += |
'&t=' + now.getHours() |
+ '&j=' + navigator.javaEnabled() |
+ '" border="0"><\/a>'; |
document.write(h); |
</script> |
<noscript> |
<a |
target="_top" |
href="http://www.UltimateCounter.com/link.cgi?id=335700&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 |
+ '&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=96384&to=0" |
alt="RealTracker"> |
</noscript> |
End Tracker |
<a |
href="http://11.rtcode.com/netpoll/geefmening_de.htm?id=96384&naam=LCARS+Deutsch&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"> </div> |
<div class="elbo"> |
<div class="concave"> </div> |
</div> |
<div class="border"> </div> |
</div> |
<div class="lower"> |
<div class="elbo"> |
<div class="concave"> </div> |
</div> |
<div class="bg"> </div> |
<div class="border-container"> |
<div class="border"> </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: index.html |
=================================================================== |
--- index.html (revision 36) |
+++ 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–2008 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."> |
+ content="Copyright (c) 2002–2012 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."> |
+ <!-- <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 heh smusma - Live long and prosper - Leben Sie lange und glücklich" |
- title="Dif-tor heh smusma - Live long and prosper - Leben Sie lange und glü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' Website</h1></td> |
- <td width="50%"><h1 |
- align="center">Willkommen auf PointedEars' 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ählen Sie die Sprache, in der die Website angezeigt werden |
- soll<br> |
- (Sie können später einfach zwischen den Sprachen |
- umschalten)</td> |
- </tr> |
- <tr align="center" valign="top"> |
- <td><a href="index.en.html" class="button"> ENGLISH </a></td> |
- <td><a href="index.de.html" class="button"> DEUTSCH </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&body=[Your%20feedback%20|%20Ihr%20Feedback]" |
- title="Send your feedback to PointedEars" |
- onmouseover="return mailStatus()" |
- onmouseout="return resetStatus()" |
- >Copyright © 2002–2008 <img |
- src="media/ani-mail.gif" |
- width="14" |
- height="15" |
- alt="" |
- border="0" |
- > Thomas 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ü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&to=0" |
- alt="RealTracker"></noscript> End Tracker |
- <a |
- href="http://11.rtcode.com/netpoll/geefmening_de.htm?id=96382&naam=LCARS&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"> </div> |
+ <h1 class="text">PointedEars’ Website</h1> |
+ </div> |
+ <div id="bow-left"> </div> |
+ <div id="bow-left-concave"> </div> |
+ </div> |
+ <div id="footer-container"> |
+ <div id="footer"> |
+ <h2 class="text">Language Selection</h2> |
+ <div class="separator-right"> </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 heh smusma - Live long and prosper - Leben Sie lang und erfolgreich" |
+ title="Dif-tor heh smusma - Live long and prosper - Leben Sie lang und 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ählen Sie Ihre Sprache</li> |
+ </ul> |
+ |
+ <div class="group"> |
+ <div class="separator"> </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 © 2002–2012 <a |
+ href="mailto:webmaster@PointedEars.de?subject=Feedback/LCARS/Welcome&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> |