WebSVN - LCARS - Diff - Rev 3 and 37

     <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-language" content="de">
     <meta http-equiv="Content-Script-Type" content="text/javascript">
     <meta http-equiv="Content-Style-Type" content="text/css">
     <meta http-equiv="expires" content="0">
     <!--meta name="DC.Format" content=""-->
     <meta name="DC.Identifier" content="http://pointedears.de/index-de.htm">
     <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)
+      {
         if (isNaN(Text)) Text = String(Text);
         + "; domain=anybody"
         + "; path=/";
       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"
+  <body class="fade-in">
-        link="#cfdfff" alink="#ffffff" vlink="#cfdfff"
-        style="padding-top:10px; text-align:center">
+    <div id="content">
-    <!--a href="main.htm"-->
+      <!--a href="main.htm"-->
-    <h1 align="center"><img
+      <h1 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 - Leben&nbsp;Sie&nbsp;lange&nbsp;und&nbsp;gl&uuml;cklich"
+            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"
+            title="Dif-tor&nbsp;heh&nbsp;smusma - Leben&nbsp;Sie&nbsp;lange&nbsp;und&nbsp;gl&uuml;cklich"
-          border="0"
+            border="0"
-          onmouseover="return setStatus(this.title)"
+            onmouseover="return setStatus(this.title)"
-          onmouseout="return resetStatus()"><br>
+            onmouseout="return resetStatus()"><br>
-      Willkommen auf PointedEars' Website</h1>
+        Willkommen auf PointedEars’ Website</h1>
-    <p><a
+      <p>
-      href="index.en.html"
-      class="button"
-      title="zur englischen Version"
-      >&nbsp;ENGLISH&nbsp;</a></p>
-    <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"
+        | <a href="leisure/" target="_top"
-          >Freizeit-Datenbank</a>
+            >Freizeit-Datenbank</a>
-      | <a href="mozilla/" target="_top">Mozilla</a>
+        | <a href="mozilla/" target="_top">Mozilla</a>
-      | <a href="poetry/" target="_top">Poesie</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";
-      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><!--
-    <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>
-      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"
+        | [<abbr title="nur in englischer Sprache verf&uuml;gbar"
-            || typeof window.screen)
+                 >en</abbr>]
-          h +=
+  <!--
-              '&amp;d=' + (navigator.appName != 'Netscape'
+        | <a href="selfhtml.de/" target="_top">SELFHTML.DE</a>
+  -->
-                        ? screen.colorDepth
+  <!--
-                        : screen.pixelDepth)
+        | <a href="lyrics/" target="_top">Songbook</a>
-            + '&amp;s=' + screen.width;
+  -->
-        var now = new Date();
-        h +=
+        | </p>
-            '&amp;t=' + now.getHours()
+              <!--
-          + '&amp;j=' + navigator.javaEnabled()
+      <p><a href="about/worm.de.html" target="_top"
-          + '" border="0"><\/a>';
+            >Seltsame E-Mails bekommen?</a></p>
-        document.write(h);
-      </script>
+               -->
-      <noscript>
+      <noscript>
-        <a
+        <a
-          target="_top"
+          href="http://pointedears.de/"
-          href="http://www.UltimateCounter.com/link.cgi?id=335700&amp;nojs=1"
-          ><img
+          title="PointedEars' Website"
-            src="http://www.UltimateCounter.com/count/count.cgi?335700"
+          >Diese Website zu Ihren Lesezeichen hinzuf&uuml;gen</a>
-            border="0"
-            alt=""
-            ></a>
-      </noscript>
+      </noscript>
+      <!-- Klicken Sie hier, falls Sie nach 5 Sekunden nicht automatisch
-      End Ultimate Counter code
+           weitergeleitet werden. -->
-       Begin RealHomepageTools
+      <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());"
-      <script type="text/javascript">
+        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>
+        <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; 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>
-        var id = 96384;
+      <div id="bow">
-        var ua = navigator.userAgent;
+        <div id="bow-top">
-        if (ua.indexOf('MSIE 3') > 0)
+          <div class="separator-left">&nbsp;</div>
+          <h1 class="text"><span>PointedEars’ Website</span></h1>
-        {
+        </div>
-          document.write(
+        <div id="bow-top-left">
-              '<img src="http://11.rtcode.com/netpoll/ifree'
+          <div class="concave">&nbsp;</div>
-            + 'v3.asp?id='
+        </div>
-            + id
+        <div id="bottom">
-            + '&amp;js=1&amp;to=0&ref='
+          <div id="bow-bottom">
-            + escape(document.referrer)
+            <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>
-      </script>
+          <ul>
-      <script type="text/javascript" src="scripts/realtracker.js"></script>
+            <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>
-      <noscript>
+          </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>
-        <img
+          </ul>
+          <ul style="margin-bottom: 0.2em">
-          src="http://11.rtcode.com/netpoll/ifreev3.asp?id=96384&amp;to=0"
+            <li><a href="ufpdb/index.de.php" target="_top" class="button database"
-          alt="RealTracker">
+                   ><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>
-        </noscript>
+          </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>
-       End Tracker
+          </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>
-      <a
+          </ul>
+          <div style="position: relative; margin-bottom: 0.2em">
+            <div style="width: 8em; height: 1em; background-color: #999">&nbsp;</div>
-        href="http://11.rtcode.com/netpoll/geefmening_de.htm?id=96384&amp;naam=LCARS+Deutsch&amp;url=http://pointedears.de/index-de.htm"
+            <div style="position: absolute; top: 0; left: 8.2em; width: 2em; height: 1em; background-color: #999">&nbsp;</div>
-        target="_top"
+          </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";
+            if (jsx.object.isHostMethod(jsx.global.window, "external", "AddFavorite"))
-        ><img
+            {
+              document.write(
+                  '<a href="javascript:window.external.AddFavorite('
+                + ' sURL, sFavoriteTitle);" title="' + sFavAnchorTitle + '"'
+                + ' class="button"'
+                  ' onclick="window.external.AddFavorite('
-          src="http://11.rtcode.com/netpoll/netpoll.asp"
+                + ' sURL, sFavoriteTitle); return false"'
+                + ' onmouseover="return(setStatus(sFavAnchorTitle));"'
+                + ' onmouseout="return(resetStatus());"'
+                + '><span class="text">Favorit<\/span><\/a>');
+            }
-          border="0"
+          </script>
+        </div>
+      </div>
-          alt="RealTracker Free"
+      <div class="multi-display">
-          width="150"
+        <div class="upper">
+          <div class="button" style="height: 3.8em">&nbsp;</div>
-          height="32"
+          <div class="elbo">
+            <div class="concave">&nbsp;</div>
-          ></a>
+          </div>
+          <div class="border">&nbsp;</div>
-    </center>
+        </div>
+        <div class="lower">
-    --><!-- End RealHomepageTools -->
+          <div class="elbo">
-    <!-- embed src="media/interface/speech/de/warten.wav" width="0" height="0"
+            <div class="concave">&nbsp;</div>
+          </div>
+          <div class="bg">&nbsp;</div>
+          <div class="border-container">
-    hidden="true" autostart="true" dir="ltr" lang="de" -->
+            <div class="border">&nbsp;</div>
+          </div>
+        </div>
+      </div>
+    </div>
   </body>
 </html>

Subversion Repositories LCARS

(root)/trunk/index.de.html @ 38 - Rev 3 → 37