WebSVN - LCARS - Diff - Rev 39 and 43

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 <html lang="de">
   <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=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">
     <!-- Robots: Language, Index, Subordinated Files, Description, Author,
          Keywords, Document Date -->
     <meta name="robots" content="index">
     <meta name="robots" content="follow">
     <meta name="description"
           content="PointedEars' Website: Zugriff auf die Datenbanken der Vereinten F&ouml;deration der Planeten, ein Online-Songbook und Software-Downloads, die immer einen Klick wert sind. Bald gibt es hier auch die besten Internet-Links kategorisiert und vieles mehr &uuml;ber eine zweisprachige (englisch/deutsche) Benutzeroberfl&auml;che im Stil eines LCARS-Terminals, welche auch dazu verwendet werden kann, anonym im Web zu surfen! F&uuml;gen Sie die Seite JETZT zu ihren Bookmarks hinzu!">
     <meta name="author" content="PointedEars, PointedEars Software (PES)">
     <!-- No localization of keywords at the time -->
     <meta name="keywords"
           http-equiv="Keywords"
           content="Appz, Download, Links, LCARS, Star Trek, TNG, The Next Generation, DS9, Deep Space 9, Deep Space Nine, VOY, Voyager, UFP, Federation, United Federation of Planets, Database, Databank, Song, Songbook, Surf, anonymously, Raumschiff Enterprise, DNG, Die n&auml;chste Generation, VFP, F&ouml;deration, Vereinte F&ouml;deration der Planeten, Datenbasis, Datenbank, Lied, Liedtext, surfen, anonym">
     <!--meta name="keywords" http-equiv="Keywords" lang="de" content=""-->
     <!--meta name="keywords" http-equiv="Keywords" lang="en-us" content=""-->
     <!--meta name="keywords" http-equiv="Keywords" lang="en" content=""-->
     <meta name="date" content="2002-05-23T10:56:00+02:00">
     <meta name="revisit-after" content="3 days">
     <!-- Robots: Dublin Core Metadata (http://purl.org/metadata/dublin_core) -->
     <meta name="DC.Title" content="PointedEars' Website">
     <meta name="DC.Creator" content="PointedEars, PointedEars Software (PES)">
     <meta name="DC.Subject" content="Private Homepage">
     <meta name="DC.Description"
           content="PointedEars' Website: Zugriff auf die Datenbanken der Vereinten F&ouml;deration der Planeten, ein Online-Songbook und Software-Downloads, die immer einen Klick wert sind. Bald gibt es hier auch die besten Internet-Links kategorisiert und vieles mehr &uuml;ber eine zweisprachige (englisch/deutsche) Benutzeroberfl&auml;che im Stil eines LCARS-Terminals, welche auch dazu verwendet werden kann, anonym im Web zu surfen! F&uuml;gen Sie die Seite JETZT zu ihren Bookmarks hinzu!">
     <meta name="DC.Publisher" content="PointedEars">
     <meta name="DCTERMS.created" content="2002-05-23">
     <meta name="DCTERMS.modified" content="2008-12-08T20:57+0100">
     <!--meta name="DC.Type" content=""-->
     <!--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);
         window.status = Text;
         return true;
+      }
       function resetStatus()
+      {
         window.status = window.defaultStatus;
         return true;
+      }
       function mailStatus()
+      {
         return setStatus("Senden Sie eine Feedback E-Mail an PointedEars");
+      }
       /*
       var ms1Day = 60*60*24*1000; // ms for 1 days = 60sec*60min*24hours*1000ms
       var msLeaveDays = ms1Day*6;
       var ms30Days=ms1Day*30;
       var delta;
       var newTime=new Date();
       var msTime=newTime.getTime();
       var msExpire=msTime+ms30Days;
       var expireTime=new Date(msExpire);
       cookieVal=
           "savedTime=" + newTime.toGMTString()
         + "; expires=" + expireTime.toGMTString()
         + "; domain=anybody"
         + "; path=/";
       document.cookie= cookieVal;
       */
     </script>
     <!-- bgsound src="media/interface/sound/beginop.wav" loop="infinite" -->
   </head>
   <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="Vulcan greeting"
             title=""
             border="0"
             onmouseover="return setStatus(this.title)"
             onmouseout="return resetStatus()"><br>
         Willkommen auf PointedEars’ Website</h1>
-      <p>
   <!--
+      <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>
                -->
       <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>
         <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>
       <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 class="spacer">&nbsp;</div>
         </div>
         </div>
