WebSVN - LCARS - Diff - Rev 2 and 37

-<!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>
     <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">
     <!-- Robots: Language, Index, Subordinated Files, Description, Author,
          Keywords, Document Date -->
     <!--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 (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.">
-          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.">
+    <!-- <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))
           Text = String(Text);
         window.status = Text;
       /* 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>
-    <link rel="stylesheet" type="text/css" href="styles/lcars.css">
   </head>
-  <body bgcolor="#000000" text="#afbfe0"
+  <body class="fade-in empty">
-        link="#cfdfff" alink="#ffffff" vlink="#cfdfff">
-    <table border=0 align="center" width="100%" style="height:100%"
-      summary="Title">
-      <tr valign="middle">
+    <div id="LCARS">
-        <td align="center" colspan=2><img
-          src="media/video/img/vulcan_hand-black-bg.png"
-          width="120"
+      <div id="bow">
-          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"
+        <div id="bow-top">
-          onmouseover="return setStatus(this.title)"
+          <div class="separator-left">&nbsp;</div>
-          onmouseout="return resetStatus()"></td>
+          <h1 class="text">PointedEars’ Website</h1>
-      </tr>
+        </div>
-      <tr valign="top">
-        <td width="50%"><h1
+        <div id="bow-left">&nbsp;</div>
-          align="center">Welcome at PointedEars'&nbsp;Website</h1></td>
+        <div id="bow-left-concave">&nbsp;</div>
-        <td width="50%"><h1
-          align="center">Willkommen auf PointedEars'&nbsp;Website</h1></td>
-      </tr>
+      </div>
-      <tr align="center" valign="top">
+      <div id="footer-container">
-        <td>Select the language for the website to be displayed<br>
+        <div id="footer">
-            (you may easily toggle language later)</td>
+          <h2 class="text">Language Selection</h2>
-        <td>W&auml;hlen Sie die Sprache, in der die Website angezeigt werden
+          <div class="separator-right">&nbsp;</div>
-          soll<br>
+        </div>
-          (Sie k&ouml;nnen sp&auml;ter einfach zwischen den Sprachen
-          umschalten)</td>
+      </div>
-      </tr>
+    </div>
-      <tr align="center" valign="top">
+    <div id="content">
-        <td><a href="index.en.html" class="button">&nbsp;ENGLISH&nbsp;</a></td>
+      <div style="text-align: center"><img
-        <td><a href="index.de.html" class="button">&nbsp;DEUTSCH&nbsp;</a></td>
+        src="media/video/img/vulcan_hand-black-bg.png"
-      </tr>
+        width="120"
-      <tr align="center" valign="middle">
+        height="168"
-        <td colspan=2><hr size=1 width="100%" noshade><a
+        alt="Dif-tor&nbsp;heh&nbsp;smusma - Live&nbsp;long&nbsp;and&nbsp;prosper - Leben Sie&nbsp;lang&nbsp;und&nbsp;erfolgreich"
-          href="mailto:webmaster@PointedEars.de?subject=Feedback/LCARS/Welcome&amp;body=[Your%20feedback%20|%20Ihr%20Feedback]"
+        title="Dif-tor&nbsp;heh&nbsp;smusma - Live&nbsp;long&nbsp;and&nbsp;prosper - Leben Sie&nbsp;lang&nbsp;und&nbsp;erfolgreich"
-          title="Send your feedback to PointedEars"
+        border="0"
-          onmouseover="return mailStatus()"
+        onmouseover="return setStatus(this.title)"
-          onmouseout="return resetStatus()"
+        onmouseout="return resetStatus()"></div>
-          >Copyright &copy;&nbsp;2002&#8211;2008 <img
+      <ul id="greeting">
-            src="media/ani-mail.gif"
+        <li style="white-space: nowrap"><p style="text-align: center" lang="x-vulcan-latin">Dif-tor heh smusma</p></li>
-            width="14"
+        <li style="white-space: nowrap"><p style="text-align: center" lang="en">Live long and prosper</p></li>
-            height="15"
+        <li style="white-space: nowrap"><p style="text-align: center" lang="de">Leben Sie lang und erfolgreich</p></li>
-            alt=""
+      </ul>
-            border="0"
-            > Thomas&nbsp;Lahn. All rights reserved.</a><!--
-          <hr size=1 width="100%" noshade>
+      <ul style="text-align: center">
-            You are visitor no. | Sie sind Besucher Nr.
+        <li class="instruction" lang="en">Please select your language</li>
-          This site is supported by | Diese Site wird unterst&uuml;tzt von
+        <li class="instruction" lang="de">Bitte w&auml;hlen Sie Ihre Sprache</li>
-          <center>
+      </ul>
-           Begin RealHomepageTools
+      <div class="group">
-          <script type="text/javascript">
+        <div class="separator">&nbsp;</div>
-            var id=96382;
+        <ul style="text-align: center" id="languages">
-            var ua = navigator.userAgent;
+          <li><a href="index.en.html" class="button right" lang="en"
-            if(ua.indexOf('MSIE 3')>0)
+                 hreflang="en" accesskey="e"
-            {
-              document.write(
+                 ><span class="key">en</span> English</a></li>
-                  '<img src="http://11.rtcode.com/netpoll/ifree'
+          <li><a href="index.de.html" class="button right" lang="de"
-                + 'v3.asp?id='+id+'&js=1&to=0&ref='
+                 hreflang="de" accesskey="d"
-                + escape(document.referrer)
+                 onclick="return navigateTo(this)"
-                + '">');
+                 ><span class="key">de</span> Deutsch</a></li>
-            }
+        </ul>
-          </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
+        <div style="clear: both"><!--  --></div>
-            <a
+      </div>
-              href="http://11.rtcode.com/netpoll/geefmening_de.htm?id=96382&amp;naam=LCARS&amp;url=http://pointedears.de/"
-              target="_top"><img
+      <hr size=1 width="100%" noshade>
-                src="http://11.rtcode.com/netpoll/netpoll.asp"
+      <div style="text-align: center">Copyright &copy;&nbsp;2002&#8211;2012 <a
-                border="0"
+            href="mailto:webmaster@PointedEars.de?subject=Feedback/LCARS/Welcome&amp;body=[Your%20feedback%20|%20Ihr%20Feedback]"
-                alt="RealTracker Free"
+            title="Send your feedback to PointedEars"
-                width="150"
+            onmouseover="return mailStatus()"
-                height="32"
+            onmouseout="return resetStatus()"
-                ></a> End RealHomepageTools </center>
+            >Thomas ‘PointedEars’ Lahn.</a> All rights reserved.</div>
-        --></td>
-      </tr>
-    </table>
+    </div>
   </body>
 </html>

Subversion Repositories LCARS

(root)/trunk/index.html - Rev 2 → 37