WebSVN - LCARS - Diff - Rev 145 and 146


<!DOCTYPE html>
<html lang="<?php echo $language; ?>">
  <head>
    <title>Home — PointedEars’ Website</title>

    <link rel="SHORTCUT ICON" href="favicon.ico">

    <!-- Browsers: Character Encoding -->
    <meta charset="UTF-8">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">

    <!-- Robots: Index, Subordinated Files, Description, Author,
         Keywords, Document Date -->
    <meta name="robots" content="index">
    <meta name="robots" content="follow">
<?php /*
    <meta name="description"
          content="PointedEars' Website: <?php
            $description = _("Access to the United Federation of Planets Databanks, an online songbook and software downloads always worth a click. Coming soon: The best internet links categorized and much more via a bilingual (English/German) LCARS terminal styled user interface that can be also used to surf the web anonymously! Bookmark NOW!");
            echo $description;
            ?>">
*/ ?>
    <meta name="author" content="Thomas ‘PointedEars’ Lahn">

    <?php /* No localization of keywords at the time */ ?>
    <meta name="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">
<?php /*
    <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="revisit-after" content="3 days">

    <!-- Robots: Dublin Core Metadata (http://purl.org/metadata/dublin_core) -->
    <meta name="dcterms.title" content="PointedEars’ Website">
    <meta name="dcterms.creator" content="Thomas ‘PointedEars’ Lahn">
    <meta name="dcterms.subject" content="Private Web site">
<?php /*
    <meta name="dcterms.description"
          content="PointedEars' Website: <?php echo $description; ?>">
*/ ?>
    <meta name="dcterms.publisher" content="PointedEars">
    <meta name="dcterms.date" content="2002-05-23T10:56:00+02:00">
    <meta name="dcterms.created" content="2002-05-23">
    <meta name="dcterms.modified" content="<?php echo gmdate('Y-m-dTH:i:sO', $modi); ?>">
<?php /*
    <meta name="dcterms.type" content="">
    <meta name="dcterms.format" content="">
*/ ?>
    <meta name="dcterms.identifier" content="http://pointedears.de/index.<?php echo $language; ?>">
    <meta name="dcterms.language" content="<?php echo $language; ?>">
    <meta name="dcterms.rightsHolder"
          content="Copyright © 2002&#8211;<?php echo gmdate('Y', $modi); ?> Thomas&nbsp;Lahn.">
    <meta name="dcterms.rights"
          content="<?php echo _("All rights reserved."); ?> <?php echo _("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 asked 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."); ?>">

<?php /*
    <!-- <link rel="stylesheet" type="text/css" href="styles/lcars.css"> -->
    <!-- <link rel="stylesheet" type="text/css" href="styles/lcars21.css"> -->
    <!-- No optimization here: IE 9 in non-Compatibility Mode sends "Accept: text/css",
         Apache responds with 406:
         http://blog.s9y.org/archives/227-ie9-has-trouble-with-css-content-types.html -->
*/ ?>
    <link rel="stylesheet" type="text/css" href="styles/lcars-basic">
<?php
  $isLocal = ($_SERVER['HTTP_HOST'] === 'localhost');
  $printable = (isset($_GET['printable']) && $_GET['printable'] === '1');
  if (!$printable)
  {
?>
    <link rel="stylesheet" type="text/css" href="styles/lcars22<?php
      if (isset($_GET['ani']) && $_GET['ani'] !== '')
      {
        echo '?ani=' . $_GET['ani'];
      }
    ?>">
<?php
  }
?>
    <style type="text/css">
      <!--
      p {
        max-width: 100%;
      }
      -->
    </style>

    <script type="text/javascript" src="scripts/builder?src=object,dom,dom/storage,dom/events,dom/timeout,dom/window<?php
      if ($isLocal)
      {
        ?>&amp;verbose=1&amp;debug=1<?php
      }
    ?>"></script>
    <script type="text/javascript">
<?php
      /*
      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;
      */
?>
      function body_load ()
      {
        if (typeof this.ontouchstart != 'undefined')
        {
          this.ontouchstart = function () {};
        }

        if (fullscreen.isSupportedBy(document.documentElement))
        {
          var fullscreenLI = jsx.dom.getElementById("cmd3");
          fullscreenLI.firstChild.style.cursor = "";
        }
      }
    </script>
    <?php /* <bgsound src="media/interface/sound/beginop.wav" loop="infinite"> */ ?>
  </head>
  <body class="fade-in" onload="body_load()">
    <div id="content">
      <h1 style="text-align: center"><img
            src="media/video/img/vulcan_hand-black-bg.png"
            width="120"
            height="168"
            alt="<?php echo _("Vulcan greeting"); ?>"
            title="<?php echo _("Vulcan greeting"); ?>"
            style="border: none; cursor: default"
            onmouseover="return setStatus(this.title)"
            onmouseout="return resetStatus()"><br>
        <?php echo _("Welcome to PointedEars’ Website"); ?></h1>
<?php
  if (!$printable)
  {
?>
      <p class="instruction" style="font-size: 100%; text-align: center"><?php
        echo sprintf(
          _("This site uses recent <a href='https://developer.mozilla.org/en-US/docs/'"
            . " title='Learn more: Mozilla Developer Network'>Web technologies</a>."
            . " You can use the <a href='index.%s?printable=1'>%s</a>"
            . " if it is not displayed properly with your software."),
          $language,
          _('Printable version'));
        ?></p>
<?php
  }

  /*
      <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. -->
*/
?>
<?php
  $app = "Welcome/$language";
  require_once 'footer.phtml';
      /* embed src="media/interface/speech/de/warten.wav" width="0" height="0"
      hidden="true" autostart="true" dir="ltr" lang="de" */
?>
    </div>
    <div id="LCARS">
<?php /*
      <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>
          <div class="text"><span>PointedEars’ Website</span></div>
        </div>
        <div id="bow-top-left">
          <div class="concave">&nbsp;</div>
          <div style="position: absolute; top: 3.2em; left: 0; background-color: black">
            <div class="bow" style="margin-top: 0.2em; width: 8em; height: 1em">&nbsp;</div>
          </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">
          <nav class="menu">
            <ul style="padding-top: 1em">
            <?php foreach ($languages as $key => $name): ?>
              <li><a href="index.<?php echo $key; ?>?ani=0"
                     class="button<?php if ($language === $key) { ?> selected<?php } ?>"
                     tabindex="2"><span class="text"><?php echo $name; ?></span></a></li>
            <?php endforeach; ?>
            </ul>
            <div class="bow" style="margin-bottom: 0.4em; width: 8em; height: 0.4em">&nbsp;</div>
            <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['es-matrix']['path']; ?>" target="_top" class="button"
                     title="<?php echo $menu['es-matrix']['title']; ?>"
                     ><span class="text"><?php echo $menu['es-matrix']['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 style="margin-bottom: 0.2em">
              <li><a href="psf/" target="_top"
                 class="button ancillary"
                 ><abbr title="<?php echo _("PointedEars' Standard Frases"); ?>"
                        class="text">psf</abbr></a></li>
            <li><a href="<?php echo $menu['series']['path']; ?>" target="_top" class="button ancillary"
                     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"
                     ><abbr title="<?php echo $menu['ufpdb']['title']; ?>"
                            class="text"><?php echo $menu['ufpdb']['text']; ?></abbr></a></li>
            </ul>
            <div style="position: relative; margin-bottom: 1.2em">
              <div class="bow" style="width: 8em; height: 0.8em">&nbsp;</div>
            </div>
            <ul>
              <li><a href="http://climateapps2.oerc.ox.ac.uk/cpdnboinc/show_user.php?userid=648544"
                     target="_top" class="button secondary"
                     title="<?php echo _("The world’s largest climate forecasting experiment for the 21st century"); ?>"
                     ><span class="text">climateprediction.net</span></a></li>
<?php /* http://vspx27.stanford.edu/cgi-bin/main.py?qtype=userpage&amp;username=Thomas_Lahn */ ?>
              <li><a href="<?php echo _("http://folding.stanford.edu/English/HomePage"); ?>"
                     target="_top" class="button secondary"
                     title="<?php echo _("Distributed computing to understand protein folding, protein aggregation, and related diseases"); ?>"
                     ><span class="text">Folding at home</span></a></li>
             <li><a href="http://lhcathomeclassic.cern.ch/sixtrack/show_user.php?userid=221181"
                    target="_top" class="button secondary"
                    title="<?php echo _("Particle physics research with the Large Hadron Collider at CERN"); ?>"
                    ><span class="text">LHC at home</span></a></li>
             <li><a href="http://setiathome.berkeley.edu/show_user.php?userid=378921"
                    target="_top" class="button secondary"
                    title="<?php echo _("The Search for Extra-Terrestrial Intelligence at HOME"); ?>"
                    ><span class="text">SETI at home</span></a></li>
           </ul>
