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">
+    <div id="LCARS">
+      <div id="bow">
+        <div id="bow-top">
-        link="#cfdfff" alink="#ffffff" vlink="#cfdfff">
+          <div class="separator-left">&nbsp;</div>
-    <table border=0 align="center" width="100%" style="height:100%"
+          <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">
-      summary="Title">
+        <div id="footer">
+          <h2 class="text">Language Selection</h2>
+          <div class="separator-right">&nbsp;</div>
+        </div>
+      </div>
+    </div>
-      <tr valign="middle">
+    <div id="content">
-        <td align="center" colspan=2><img
+      <div style="text-align: center"><img
-          src="media/video/img/vulcan_hand-black-bg.png"
+        src="media/video/img/vulcan_hand-black-bg.png"
-          width="120"
+        width="120"
-          height="168"
+        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"
+        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&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 Sie&nbsp;lang&nbsp;und&nbsp;erfolgreich"
-          border="0"
+        border="0"
-          onmouseover="return setStatus(this.title)"
+        onmouseover="return setStatus(this.title)"
-          onmouseout="return resetStatus()"></td>
+        onmouseout="return resetStatus()"></div>
-      </tr>
+      <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>
-      <tr valign="top">
+      </ul>
-        <td width="50%"><h1
+      <ul style="text-align: center">
-          align="center">Welcome at PointedEars'&nbsp;Website</h1></td>
+        <li class="instruction" lang="en">Please select your language</li>
-        <td width="50%"><h1
-          align="center">Willkommen auf PointedEars'&nbsp;Website</h1></td>
+        <li class="instruction" lang="de">Bitte w&auml;hlen Sie Ihre Sprache</li>
-      </tr>
+      </ul>
-      <tr align="center" valign="top">
+      <div class="group">
-        <td>Select the language for the website to be displayed<br>
+        <div class="separator">&nbsp;</div>
-            (you may easily toggle language later)</td>
+        <ul style="text-align: center" id="languages">
-        <td>W&auml;hlen Sie die Sprache, in der die Website angezeigt werden
+          <li><a href="index.en.html" class="button right" lang="en"
-          soll<br>
+                 hreflang="en" accesskey="e"
-          (Sie k&ouml;nnen sp&auml;ter einfach zwischen den Sprachen
+                 ><span class="key">en</span> English</a></li>
-          umschalten)</td>
+          <li><a href="index.de.html" class="button right" lang="de"
-      </tr>
+                 hreflang="de" accesskey="d"
-      <tr align="center" valign="top">
+                 onclick="return navigateTo(this)"
-        <td><a href="index.en.html" class="button">&nbsp;ENGLISH&nbsp;</a></td>
+                 ><span class="key">de</span> Deutsch</a></li>
+        </ul>
-        <td><a href="index.de.html" class="button">&nbsp;DEUTSCH&nbsp;</a></td>
+        <div style="clear: both"><!--  --></div>
-      </tr>
+      </div>
-      <tr align="center" valign="middle">
+      <hr size=1 width="100%" noshade>
-        <td colspan=2><hr size=1 width="100%" noshade><a
+      <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]"
+            href="mailto:webmaster@PointedEars.de?subject=Feedback/LCARS/Welcome&amp;body=[Your%20feedback%20|%20Ihr%20Feedback]"
-          title="Send your feedback to PointedEars"
+            title="Send your feedback to PointedEars"
-          onmouseover="return mailStatus()"
+            onmouseover="return mailStatus()"
-          onmouseout="return resetStatus()"
+            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><!--
+            >Thomas ‘PointedEars’ Lahn.</a> All rights reserved.</div>
-          <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>
+    </div>
   </body>
 </html>

Subversion Repositories LCARS

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