+        <div class="menu-container">
-        <div class="menu">
+          <div class="menu">
-          <div style="position: relative; margin-bottom: 1.2em">
+              <div style="position: relative; margin-bottom: 1.2em">
-            <div style="width: 8em; height: 1em; background-color: #999">&nbsp;</div>
+                <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: 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 style="position: absolute; top: 0; left: 10.4em; width: 5em; height: 1em; background-color: #999">&nbsp;</div>
+                 -->
-          </div>
+              </div>
-          <ul>
+              <ul>
-          <?php foreach ($languages as $key => $name): ?>
+              <?php foreach ($languages as $key => $name): ?>
-            <li><a href="index.<?php echo $key; ?>" class="button<?php if ($language === $key) { ?> selected<?php } ?>" tabindex="1"><span class="text"><?php echo $name; ?></span></a></li>
+                <li><a href="index.<?php echo $key; ?>" class="button<?php if ($language === $key) { ?> selected<?php } ?>" tabindex="1"><span class="text"><?php echo $name; ?></span></a></li>
-          <?php endforeach; ?>
+              <?php endforeach; ?>
-          </ul>
+              </ul>
-          <div style="margin-bottom: 0.4em; width: 8em; height: 0.4em; background-color: #999">&nbsp;</div>
+              <div style="margin-bottom: 0.4em; width: 8em; height: 0.4em; background-color: #999">&nbsp;</div>
-          <ul style="margin-bottom: 1.2em">
+              <ul style="margin-bottom: 1.2em">
-            <li><a href="<?php echo $menu['scripts']['path']; ?>" target="_top" class="button"><span class="text"><?php echo $menu['scripts']['text']; ?></span></a></li>
+                <li><a href="<?php echo $menu['scripts']['path']; ?>" target="_top" class="button"><span class="text"><?php echo $menu['scripts']['text']; ?></span></a></li>
-            <li><a href="<?php echo $menu['devel']['path']; ?>" target="_top" class="button"><span class="text"><?php echo $menu['devel']['text']; ?></span></a></li>
+                <li><a href="<?php echo $menu['devel']['path']; ?>" target="_top" class="button"><span class="text"><?php echo $menu['devel']['text']; ?></span></a></li>
-          </ul>
+              </ul>
-          <ul style="margin-bottom: 0.2em">
+              <ul style="margin-bottom: 0.2em">
+                <li><a href="<?php echo $menu['series']['path']; ?>" target="_top" class="button secondary"
+                       title="List of recommended TV shows and episodes, with logos in CSS"
+                       ><span class="text"><?php echo $menu['series']['text']; ?></span></a></li>
-            <li><a href="<?php echo $menu['ufpdb']['path']; ?>" target="_top" class="button database"
+                <li><a href="<?php echo $menu['ufpdb']['path']; ?>" target="_top" class="button database"
-                   ><acronym
+                       ><acronym
-                title="United Federation of Planets DataBase -- Datenbanken der Vereinten F&ouml;deration der Planeten"
+                    title="United Federation of Planets DataBase -- Datenbanken der Vereinten F&ouml;deration der Planeten"
-                class="text"><?php echo $menu['ufpdb']['text']; ?></acronym></a></li>
+                    class="text"><?php echo $menu['ufpdb']['text']; ?></acronym></a></li>
-            <li><a href="psf/" target="_top"
+                <li><a href="psf/" target="_top"
-               class="button"
+                   class="button ancillary"
-               ><acronym title="PointedEars' Standard-Floskeln"
+                   ><acronym title="PointedEars' Standard-Floskeln"
-                         class="text">psf</acronym></a></li>
+                             class="text">psf</acronym></a></li>
-          </ul>
+              </ul>
-          <div style="position: relative; margin-bottom: 1.2em">
+              <div style="position: relative; margin-bottom: 1.2em">
-            <div style="width: 8em; height: 0.8em; background-color: #999">&nbsp;</div>
+                <div style="width: 8em; height: 0.8em; background-color: #999">&nbsp;</div>
+                <!--
-            <div style="position: absolute; top: 0; left: 8.2em; width: 2em; height: 0.8em; background-color: #999">&nbsp;</div>
+                <div style="position: absolute; top: 0; left: 8.2em; width: 2em; height: 0.8em; background-color: #999">&nbsp;</div>
-            <div style="position: absolute; top: 0; left: 10.4em; width: 5em; height: 0.8em; background-color: #999">&nbsp;</div>
+                <div style="position: absolute; top: 0; left: 10.4em; width: 5em; height: 0.8em; background-color: #999">&nbsp;</div>
+                 -->
+              </div>
+              <ul>
+                <li><a href="http://vspx27.stanford.edu/cgi-bin/main.py?qtype=userpage&amp;username=Thomas_Lahn"
+                   target="_top" class="button secondary"
+                   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 secondary"
+                   title="Die Suche nach ausserirdischer Intelligenz von zuhause aus"
+                   ><span class="text">SETI at home</span></a></li>
+              </ul>
+              <!--
+              <script type="text/javascript" src="scripts/builder?src=object"></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"))
+                {
+                  document.write(
+                      '<div style="position: relative; margin-top: 1em; border-bottom: 0.2em solid transparent">'
+                    + '  <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>'
+                    + '<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>
-          <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>
-          <!--
-          <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"))
-            {
-              document.write(
-                  '<div style="position: relative; border-bottom: 0.2em solid transparent">'
-                + '  <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>'
-                + '<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 style="width: 8em; background-color: #999; position: fixed; z-index: 1701; bottom: 2.8em; left: 0.2em; top: 22.2em;"
-             >&nbsp;</div>
-      </div>
-      <div class="multi-display">
+        <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>

Subversion Repositories LCARS

(root)/trunk/index.phtml - Rev 39 → 43