<?php /*
            <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 class="bow" style="width: 8em; height: 1em">&nbsp;<\/div>'
                  + '  <div class="bow" style="position: absolute; top: 0; left: 8.2em; width: 2em; height: 1em">&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>
*/ ?>
          </nav>
        </div>
      </div>
      <div id="connectors">
        <div class="bow top left">&nbsp;</div>
        <div class="bow top right">&nbsp;</div>
       
        <div class="bow mid left">&nbsp;</div>
        <div class="bow mid right">&nbsp;</div>
      </div>
      <div class="multi-display">
        <div class="upper">
          <div class="content">
            <div class="title"><span>Home</span></div>
            <div class="analysis">
              <table>
                <tr>
                  <th><?php echo _('Display'); ?>:</th>
                  <td><script type="text/javascript">
                    var runAsync = jsx.dom.timeout.runAsync;
                    var ID_SCREEN_DIM = 'screenDim';
                    var ID_AVAIL_DIM = 'availDim';
                    var ID_INNER_DIM = 'innerDim';
                   
                    var dim = (function () {
                      var screenInfo = jsx.dom.window.screenInfo;

                      return {
                        getScreenText: function () {
                          var screenDim = screenInfo.getDim();
                          return screenDim.width + "×" + screenDim.height;
                        },
 
                        getAvailText: function () {
                          var availDim = screenInfo.getAvailDim();
                          return availDim.width + "×" + availDim.height + " <?php echo _('available'); ?>";
                        },
 
                        getInnerText: function () {
                          var innerDim = screenInfo.getInnerDim();
                          return ", " + innerDim.width + "×" + innerDim.height + " <?php echo _('used'); ?>";
                        },
 
                        getColorDepthText: function () {
                          var colorDepth = screenInfo.getColorDepth();
                          return colorDepth
                            ? '2<sup>' + colorDepth + "<\/sup> <?php echo _('colors'); ?>"
                            : "";
                        }
                      };
                    }());
                   
                    (function () {

                      var screenDimText = dim.getScreenText();
                      var availDimText = dim.getAvailText();
                      var innerDimText = dim.getInnerText();
                      var colorDepthText = dim.getColorDepthText();
                      var displayInfo = (screenDimText || availDimText || innerDimText || colorDepthText)
                        ?   (screenDimText ? '<span id="' + ID_SCREEN_DIM + '">' + screenDimText + '<\/span> <?php echo _('pixels'); ?>' : "")
                          + (availDimText ? ' (<span id="' + ID_AVAIL_DIM + '">' + availDimText + "<\/span>" : "")
                          + (innerDimText ? '<span id="' + ID_INNER_DIM + '">' + innerDimText + "<\/span>)" : "")
                          + (colorDepthText ? ' ×&nbsp;<span id="colorDepth">' + colorDepthText + "<\/span>" : "")
                        : "<?php echo _('N/A'); ?>";
 
                      /* FIXME: Convert HTML to text, update whole title text */
                      document.write('<span>' + displayInfo + '<\/span>');

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
                      var oColorDepth;
                      runAsync(function () {
                        if (typeof oColorDepth == "undefined")
                        {
                          oColorDepth = document.getElementById("colorDepth");
                        }
 
                        if (oColorDepth)
                        {
                          var colorDepthText = dim.getColorDepthText();
                          /* FIXME: Also update title attribute value */
                          if (oColorDepth.innerHTML != colorDepthText)
                          {
                            oColorDepth.innerHTML = colorDepthText;
                          }
                        }

                        this.run();
                      }, 1000);
                    }());
                  </script><noscript><?php echo _('N/A'); ?></noscript></td>
                </tr>
                <tr>
                  <th><?php echo _('User Agent'); ?>:</th>
                  <td><script type="text/javascript">
                    (function () {
                      var ua = navigator.userAgent;
                      document.write('<span id="ua" title="' + ua + '">' + ua + '<\/span>');

                      var oUA;
                      runAsync(function () {
                        if (typeof oUA == "undefined")
                        {
                          oUA = document.getElementById("ua");
                        }
                       
                        if (oUA)
                        {
                          var ua = navigator.userAgent;

                          if (oUA.innerHTML != ua)
                          {
                            oUA.innerHTML = ua;
                          }

                          /* Converts CREs */
                          var oUAhtml = oUA.innerHTML
                          if (oUA.title != oUAhtml)
                          {
                            oUA.title = oUAhtml;
                          }
                        }

                        this.run();
                      }, 1000);
                    }());
                  </script><noscript><?php echo _('N/A'); ?></noscript></td>
                </tr>
                <tr>
                  <th><?php echo _('Features'); ?>:</th>
                  <td><script type="text/javascript">
                    var fullscreen = jsx.dom.window.fullscreen;
                 
                    (function () {
                      function getFeatures ()
                      {
                        var features = [];
                        if (typeof document.cookie != "undefined")
                        {
                          var cookiesText = "<?php echo _('Cookies'); ?>"
                          if (navigator.cookieEnabled)
                          {
                            if (document.cookie)
                            {
                              features.push(cookiesText);
                            }
                            else
                            {
                              features.push('<span class="unavailable"'
                                +' title="Cookies supported, but no data for this site">' + cookiesText + '<\/span>');
                            }
                          }
                          else
                          {
                            features.push('<span class="offline" title="Cookies supported, but disabled">' + cookiesText + '<\/span>');
                          }
                        }

                        if (fullscreen.isSupportedBy(document.documentElement))
                        {
                          features.push("<?php echo _('Fullscreen'); ?>");
                        }
                       
                        if (navigator.webkitGetGamepads && navigator.webkitGetGamepads().length)
                        {
                          features.push("<?php echo _('Gamepad'); ?>");
                        }
                       
                        if (navigator.geolocation)
                        {
                          features.push("<?php echo _('Geolocation'); ?>");
                        }

                        if (typeof navigator.javaEnabled != "undefined" && navigator.javaEnabled())
                        {
                          features.push("Java");
                        }
                       
                        var storage = jsx.dom.storage;
                        if (storage.localStorage.isSupported()) features.push("Local Storage");

                        if (navigator.plugins)
                        {
                          if (navigator.plugins.length > 0)
                          {
                            features.push('<span title="'
                              + navigator.plugins.length
                              + ' plugins installed">Plugins<\/span>');
                          }
                          else
                          {
                                features.push('<span class="unavailable" title="Plugins supported, but none detected">Plugins<\/span>');
                          }
                        }

                        if (storage.sessionStorage.isSupported())
                        {
                          features.push("Session Storage");
                        }

                        if (typeof window.ontouchstart != "undefined") features.push("Touch");
                        return features.join(" &#8226; ");
                      }

                      function stripTags (s)
                      {
                        return s.replace(/<[^>]+>/g, "")
                      }
                     
                      var sFeatures = getFeatures();
                      document.write('<span id="features" title="' + stripTags(sFeatures) + '">' + sFeatures + '<\/span>');

                      var oFeatures;
                      var oFeaturesHtml;
                      var tFeatures = runAsync(function () {
                        if (typeof oFeatures == "undefined")
                        {
                          oFeatures = document.getElementById("features");
                        }

                        if (oFeatures)
                        {
                          var sNewFeatures = getFeatures();

                          if (!oFeaturesHtml)
                          {
                            oFeaturesHtml = document.createElement("span");
                          }
                         
                          if (oFeaturesHtml)
                          {
                            oFeaturesHtml.innerHTML = sNewFeatures;
                            sNewFeatures = oFeaturesHtml.innerHTML;
                          }
                         
                          if (oFeatures.innerHTML != sNewFeatures)
                          {
                            oFeatures.innerHTML = sNewFeatures;
                          }

                          /* Converts CREs */
                          var newTitle = stripTags(oFeatures.innerHTML)
                          if (oFeatures.title != newTitle)
                          {
                            oFeatures.title = newTitle;
                          }
                        }

                        tFeatures = this.run();
                      }, 1000);
                    }());

                    var windowText = "<?php echo _("Window"); ?>";
                  </script><noscript><?php echo _('N/A'); ?></noscript></td>
                </tr>
              </table>
            </div>
            <ul class="commands">
              <li id="cmd1"><a href="index.php"
                title="Language selection"
                tabindex="1"
                class="button left right"
                onmouseover="return setStatus(this.title + ': ' + this.href)"
                onmouseout="return resetStatus()"
                onfocus="return this.onmouseover()"
                onblur="return this.onmouseout()"
                ><abbr class="text" title="Language selection">Language</abbr></a></li>
              <li id="cmd2"><a href="index.<?php echo $language; ?>?printable=1"
                title="<?php echo _('Printable version'); ?>"
                tabindex="1"
                class="button left right"
                onmouseover="return setStatus(this.title + ': ' + this.href)"
                onmouseout="return resetStatus()"
                onfocus="return this.onmouseover()"
                onblur="return this.onmouseout()"
                ><span class="text"><?php echo _("Printable"); ?></span></a></li>
              <li id="cmd3"><div class="button left right"
                   style="cursor: not-allowed !important"
                   onclick="fullscreen.requestOn(document.documentElement, this)"
                   onkeyup="if (event.keyCode == 13) { this.onclick(); }"
                   ><span class="text"><script type="text/javascript">
                     var cmd3;
                     if (fullscreen.isSupportedBy(document.documentElement))
                     {
                       jsx.dom.addEventListener(window, "load", function () {
                         if (typeof cmd3 == "undefined")
                         {
                           cmd3 = jsx.dom.getElementById("cmd3");
                         }
                         
                         if (cmd3)
                         {
                           cmd3.firstChild.tabIndex = "1";
                         }
                       });
                     }
                     
                     var oScreenDim;
                     var oAvailDim;
                     var oInnerDim;
                     var _gEBI = jsx.dom.getElementById;
                     var previousIsFullscreen;
                     var oldHandler;
                     
                     jsx.dom.addEventListener(window, "resize", function () {
                       /* FIXME: Also update title attribute value */
                       if (typeof oScreenDim == "undefined") oScreenDim = _gEBI(ID_SCREEN_DIM);
                       if (oScreenDim) oScreenDim.innerHTML = dim.getScreenText();

                       if (typeof oAvailDim == "undefined") oAvailDim = _gEBI(ID_AVAIL_DIM);
                       if (oAvailDim) oAvailDim.innerHTML = dim.getAvailText();

                       if (typeof oInnerDim == "undefined") oInnerDim = _gEBI(ID_INNER_DIM);
                       if (oInnerDim) oInnerDim.innerHTML = dim.getInnerText();
                       
                       if (fullscreen.isSupportedBy(document.documentElement))
                       {
                         var nowIsFullscreen = fullscreen.isFullscreen();
                         if (nowIsFullscreen != previousIsFullscreen)
                         {
                           if (typeof cmd3 == "undefined")
                           {
                             cmd3 = document.getElementById("cmd3");
                           }
                           
                           var target = cmd3.firstChild;
                           var textTarget = target.firstChild;
                           if (nowIsFullscreen)
                           {
                             oldHandler = target.onclick;
                             target.onclick = function () {
                               fullscreen.cancel();
                             };
                             textTarget.textContent = "<?php echo _("Window"); ?>";
                           }
                           else
                           {
                             target.onclick = oldHandler;
                             textTarget.textContent = "<?php echo _("Fullscreen"); ?>";
                           }
                           
                           previousIsFullscreen = nowIsFullscreen;
                         }
                       }
 
 
 
 
 
 
 
 
                     });

                     document.write("<?php echo _("Fullscreen"); ?>");
 
                   </script></span></div></li>
              <li id="cmd4"><div class="button left right" style="cursor: not-allowed !important">&nbsp;</div></li>
            </ul>
          </div>
          <div class="elbo-button">
            <span class="text" title="<?php echo _("Date of last modification"); ?>"
                  ><?php echo gmdate('Ym.d', $modi); ?></span>
          </div>
          <div class="elbo">
            <span class="text"><abbr title="Library Computer Access and Retrieval System">LCARS</abbr> PE-22A</span>
            <div class="concave">&nbsp;</div>
          </div>
          <div class="border">
            <div class="left">&nbsp;</div>
            <div class="right">&nbsp;</div>
          </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">
              <div class="left">&nbsp;</div>
              <div class="right">&nbsp;</div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
 

Rev 145	Rev 146
1	<!DOCTYPE html>	1	<!DOCTYPE html>
2	<html lang="<?php echo $language; ?>">	2	<html lang="<?php echo $language; ?>">
3	<head>	3	<head>
4	<title>Home — PointedEars’ Website</title>	4	<title>Home — PointedEars’ Website</title>
5		5
6	<link rel="SHORTCUT ICON" href="favicon.ico">	6	<link rel="SHORTCUT ICON" href="favicon.ico">
7		7
8	<!-- Browsers: Character Encoding -->	8	<!-- Browsers: Character Encoding -->
9	<meta charset="UTF-8">	9	<meta charset="UTF-8">
10	<meta http-equiv="content-type" content="text/html; charset=UTF-8">	10	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
11		11
12	<!-- Robots: Index, Subordinated Files, Description, Author,	12	<!-- Robots: Index, Subordinated Files, Description, Author,
13	Keywords, Document Date -->	13	Keywords, Document Date -->
14	<meta name="robots" content="index">	14	<meta name="robots" content="index">
15	<meta name="robots" content="follow">	15	<meta name="robots" content="follow">
16	<?php /*	16	<?php /*
17	<meta name="description"	17	<meta name="description"
18	content="PointedEars' Website: <?php	18	content="PointedEars' Website: <?php
19	$description = _("Access to the United Federation of Planets Databanks, an online songbook and software downloads always worth a click. Coming soon: The best internet links categorized and much more via a bilingual (English/German) LCARS terminal styled user interface that can be also used to surf the web anonymously! Bookmark NOW!");	19	$description = _("Access to the United Federation of Planets Databanks, an online songbook and software downloads always worth a click. Coming soon: The best internet links categorized and much more via a bilingual (English/German) LCARS terminal styled user interface that can be also used to surf the web anonymously! Bookmark NOW!");
20	echo $description;	20	echo $description;
21	?>">	21	?>">
22	*/ ?>	22	*/ ?>
23	<meta name="author" content="Thomas ‘PointedEars’ Lahn">	23	<meta name="author" content="Thomas ‘PointedEars’ Lahn">
24		24
25	<?php /* No localization of keywords at the time */ ?>	25	<?php /* No localization of keywords at the time */ ?>
26	<meta name="keywords"	26	<meta name="keywords"
27	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ächste Generation, VFP, Föderation, Vereinte Föderation der Planeten, Datenbasis, Datenbank, Lied, Liedtext, surfen, anonym">	27	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ächste Generation, VFP, Föderation, Vereinte Föderation der Planeten, Datenbasis, Datenbank, Lied, Liedtext, surfen, anonym">
28	<?php /*	28	<?php /*
29	<meta name="keywords" http-equiv="Keywords" lang="de" content="">	29	<meta name="keywords" http-equiv="Keywords" lang="de" content="">
30	<meta name="keywords" http-equiv="Keywords" lang="en-us" content="">	30	<meta name="keywords" http-equiv="Keywords" lang="en-us" content="">
31	<meta name="keywords" http-equiv="Keywords" lang="en" content="">	31	<meta name="keywords" http-equiv="Keywords" lang="en" content="">
32	*/ ?>	32	*/ ?>
33	<meta name="revisit-after" content="3 days">	33	<meta name="revisit-after" content="3 days">
34		34
35	<!-- Robots: Dublin Core Metadata (http://purl.org/metadata/dublin_core) -->	35	<!-- Robots: Dublin Core Metadata (http://purl.org/metadata/dublin_core) -->
36	<meta name="dcterms.title" content="PointedEars’ Website">	36	<meta name="dcterms.title" content="PointedEars’ Website">
37	<meta name="dcterms.creator" content="Thomas ‘PointedEars’ Lahn">	37	<meta name="dcterms.creator" content="Thomas ‘PointedEars’ Lahn">
38	<meta name="dcterms.subject" content="Private Web site">	38	<meta name="dcterms.subject" content="Private Web site">
39	<?php /*	39	<?php /*
40	<meta name="dcterms.description"	40	<meta name="dcterms.description"
41	content="PointedEars' Website: <?php echo $description; ?>">	41	content="PointedEars' Website: <?php echo $description; ?>">
42	*/ ?>	42	*/ ?>
43	<meta name="dcterms.publisher" content="PointedEars">	43	<meta name="dcterms.publisher" content="PointedEars">
44	<meta name="dcterms.date" content="2002-05-23T10:56:00+02:00">	44	<meta name="dcterms.date" content="2002-05-23T10:56:00+02:00">
45	<meta name="dcterms.created" content="2002-05-23">	45	<meta name="dcterms.created" content="2002-05-23">
46	<meta name="dcterms.modified" content="<?php echo gmdate('Y-m-dTH:i:sO', $modi); ?>">	46	<meta name="dcterms.modified" content="<?php echo gmdate('Y-m-dTH:i:sO', $modi); ?>">
47	<?php /*	47	<?php /*
48	<meta name="dcterms.type" content="">	48	<meta name="dcterms.type" content="">
49	<meta name="dcterms.format" content="">	49	<meta name="dcterms.format" content="">
50	*/ ?>	50	*/ ?>
51	<meta name="dcterms.identifier" content="http://pointedears.de/index.<?php echo $language; ?>">	51	<meta name="dcterms.identifier" content="http://pointedears.de/index.<?php echo $language; ?>">
52	<meta name="dcterms.language" content="<?php echo $language; ?>">	52	<meta name="dcterms.language" content="<?php echo $language; ?>">
53	<meta name="dcterms.rightsHolder"	53	<meta name="dcterms.rightsHolder"
54	content="Copyright © 2002–<?php echo gmdate('Y', $modi); ?> Thomas Lahn.">	54	content="Copyright © 2002–<?php echo gmdate('Y', $modi); ?> Thomas Lahn.">
55	<meta name="dcterms.rights"	55	<meta name="dcterms.rights"
56	content="<?php echo _("All rights reserved."); ?> <?php echo _("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 asked 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."); ?>">	56	content="<?php echo _("All rights reserved."); ?> <?php echo _("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 asked 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."); ?>">
57		57
58	<?php /*	58	<?php /*
59	<!-- <link rel="stylesheet" type="text/css" href="styles/lcars.css"> -->	59	<!-- <link rel="stylesheet" type="text/css" href="styles/lcars.css"> -->
60	<!-- <link rel="stylesheet" type="text/css" href="styles/lcars21.css"> -->	60	<!-- <link rel="stylesheet" type="text/css" href="styles/lcars21.css"> -->
61	<!-- No optimization here: IE 9 in non-Compatibility Mode sends "Accept: text/css",	61	<!-- No optimization here: IE 9 in non-Compatibility Mode sends "Accept: text/css",
62	Apache responds with 406:	62	Apache responds with 406:
63	http://blog.s9y.org/archives/227-ie9-has-trouble-with-css-content-types.html -->	63	http://blog.s9y.org/archives/227-ie9-has-trouble-with-css-content-types.html -->
64	*/ ?>	64	*/ ?>
65	<link rel="stylesheet" type="text/css" href="styles/lcars-basic">	65	<link rel="stylesheet" type="text/css" href="styles/lcars-basic">
66	<?php	66	<?php
67	$isLocal = ($_SERVER['HTTP_HOST'] === 'localhost');	67	$isLocal = ($_SERVER['HTTP_HOST'] === 'localhost');
68	$printable = (isset($_GET['printable']) && $_GET['printable'] === '1');	68	$printable = (isset($_GET['printable']) && $_GET['printable'] === '1');
69	if (!$printable)	69	if (!$printable)
70	{	70	{
71	?>	71	?>
72	<link rel="stylesheet" type="text/css" href="styles/lcars22<?php	72	<link rel="stylesheet" type="text/css" href="styles/lcars22<?php
73	if (isset($_GET['ani']) && $_GET['ani'] !== '')	73	if (isset($_GET['ani']) && $_GET['ani'] !== '')
74	{	74	{
75	echo '?ani=' . $_GET['ani'];	75	echo '?ani=' . $_GET['ani'];
76	}	76	}
77	?>">	77	?>">
78	<?php	78	<?php
79	}	79	}
80	?>	80	?>
81	<style type="text/css">	81	<style type="text/css">
82	<!--	82	<!--
83	p {	83	p {
84	max-width: 100%;	84	max-width: 100%;
85	}	85	}
86	-->	86	-->
87	</style>	87	</style>
88		88
89	<script type="text/javascript" src="scripts/builder?src=object,dom,dom/storage,dom/events,dom/timeout,dom/window<?php	89	<script type="text/javascript" src="scripts/builder?src=object,dom,dom/storage,dom/events,dom/timeout,dom/window<?php
90	if ($isLocal)	90	if ($isLocal)
91	{	91	{
92	?>&verbose=1&debug=1<?php	92	?>&verbose=1&debug=1<?php
93	}	93	}
94	?>"></script>	94	?>"></script>
95	<script type="text/javascript">	95	<script type="text/javascript">
96	<?php	96	<?php
97	/*	97	/*
98	var ms1Day = 6060241000; // ms for 1 days = 60sec60min24hours1000ms	98	var ms1Day = 6060241000; // ms for 1 days = 60sec60min24hours1000ms
99	var msLeaveDays = ms1Day*6;	99	var msLeaveDays = ms1Day*6;
100	var ms30Days=ms1Day*30;	100	var ms30Days=ms1Day*30;
101	var delta;	101	var delta;
102	var newTime=new Date();	102	var newTime=new Date();
103	var msTime=newTime.getTime();	103	var msTime=newTime.getTime();
104	var msExpire=msTime+ms30Days;	104	var msExpire=msTime+ms30Days;
105	var expireTime=new Date(msExpire);	105	var expireTime=new Date(msExpire);
106		106
107	cookieVal=	107	cookieVal=
108	"savedTime=" + newTime.toGMTString()	108	"savedTime=" + newTime.toGMTString()
109	+ "; expires=" + expireTime.toGMTString()	109	+ "; expires=" + expireTime.toGMTString()
110	+ "; domain=anybody"	110	+ "; domain=anybody"
111	+ "; path=/";	111	+ "; path=/";
112	document.cookie= cookieVal;	112	document.cookie= cookieVal;
113	*/	113	*/
114	?>	114	?>
115	function body_load ()	115	function body_load ()
116	{	116	{
117	if (typeof this.ontouchstart != 'undefined')	117	if (typeof this.ontouchstart != 'undefined')
118	{	118	{
119	this.ontouchstart = function () {};	119	this.ontouchstart = function () {};
120	}	120	}
121		121
122	if (fullscreen.isSupportedBy(document.documentElement))	122	if (fullscreen.isSupportedBy(document.documentElement))
123	{	123	{
124	var fullscreenLI = jsx.dom.getElementById("cmd3");	124	var fullscreenLI = jsx.dom.getElementById("cmd3");
125	fullscreenLI.firstChild.style.cursor = "";	125	fullscreenLI.firstChild.style.cursor = "";
126	}	126	}
127	}	127	}
128	</script>	128	</script>
129	<?php /* <bgsound src="media/interface/sound/beginop.wav" loop="infinite"> */ ?>	129	<?php /* <bgsound src="media/interface/sound/beginop.wav" loop="infinite"> */ ?>
130	</head>	130	</head>
131	<body class="fade-in" onload="body_load()">	131	<body class="fade-in" onload="body_load()">
132	<div id="content">	132	<div id="content">
133	<h1 style="text-align: center"><img	133	<h1 style="text-align: center"><img
134	src="media/video/img/vulcan_hand-black-bg.png"	134	src="media/video/img/vulcan_hand-black-bg.png"
135	width="120"	135	width="120"
136	height="168"	136	height="168"
137	alt="<?php echo _("Vulcan greeting"); ?>"	137	alt="<?php echo _("Vulcan greeting"); ?>"
138	title="<?php echo _("Vulcan greeting"); ?>"	138	title="<?php echo _("Vulcan greeting"); ?>"
139	style="border: none; cursor: default"	139	style="border: none; cursor: default"
140	onmouseover="return setStatus(this.title)"	140	onmouseover="return setStatus(this.title)"
141	onmouseout="return resetStatus()"><br>	141	onmouseout="return resetStatus()"><br>
142	<?php echo _("Welcome to PointedEars’ Website"); ?></h1>	142	<?php echo _("Welcome to PointedEars’ Website"); ?></h1>
143	<?php	143	<?php
144	if (!$printable)	144	if (!$printable)
145	{	145	{
146	?>	146	?>
147	<p class="instruction" style="font-size: 100%; text-align: center"><?php	147	<p class="instruction" style="font-size: 100%; text-align: center"><?php
148	echo sprintf(	148	echo sprintf(
149	_("This site uses recent <a href='https://developer.mozilla.org/en-US/docs/'"	149	_("This site uses recent <a href='https://developer.mozilla.org/en-US/docs/'"
150	. " title='Learn more: Mozilla Developer Network'>Web technologies</a>."	150	. " title='Learn more: Mozilla Developer Network'>Web technologies</a>."
151	. " You can use the <a href='index.%s?printable=1'>%s</a>"	151	. " You can use the <a href='index.%s?printable=1'>%s</a>"
152	. " if it is not displayed properly with your software."),	152	. " if it is not displayed properly with your software."),
153	$language,	153	$language,
154	_('Printable version'));	154	_('Printable version'));
155	?></p>	155	?></p>
156	<?php	156	<?php
157	}	157	}
158		158
159	/*	159	/*
160	<p>	160	<p>
161	\| <a href="leisure/" target="_top"	161	\| <a href="leisure/" target="_top"
162	>Freizeit-Datenbank</a>	162	>Freizeit-Datenbank</a>
163	\| <a href="mozilla/" target="_top">Mozilla</a>	163	\| <a href="mozilla/" target="_top">Mozilla</a>
164	\| <a href="poetry/" target="_top">Poesie</a>	164	\| <a href="poetry/" target="_top">Poesie</a>
165	*/	165	*/
166		166
167	/*	167	/*
168	\| [<abbr title="nur in englischer Sprache verfügbar"	168	\| [<abbr title="nur in englischer Sprache verfügbar"
169	>en</abbr>]	169	>en</abbr>]
170	\| <a href="selfhtml.de/" target="_top">SELFHTML.DE</a>	170	\| <a href="selfhtml.de/" target="_top">SELFHTML.DE</a>
171	*/	171	*/
172	/*	172	/*
173	\| <a href="lyrics/" target="_top">Songbook</a>	173	\| <a href="lyrics/" target="_top">Songbook</a>
174	\| </p>	174	\| </p>
175	*/	175	*/
176	/*	176	/*
177	<p><a href="about/worm.de.html" target="_top"	177	<p><a href="about/worm.de.html" target="_top"
178	>Seltsame E-Mails bekommen?</a></p>	178	>Seltsame E-Mails bekommen?</a></p>
179	*/	179	*/
180	/*	180	/*
181	<noscript>	181	<noscript>
182	<a	182	<a
183	href="http://pointedears.de/"	183	href="http://pointedears.de/"
184	title="PointedEars' Website"	184	title="PointedEars' Website"
185	>Diese Website zu Ihren Lesezeichen hinzufügen</a>	185	>Diese Website zu Ihren Lesezeichen hinzufügen</a>
186	</noscript>	186	</noscript>
187		187
188	<!-- Klicken Sie hier, falls Sie nach 5 Sekunden nicht automatisch	188	<!-- Klicken Sie hier, falls Sie nach 5 Sekunden nicht automatisch
189	weitergeleitet werden. -->	189	weitergeleitet werden. -->
190	*/	190	*/
191	?>	191	?>
192	<?php	192	<?php
193	$app = "Welcome/$language";	193	$app = "Welcome/$language";
194	require_once 'footer.phtml';	194	require_once 'footer.phtml';
195	/* embed src="media/interface/speech/de/warten.wav" width="0" height="0"	195	/* embed src="media/interface/speech/de/warten.wav" width="0" height="0"
196	hidden="true" autostart="true" dir="ltr" lang="de" */	196	hidden="true" autostart="true" dir="ltr" lang="de" */
197	?>	197	?>
198	</div>	198	</div>
199	<div id="LCARS">	199	<div id="LCARS">
200	<?php /*	200	<?php /*
201	<div id="button-grid" style="position: absolute; opacity: 0.3">	201	<div id="button-grid" style="position: absolute; opacity: 0.3">
202	<a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>	202	<a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
203		203
204	<a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>	204	<a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
205	<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>	205	<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
206	<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>	206	<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
207	<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>	207	<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
208		208
209	<a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>	209	<a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
210	<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>	210	<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
211	<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>	211	<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
212	<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>	212	<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
213		213
214	<a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>	214	<a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
215	<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>	215	<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
216	<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>	216	<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
217	<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>	217	<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
218		218
219	<a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>	219	<a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
220	<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>	220	<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
221	<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>	221	<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
222	<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>	222	<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
223		223
224	<a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>	224	<a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
225	<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>	225	<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
226	<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>	226	<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
227	<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>	227	<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
228	<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>	228	<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
229		229
230	<a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>	230	<a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
231	<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>	231	<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
232	<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>	232	<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
233	<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>	233	<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
234		234
235	<a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>	235	<a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
236	<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>	236	<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
237	<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>	237	<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
238		238
239	<a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>	239	<a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
240	<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>	240	<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
241	<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>	241	<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
242		242
243	<a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>	243	<a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
244	<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>	244	<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
245	<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>	245	<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
246		246
247	<a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>	247	<a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
248	<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>	248	<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
249	<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>	249	<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
250	</div>	250	</div>
251	*/ ?>	251	*/ ?>
252	<div id="bow">	252	<div id="bow">
253	<div id="bow-top">	253	<div id="bow-top">
254	<div class="separator-left"> </div>	254	<div class="separator-left"> </div>
255	<div class="text"><span>PointedEars’ Website</span></div>	255	<div class="text"><span>PointedEars’ Website</span></div>
256	</div>	256	</div>
257	<div id="bow-top-left">	257	<div id="bow-top-left">
258	<div class="concave"> </div>	258	<div class="concave"> </div>
259	<div style="position: absolute; top: 3.2em; left: 0; background-color: black">	259	<div style="position: absolute; top: 3.2em; left: 0; background-color: black">
260	<div class="bow" style="margin-top: 0.2em; width: 8em; height: 1em"> </div>	260	<div class="bow" style="margin-top: 0.2em; width: 8em; height: 1em"> </div>
261	</div>	261	</div>
262	</div>	262	</div>
263	<div id="bottom">	263	<div id="bottom">
264	<div id="bow-bottom">	264	<div id="bow-bottom">
265	<div class="concave"> </div>	265	<div class="concave"> </div>
266	<div class="spacer"> </div>	266	<div class="spacer"> </div>
267	</div>	267	</div>
268	</div>	268	</div>
269		269
270	<div class="menu-container">	270	<div class="menu-container">
271	<nav class="menu">	271	<nav class="menu">
272	<ul style="padding-top: 1em">	272	<ul style="padding-top: 1em">
273	<?php foreach ($languages as $key => $name): ?>	273	<?php foreach ($languages as $key => $name): ?>
274	<li><a href="index.<?php echo $key; ?>?ani=0"	274	<li><a href="index.<?php echo $key; ?>?ani=0"
275	class="button<?php if ($language === $key) { ?> selected<?php } ?>"	275	class="button<?php if ($language === $key) { ?> selected<?php } ?>"
276	tabindex="2"><span class="text"><?php echo $name; ?></span></a></li>	276	tabindex="2"><span class="text"><?php echo $name; ?></span></a></li>
277	<?php endforeach; ?>	277	<?php endforeach; ?>
278	</ul>	278	</ul>
279	<div class="bow" style="margin-bottom: 0.4em; width: 8em; height: 0.4em"> </div>	279	<div class="bow" style="margin-bottom: 0.4em; width: 8em; height: 0.4em"> </div>
280	<ul style="margin-bottom: 1.2em">	280	<ul style="margin-bottom: 1.2em">
281	<li><a href="<?php echo $menu['scripts']['path']; ?>" target="_top" class="button"><span class="text"><?php echo $menu['scripts']['text']; ?></span></a></li>	281	<li><a href="<?php echo $menu['scripts']['path']; ?>" target="_top" class="button"><span class="text"><?php echo $menu['scripts']['text']; ?></span></a></li>
282	<li><a href="<?php echo $menu['es-matrix']['path']; ?>" target="_top" class="button"	282	<li><a href="<?php echo $menu['es-matrix']['path']; ?>" target="_top" class="button"
283	title="<?php echo $menu['es-matrix']['title']; ?>"	283	title="<?php echo $menu['es-matrix']['title']; ?>"
284	><span class="text"><?php echo $menu['es-matrix']['text']; ?></span></a></li>	284	><span class="text"><?php echo $menu['es-matrix']['text']; ?></span></a></li>
285	<li><a href="<?php echo $menu['devel']['path']; ?>" target="_top" class="button"><span class="text"><?php echo $menu['devel']['text']; ?></span></a></li>	285	<li><a href="<?php echo $menu['devel']['path']; ?>" target="_top" class="button"><span class="text"><?php echo $menu['devel']['text']; ?></span></a></li>
286	</ul>	286	</ul>
287	<ul style="margin-bottom: 0.2em">	287	<ul style="margin-bottom: 0.2em">
288	<li><a href="psf/" target="_top"	288	<li><a href="psf/" target="_top"
289	class="button ancillary"	289	class="button ancillary"
290	><abbr title="<?php echo _("PointedEars' Standard Frases"); ?>"	290	><abbr title="<?php echo _("PointedEars' Standard Frases"); ?>"
291	class="text">psf</abbr></a></li>	291	class="text">psf</abbr></a></li>
292	<li><a href="<?php echo $menu['series']['path']; ?>" target="_top" class="button ancillary"	292	<li><a href="<?php echo $menu['series']['path']; ?>" target="_top" class="button ancillary"
293	title="List of recommended TV shows and episodes, with logos in CSS"	293	title="List of recommended TV shows and episodes, with logos in CSS"
294	><span class="text"><?php echo $menu['series']['text']; ?></span></a></li>	294	><span class="text"><?php echo $menu['series']['text']; ?></span></a></li>
295	<li><a href="<?php echo $menu['ufpdb']['path']; ?>" target="_top" class="button database"	295	<li><a href="<?php echo $menu['ufpdb']['path']; ?>" target="_top" class="button database"
296	><abbr title="<?php echo $menu['ufpdb']['title']; ?>"	296	><abbr title="<?php echo $menu['ufpdb']['title']; ?>"
297	class="text"><?php echo $menu['ufpdb']['text']; ?></abbr></a></li>	297	class="text"><?php echo $menu['ufpdb']['text']; ?></abbr></a></li>
298	</ul>	298	</ul>
299	<div style="position: relative; margin-bottom: 1.2em">	299	<div style="position: relative; margin-bottom: 1.2em">
300	<div class="bow" style="width: 8em; height: 0.8em"> </div>	300	<div class="bow" style="width: 8em; height: 0.8em"> </div>
301	</div>	301	</div>
302	<ul>	302	<ul>
303	<li><a href="http://climateapps2.oerc.ox.ac.uk/cpdnboinc/show_user.php?userid=648544"	303	<li><a href="http://climateapps2.oerc.ox.ac.uk/cpdnboinc/show_user.php?userid=648544"
304	target="_top" class="button secondary"	304	target="_top" class="button secondary"
305	title="<?php echo _("The world’s largest climate forecasting experiment for the 21st century"); ?>"	305	title="<?php echo _("The world’s largest climate forecasting experiment for the 21st century"); ?>"
306	><span class="text">climateprediction.net</span></a></li>	306	><span class="text">climateprediction.net</span></a></li>
307	<?php /* http://vspx27.stanford.edu/cgi-bin/main.py?qtype=userpage&username=Thomas_Lahn */ ?>	307	<?php /* http://vspx27.stanford.edu/cgi-bin/main.py?qtype=userpage&username=Thomas_Lahn */ ?>
308	<li><a href="<?php echo _("http://folding.stanford.edu/English/HomePage"); ?>"	308	<li><a href="<?php echo _("http://folding.stanford.edu/English/HomePage"); ?>"
309	target="_top" class="button secondary"	309	target="_top" class="button secondary"
310	title="<?php echo _("Distributed computing to understand protein folding, protein aggregation, and related diseases"); ?>"	310	title="<?php echo _("Distributed computing to understand protein folding, protein aggregation, and related diseases"); ?>"
311	><span class="text">Folding at home</span></a></li>	311	><span class="text">Folding at home</span></a></li>
312	<li><a href="http://lhcathomeclassic.cern.ch/sixtrack/show_user.php?userid=221181"	312	<li><a href="http://lhcathomeclassic.cern.ch/sixtrack/show_user.php?userid=221181"
313	target="_top" class="button secondary"	313	target="_top" class="button secondary"
314	title="<?php echo _("Particle physics research with the Large Hadron Collider at CERN"); ?>"	314	title="<?php echo _("Particle physics research with the Large Hadron Collider at CERN"); ?>"
315	><span class="text">LHC at home</span></a></li>	315	><span class="text">LHC at home</span></a></li>
316	<li><a href="http://setiathome.berkeley.edu/show_user.php?userid=378921"	316	<li><a href="http://setiathome.berkeley.edu/show_user.php?userid=378921"
317	target="_top" class="button secondary"	317	target="_top" class="button secondary"
318	title="<?php echo _("The Search for Extra-Terrestrial Intelligence at HOME"); ?>"	318	title="<?php echo _("The Search for Extra-Terrestrial Intelligence at HOME"); ?>"
319	><span class="text">SETI at home</span></a></li>	319	><span class="text">SETI at home</span></a></li>
320	</ul>	320	</ul>
321	<?php /*	321	<?php /*
322	<script type="text/javascript">	322	<script type="text/javascript">
323	var sURL = location.href;	323	var sURL = location.href;
324	var sFavAnchorTitle =	324	var sFavAnchorTitle =
325	"Klicken Sie hier, um PointedEars' Website Ihren Favoriten"	325	"Klicken Sie hier, um PointedEars' Website Ihren Favoriten"
326	+ " hinzuzufügen";	326	+ " hinzuzufügen";
327	var sOtherAnchorTitle =	327	var sOtherAnchorTitle =
328	"Klicken Sie hier mit der rechten Maustaste, um PointedEars' Website"	328	"Klicken Sie hier mit der rechten Maustaste, um PointedEars' Website"
329	+ " Ihren Lesezeichen hinzuzufügen";	329	+ " Ihren Lesezeichen hinzuzufügen";
330	var sFavoriteTitle = "PointedEars' Website";	330	var sFavoriteTitle = "PointedEars' Website";
331		331
332	if (jsx.object.isHostMethod(jsx.global.window, "external", "AddFavorite"))	332	if (jsx.object.isHostMethod(jsx.global.window, "external", "AddFavorite"))
333	{	333	{
334	document.write(	334	document.write(
335	'<div style="position: relative; margin-top: 1em; border-bottom: 0.2em solid transparent">'	335	'<div style="position: relative; margin-top: 1em; border-bottom: 0.2em solid transparent">'
336	+ ' <div class="bow" style="width: 8em; height: 1em"> <\/div>'	336	+ ' <div class="bow" style="width: 8em; height: 1em"> <\/div>'
337	+ ' <div class="bow" style="position: absolute; top: 0; left: 8.2em; width: 2em; height: 1em"> <\/div>'	337	+ ' <div class="bow" style="position: absolute; top: 0; left: 8.2em; width: 2em; height: 1em"> <\/div>'
338	+ '</div>'	338	+ '</div>'
339	+ '<a href="javascript:window.external.AddFavorite('	339	+ '<a href="javascript:window.external.AddFavorite('
340	+ ' sURL, sFavoriteTitle);" title="' + sFavAnchorTitle + '"'	340	+ ' sURL, sFavoriteTitle);" title="' + sFavAnchorTitle + '"'
341	+ ' class="button"'	341	+ ' class="button"'
342	+ ' onclick="window.external.AddFavorite('	342	+ ' onclick="window.external.AddFavorite('
343	+ ' sURL, sFavoriteTitle); return false"'	343	+ ' sURL, sFavoriteTitle); return false"'
344	+ ' onmouseover="return setStatus(sFavAnchorTitle)"'	344	+ ' onmouseover="return setStatus(sFavAnchorTitle)"'
345	+ ' onmouseout="return resetStatus()"'	345	+ ' onmouseout="return resetStatus()"'
346	+ '><span class="text">Favorit<\/span><\/a>');	346	+ '><span class="text">Favorit<\/span><\/a>');
347	}	347	}
348	</script>	348	</script>
349	*/ ?>	349	*/ ?>
350	</nav>	350	</nav>
351	</div>	351	</div>
352	</div>	352	</div>
353	<div id="connectors">	353	<div id="connectors">
354	<div class="bow top left"> </div>	354	<div class="bow top left"> </div>
355	<div class="bow top right"> </div>	355	<div class="bow top right"> </div>
356		356
357	<div class="bow mid left"> </div>	357	<div class="bow mid left"> </div>
358	<div class="bow mid right"> </div>	358	<div class="bow mid right"> </div>
359	</div>	359	</div>
360	<div class="multi-display">	360	<div class="multi-display">
361	<div class="upper">	361	<div class="upper">
362	<div class="content">	362	<div class="content">
363	<div class="title"><span>Home</span></div>	363	<div class="title"><span>Home</span></div>
364	<div class="analysis">	364	<div class="analysis">
365	<table>	365	<table>
366	<tr>	366	<tr>
367	<th><?php echo _('Display'); ?>:</th>	367	<th><?php echo _('Display'); ?>:</th>
368	<td><script type="text/javascript">	368	<td><script type="text/javascript">
369	var runAsync = jsx.dom.timeout.runAsync;	369	var runAsync = jsx.dom.timeout.runAsync;
-		370	var ID_SCREEN_DIM = 'screenDim';
-		371	var ID_AVAIL_DIM = 'availDim';
-		372	var ID_INNER_DIM = 'innerDim';
370		373
371	(function () {	374	var dim = (function () {
372	var screenInfo = jsx.dom.window.screenInfo;	375	var screenInfo = jsx.dom.window.screenInfo;
373		376
374	var dim = {	377	return {
375	getScreenText: function () {	378	getScreenText: function () {
376	var screenDim = screenInfo.getDim();	379	var screenDim = screenInfo.getDim();
377	return screenDim.width + "×" + screenDim.height;	380	return screenDim.width + "×" + screenDim.height;
378	},	381	},
379		382
380	getAvailText: function () {	383	getAvailText: function () {
381	var availDim = screenInfo.getAvailDim();	384	var availDim = screenInfo.getAvailDim();
382	return availDim.width + "×" + availDim.height + " <?php echo _('available'); ?>";	385	return availDim.width + "×" + availDim.height + " <?php echo _('available'); ?>";
383	},	386	},
384		387
385	getInnerText: function () {	388	getInnerText: function () {
386	var innerDim = screenInfo.getInnerDim();	389	var innerDim = screenInfo.getInnerDim();
387	return ", " + innerDim.width + "×" + innerDim.height + " <?php echo _('used'); ?>";	390	return ", " + innerDim.width + "×" + innerDim.height + " <?php echo _('used'); ?>";
388	},	391	},
389		392
390	getColorDepthText: function () {	393	getColorDepthText: function () {
391	var colorDepth = screenInfo.getColorDepth();	394	var colorDepth = screenInfo.getColorDepth();
392	return colorDepth	395	return colorDepth
393	? '2<sup>' + colorDepth + "<\/sup> <?php echo _('colors'); ?>"	396	? '2<sup>' + colorDepth + "<\/sup> <?php echo _('colors'); ?>"
394	: "";	397	: "";
395	}	398	}
396	};	399	};
-		400	}());
-		401
-		402	(function () {
397		403
398	var screenDimText = dim.getScreenText();	404	var screenDimText = dim.getScreenText();
399	var availDimText = dim.getAvailText();	405	var availDimText = dim.getAvailText();
400	var innerDimText = dim.getInnerText();	406	var innerDimText = dim.getInnerText();
401	var colorDepthText = dim.getColorDepthText();	407	var colorDepthText = dim.getColorDepthText();
402	var displayInfo = (screenDimText \|\| availDimText \|\| innerDimText \|\| colorDepthText)	408	var displayInfo = (screenDimText \|\| availDimText \|\| innerDimText \|\| colorDepthText)
403	? (screenDimText ? '<span id="screenDim">' + screenDimText + '<\/span> <?php echo _('pixels'); ?>' : "")	409	? (screenDimText ? '<span id="' + ID_SCREEN_DIM + '">' + screenDimText + '<\/span> <?php echo _('pixels'); ?>' : "")
404	+ (availDimText ? ' (<span id="availDim">' + availDimText + "<\/span>" : "")	410	+ (availDimText ? ' (<span id="' + ID_AVAIL_DIM + '">' + availDimText + "<\/span>" : "")
405	+ (innerDimText ? '<span id="innerDim">' + innerDimText + "<\/span>)" : "")	411	+ (innerDimText ? '<span id="' + ID_INNER_DIM + '">' + innerDimText + "<\/span>)" : "")
406	+ (colorDepthText ? ' × <span id="colorDepth">' + colorDepthText + "<\/span>" : "")	412	+ (colorDepthText ? ' × <span id="colorDepth">' + colorDepthText + "<\/span>" : "")
407	: "<?php echo _('N/A'); ?>";	413	: "<?php echo _('N/A'); ?>";
408		414
409	/* FIXME: Convert HTML to text, update whole title text */	415	/* FIXME: Convert HTML to text, update whole title text */
410	document.write('<span>' + displayInfo + '<\/span>');	416	document.write('<span>' + displayInfo + '<\/span>');
411		417
412	var oScreenDim;	-
413	var oAvailDim;	-
414	var oInnerDim;	-
415	var _gEBI = jsx.dom.getElementById;	-
416	jsx.dom.addEventListener(window, "resize", function () {	-
417	/* FIXME: Also update title attribute value */	-
418	if (typeof oScreenDim == "undefined") oScreenDim = _gEBI("screenDim");	-
419	if (oScreenDim) oScreenDim.innerHTML = dim.getScreenText();	-
420		-
421	if (typeof oAvailDim == "undefined") oAvailDim = _gEBI("availDim");	-
422	if (oAvailDim) oAvailDim.innerHTML = dim.getAvailText();	-
423		-
424	if (typeof oInnerDim == "undefined") oInnerDim = _gEBI("innerDim");	-
425	if (oInnerDim) oInnerDim.innerHTML = dim.getInnerText();	-
426	});	-
427		-
428	var oColorDepth;	418	var oColorDepth;
429	runAsync(function () {	419	runAsync(function () {
430	if (typeof oColorDepth == "undefined")	420	if (typeof oColorDepth == "undefined")
431	{	421	{
432	oColorDepth = document.getElementById("colorDepth");	422	oColorDepth = document.getElementById("colorDepth");
433	}	423	}
434		424
435	if (oColorDepth)	425	if (oColorDepth)
436	{	426	{
437	var colorDepthText = dim.getColorDepthText();	427	var colorDepthText = dim.getColorDepthText();
438	/* FIXME: Also update title attribute value */	428	/* FIXME: Also update title attribute value */
439	if (oColorDepth.innerHTML != colorDepthText)	429	if (oColorDepth.innerHTML != colorDepthText)
440	{	430	{
441	oColorDepth.innerHTML = colorDepthText;	431	oColorDepth.innerHTML = colorDepthText;
442	}	432	}
443	}	433	}
444		434
445	this.run();	435	this.run();
446	}, 1000);	436	}, 1000);
447	}());	437	}());
448	</script><noscript><?php echo _('N/A'); ?></noscript></td>	438	</script><noscript><?php echo _('N/A'); ?></noscript></td>
449	</tr>	439	</tr>
450	<tr>	440	<tr>
451	<th><?php echo _('User Agent'); ?>:</th>	441	<th><?php echo _('User Agent'); ?>:</th>
452	<td><script type="text/javascript">	442	<td><script type="text/javascript">
453	(function () {	443	(function () {
454	var ua = navigator.userAgent;	444	var ua = navigator.userAgent;
455	document.write('<span id="ua" title="' + ua + '">' + ua + '<\/span>');	445	document.write('<span id="ua" title="' + ua + '">' + ua + '<\/span>');
456		446
457	var oUA;	447	var oUA;
458	runAsync(function () {	448	runAsync(function () {
459	if (typeof oUA == "undefined")	449	if (typeof oUA == "undefined")
460	{	450	{
461	oUA = document.getElementById("ua");	451	oUA = document.getElementById("ua");
462	}	452	}
463		453
464	if (oUA)	454	if (oUA)
465	{	455	{
466	var ua = navigator.userAgent;	456	var ua = navigator.userAgent;
467		457
468	if (oUA.innerHTML != ua)	458	if (oUA.innerHTML != ua)
469	{	459	{
470	oUA.innerHTML = ua;	460	oUA.innerHTML = ua;
471	}	461	}
472		462
473	/* Converts CREs */	463	/* Converts CREs */
474	var oUAhtml = oUA.innerHTML	464	var oUAhtml = oUA.innerHTML
475	if (oUA.title != oUAhtml)	465	if (oUA.title != oUAhtml)
476	{	466	{
477	oUA.title = oUAhtml;	467	oUA.title = oUAhtml;
478	}	468	}
479	}	469	}
480		470
481	this.run();	471	this.run();
482	}, 1000);	472	}, 1000);
483	}());	473	}());
484	</script><noscript><?php echo _('N/A'); ?></noscript></td>	474	</script><noscript><?php echo _('N/A'); ?></noscript></td>
485	</tr>	475	</tr>
486	<tr>	476	<tr>
487	<th><?php echo _('Features'); ?>:</th>	477	<th><?php echo _('Features'); ?>:</th>
488	<td><script type="text/javascript">	478	<td><script type="text/javascript">
489	var fullscreen = jsx.dom.window.fullscreen;	479	var fullscreen = jsx.dom.window.fullscreen;
490		480
491	(function () {	481	(function () {
492	function getFeatures ()	482	function getFeatures ()
493	{	483	{
494	var features = [];	484	var features = [];

Subversion Repositories LCARS

(root)/trunk/index.phtml @ 207 - Rev 145 → 146