WebSVN - LCARS - Diff - Rev 128 and 130


<!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"> -->
*/ ?>
    <link rel="stylesheet" type="text/css" href="scripts/builder?type=text/css&amp;prefix=../styles/&amp;src=lcars-basic<?php
      $isLocal = ($_SERVER['HTTP_HOST'] === 'localhost');
      if ($isLocal)
      {
        ?>&amp;verbose=1&amp;debug=1<?php
      }
    ?>">
<?php
  $printable = (isset($_GET['printable']) && $_GET['printable'] === '1');
  if (!$printable)
  {
?>
    <link rel="stylesheet" type="text/css" href="scripts/builder?type=text/css&amp;prefix=../styles/&amp;src=lcars22<?php
      if (isset($_GET['ani']) && $_GET['ani'] !== '')
      {
        echo '?ani=' . $_GET['ani'];
      }

      if ($isLocal)
      {
        ?>&amp;verbose=1&amp;debug=1<?php
      }
    ?>">
<?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">
                    (function () {
                      var screenInfo = jsx.dom.window.screenInfo;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
                     
                      var dim = {
                        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'); ?>"
                            : "";
                        }
                      };

                      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="screenDim">' + screenDimText + '<\/span>' : "")
                          + (availDimText ? ' (<span id="availDim">' + availDimText + "<\/span>" : "")
                          + (innerDimText ? '<span id="innerDim">' + innerDimText + "<\/span>) <?php echo _('pixels'); ?>" : "")
                          + (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 oScreenDim;
                      var oAvailDim;
                      var oInnerDim;
                      var _gEBI = jsx.dom.getElementById;
                      jsx.dom.addEventListener(window, "resize", function () {
                        /* FIXME: Also update title attribute value */
                        if (typeof oScreenDim == "undefined") oScreenDim = _gEBI("screenDim");
                        if (oScreenDim) oScreenDim.innerHTML = dim.getScreenText();

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

                        if (typeof oInnerDim == "undefined") oInnerDim = _gEBI("innerDim");
                        if (oInnerDim) oInnerDim.innerHTML = dim.getInnerText();
                      });

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

                        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;
                      jsx.dom.timeout.runAsync(function () {
                        if (typeof oUA == "undefined")
                        {
                          oUA = document.getElementById("ua");
                        }
                       
                        if (oUA)
                        {
                          oUA.innerHTML = navigator.userAgent;

                          /* Converts CREs */
                          oUA.title = oUA.innerHTML;
                        }

                        this.run();
                      }, 1000);
                    }());
                  </script><noscript><?php echo _('N/A'); ?></noscript></td>
                </tr>
                <tr>
                  <th><?php echo _('Features'); ?>:</th>
                  <td><script type="text/javascript">
                    <?php /* FIXME: Move to window.js, keep i18n */ ?>
                    var fullscreen = jsx.dom.window.fullscreen = (function () {
                      var _isHostMethod = jsx.object.isHostMethod;
                     
                      return {
                        getSupportedProperty: function (base, names, test) {
                          for (var i = 0, len = names.length; i < len; ++i)
                          {
                            var name = names[i];
                            if (test.call(null, base, name))
                            {
                              return name;
                            }
                          }
 
                          return null;
                        },
 
                        getSupportedCancel: (function () {
                          var _supportedCancel;
 
                          return function () {
                            if (typeof _supportedCancel == "undefined")
                            {
                              var properties = ["cancelFullScreen", "mozCancelFullScreen",
                                                "webkitCancelFullScreen"];
                           
                              _supportedCancel = this.getSupportedProperty(document, properties, _isHostMethod);
                            }
 
                            return _supportedCancel;
                          };
                        }()),
                       
                        getSupportedElement: (function () {
                          var _supportedElement;
 
                          return function () {
                            if (typeof _supportedElement == "undefined")
                            {
                              var properties = ["fullscreenElement", "mozFullscreenElement",
                                                "webkitFullscreenElement"];
 
                              _supportedElement = this.getSupportedProperty(document, properties,
                                function (base, name) {
                                  return typeof base[name] != "undefined";
                                });
                            }
 
                            return _supportedElement;
                          };
                        }()),
                       
                        isSupportedBy: function (elem) {
                          var methods = ["requestFullscreen", "mozRequestFullscreen",
                                         "webkitRequestFullscreen"];
                          return this.getSupportedProperty(elem, methods, _isHostMethod);
                        },
 
                        isFullscreen: function () {
                          var properties = ["fullscreenElement", "mozFullscreenElement",
                                            "webkitFullscreenElement"];
                          var supportedProperty = this.getSupportedProperty(
                            document, properties,
                            function (base, name) {
                              return typeof base[name] != "undefined";
                            });
 
                          return supportedProperty && document[supportedProperty] != null;
                        },
 
                        cancel: function (target, oldHandler, textTarget) {
                          var supportedCancel = this.getSupportedCancel();
                          if (supportedCancel)
                          {
                            document[supportedCancel]();
                           
                            var supportedElement = this.getSupportedElement();
                            if (supportedElement)
                            {
                              if (document[supportedElement] == null)
                              {
                                if (textTarget)
                                {
                                  textTarget.textContent = "<?php echo _("Fullscreen"); ?>";
                                }
                               
                                if (target)
                                {
                                  target.onclick = oldHandler;
                                }
                              }
                            }
                          }
                        },
                       
                        requestOn: function (elem, eventTarget, textTarget) {
                          var requestMethodName;
 
                          if (elem && (requestMethodName = this.isSupportedBy(elem)))
                          {
                            elem[requestMethodName]();
                            if (textTarget && this.isFullscreen())
                            {
                              var oldText = textTarget.textContent;
                              var me = this;
                              var oldHandler = eventTarget.onclick;
                              eventTarget.onclick = function () {
                                me.cancel(this, oldHandler, textTarget);
                              };
                              textTarget.textContent = "<?php echo _("Window"); ?>";
                            }
                          }
                        }
                      };
                    }());
                 
                    (function () {
                      function getFeatures ()
                      {
                        var features = [];
                        if (navigator.cookieEnabled) features.push("<?php echo _('Cookies'); ?>");
                        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) features.push("Plugins");
                        if (storage.sessionStorage.isSupported()) features.push("Session Storage");
                        if (typeof window.ontouchstart != "undefined") features.push("Touch");
                        return features.join(" &#8226; ");
                      }
 
                      var sFeatures = getFeatures();
                      document.write('<span id="features" title="' + sFeatures + '">' + sFeatures + '<\/span>');

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

                        if (oFeatures)
                        {
                          oFeatures.innerHTML = getFeatures();

                          /* Converts CREs */
                          oFeatures.title = oFeatures.innerHTML;
                        }
                      }, 1000);
                    }());
                  </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, this.firstChild)"
                   onkeyup="if (event.keyCode == 13) { this.onclick(); }"
                   tabindex="1"
                   ><span class="text"><script type="text/javascript">
                     if (fullscreen.isSupportedBy(document.documentElement))
                     {
<?php /*
                       var previousIsFullscreen = fullscreen.isFullscreen();
                       var oldHandler;
                       window.onresize = function () {
                         var nowIsFullscreen = fullscreen.isFullscreen();
                         if (nowIsFullscreen != previousIsFullscreen)
                         {
                           var cmd3 = document.getElementById("cmd3");
                           var target = cmd3.firstChild;
                           var textTarget = target.firstChild;
                           if (nowIsFullscreen)
                           {
                             oldHandler = target.onclick;
                           //   fullscreen.requestOn(document.documentElement, cmd3.firstElementChild, cmd3.firstElementChild.firstElementChild);
                           }
                           else
                           {
                             fullscreen.cancel(target, oldHandler, textTarget);
                           }
                           
                           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 128	Rev 130
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	*/ ?>	61	*/ ?>
62	<link rel="stylesheet" type="text/css" href="scripts/builder?type=text/css&prefix=../styles/&src=lcars-basic">	62	<link rel="stylesheet" type="text/css" href="scripts/builder?type=text/css&prefix=../styles/&src=lcars-basic<?php
-		63	$isLocal = ($_SERVER['HTTP_HOST'] === 'localhost');
-		64	if ($isLocal)
-		65	{
-		66	?>&verbose=1&debug=1<?php
-		67	}
-		68	?>">
63	<?php	69	<?php
64	$printable = (isset($_GET['printable']) && $_GET['printable'] === '1');	70	$printable = (isset($_GET['printable']) && $_GET['printable'] === '1');
65	if (!$printable)	71	if (!$printable)
66	{	72	{
67	?>	73	?>
68	<link rel="stylesheet" type="text/css" href="scripts/builder?type=text/css&prefix=../styles/&src=lcars22<?php	74	<link rel="stylesheet" type="text/css" href="scripts/builder?type=text/css&prefix=../styles/&src=lcars22<?php
69	if (isset($_GET['ani']) && $_GET['ani'] !== '')	75	if (isset($_GET['ani']) && $_GET['ani'] !== '')
70	{	76	{
71	echo '?ani=' . $_GET['ani'];	77	echo '?ani=' . $_GET['ani'];
72	}	78	}
-		79
-		80	if ($isLocal)
-		81	{
-		82	?>&verbose=1&debug=1<?php
-		83	}
73	?>">	84	?>">
74	<?php	85	<?php
75	}	86	}
76	?>	87	?>
77	<style type="text/css">	88	<style type="text/css">
78	<!--	89	<!--
79	p {	90	p {
80	max-width: 100%;	91	max-width: 100%;
81	}	92	}
82	-->	93	-->
83	</style>	94	</style>
84		95
85	<script type="text/javascript" src="scripts/builder?src=object,dom,dom/storage,dom/window"></script>	96	<script type="text/javascript" src="scripts/builder?src=object,dom,dom/storage,dom/events,dom/timeout,dom/window<?php
-		97	if ($isLocal)
-		98	{
-		99	?>&verbose=1&debug=1<?php
-		100	}
-		101	?>"></script>
86	<script type="text/javascript">	102	<script type="text/javascript">
87	<?php	103	<?php
88	/*	104	/*
89	var ms1Day = 6060241000; // ms for 1 days = 60sec60min24hours1000ms	105	var ms1Day = 6060241000; // ms for 1 days = 60sec60min24hours1000ms
90	var msLeaveDays = ms1Day*6;	106	var msLeaveDays = ms1Day*6;
91	var ms30Days=ms1Day*30;	107	var ms30Days=ms1Day*30;
92	var delta;	108	var delta;
93	var newTime=new Date();	109	var newTime=new Date();
94	var msTime=newTime.getTime();	110	var msTime=newTime.getTime();
95	var msExpire=msTime+ms30Days;	111	var msExpire=msTime+ms30Days;
96	var expireTime=new Date(msExpire);	112	var expireTime=new Date(msExpire);
97		113
98	cookieVal=	114	cookieVal=
99	"savedTime=" + newTime.toGMTString()	115	"savedTime=" + newTime.toGMTString()
100	+ "; expires=" + expireTime.toGMTString()	116	+ "; expires=" + expireTime.toGMTString()
101	+ "; domain=anybody"	117	+ "; domain=anybody"
102	+ "; path=/";	118	+ "; path=/";
103	document.cookie= cookieVal;	119	document.cookie= cookieVal;
104	*/	120	*/
105	?>	121	?>
106	function body_load ()	122	function body_load ()
107	{	123	{
108	if (typeof this.ontouchstart != 'undefined')	124	if (typeof this.ontouchstart != 'undefined')
109	{	125	{
110	this.ontouchstart = function () {};	126	this.ontouchstart = function () {};
111	}	127	}
112		128
113	if (fullscreen.isSupportedBy(document.documentElement))	129	if (fullscreen.isSupportedBy(document.documentElement))
114	{	130	{
115	var fullscreenLI = jsx.dom.getElementById("cmd3");	131	var fullscreenLI = jsx.dom.getElementById("cmd3");
116	fullscreenLI.firstChild.style.cursor = "";	132	fullscreenLI.firstChild.style.cursor = "";
117	}	133	}
118	}	134	}
119	</script>	135	</script>
120	<?php /* <bgsound src="media/interface/sound/beginop.wav" loop="infinite"> */ ?>	136	<?php /* <bgsound src="media/interface/sound/beginop.wav" loop="infinite"> */ ?>
121	</head>	137	</head>
122	<body class="fade-in" onload="body_load()">	138	<body class="fade-in" onload="body_load()">
123	<div id="content">	139	<div id="content">
124	<h1 style="text-align: center"><img	140	<h1 style="text-align: center"><img
125	src="media/video/img/vulcan_hand-black-bg.png"	141	src="media/video/img/vulcan_hand-black-bg.png"
126	width="120"	142	width="120"
127	height="168"	143	height="168"
128	alt="<?php echo _("Vulcan greeting"); ?>"	144	alt="<?php echo _("Vulcan greeting"); ?>"
129	title="<?php echo _("Vulcan greeting"); ?>"	145	title="<?php echo _("Vulcan greeting"); ?>"
130	style="border: none; cursor: default"	146	style="border: none; cursor: default"
131	onmouseover="return setStatus(this.title)"	147	onmouseover="return setStatus(this.title)"
132	onmouseout="return resetStatus()"><br>	148	onmouseout="return resetStatus()"><br>
133	<?php echo _("Welcome to PointedEars’ Website"); ?></h1>	149	<?php echo _("Welcome to PointedEars’ Website"); ?></h1>
134	<?php	150	<?php
135	if (!$printable)	151	if (!$printable)
136	{	152	{
137	?>	153	?>
138	<p class="instruction" style="font-size: 100%; text-align: center"><?php	154	<p class="instruction" style="font-size: 100%; text-align: center"><?php
139	echo sprintf(	155	echo sprintf(
140	_("This site uses recent <a href='https://developer.mozilla.org/en-US/docs/'"	156	_("This site uses recent <a href='https://developer.mozilla.org/en-US/docs/'"
141	. " title='Learn more: Mozilla Developer Network'>Web technologies</a>."	157	. " title='Learn more: Mozilla Developer Network'>Web technologies</a>."
142	. " You can use the <a href='index.%s?printable=1'>%s</a>"	158	. " You can use the <a href='index.%s?printable=1'>%s</a>"
143	. " if it is not displayed properly with your software."),	159	. " if it is not displayed properly with your software."),
144	$language,	160	$language,
145	_('Printable version'));	161	_('Printable version'));
146	?></p>	162	?></p>
147	<?php	163	<?php
148	}	164	}
149		165
150	/*	166	/*
151	<p>	167	<p>
152	\| <a href="leisure/" target="_top"	168	\| <a href="leisure/" target="_top"
153	>Freizeit-Datenbank</a>	169	>Freizeit-Datenbank</a>
154	\| <a href="mozilla/" target="_top">Mozilla</a>	170	\| <a href="mozilla/" target="_top">Mozilla</a>
155	\| <a href="poetry/" target="_top">Poesie</a>	171	\| <a href="poetry/" target="_top">Poesie</a>
156	*/	172	*/
157		173
158	/*	174	/*
159	\| [<abbr title="nur in englischer Sprache verfügbar"	175	\| [<abbr title="nur in englischer Sprache verfügbar"
160	>en</abbr>]	176	>en</abbr>]
161	\| <a href="selfhtml.de/" target="_top">SELFHTML.DE</a>	177	\| <a href="selfhtml.de/" target="_top">SELFHTML.DE</a>
162	*/	178	*/
163	/*	179	/*
164	\| <a href="lyrics/" target="_top">Songbook</a>	180	\| <a href="lyrics/" target="_top">Songbook</a>
165	\| </p>	181	\| </p>
166	*/	182	*/
167	/*	183	/*
168	<p><a href="about/worm.de.html" target="_top"	184	<p><a href="about/worm.de.html" target="_top"
169	>Seltsame E-Mails bekommen?</a></p>	185	>Seltsame E-Mails bekommen?</a></p>
170	*/	186	*/
171	/*	187	/*
172	<noscript>	188	<noscript>
173	<a	189	<a
174	href="http://pointedears.de/"	190	href="http://pointedears.de/"
175	title="PointedEars' Website"	191	title="PointedEars' Website"
176	>Diese Website zu Ihren Lesezeichen hinzufügen</a>	192	>Diese Website zu Ihren Lesezeichen hinzufügen</a>
177	</noscript>	193	</noscript>
178		194
179	<!-- Klicken Sie hier, falls Sie nach 5 Sekunden nicht automatisch	195	<!-- Klicken Sie hier, falls Sie nach 5 Sekunden nicht automatisch
180	weitergeleitet werden. -->	196	weitergeleitet werden. -->
181	*/	197	*/
182	?>	198	?>
183	<?php	199	<?php
184	$app = "Welcome/$language";	200	$app = "Welcome/$language";
185	require_once 'footer.phtml';	201	require_once 'footer.phtml';
186	/* embed src="media/interface/speech/de/warten.wav" width="0" height="0"	202	/* embed src="media/interface/speech/de/warten.wav" width="0" height="0"
187	hidden="true" autostart="true" dir="ltr" lang="de" */	203	hidden="true" autostart="true" dir="ltr" lang="de" */
188	?>	204	?>
189	</div>	205	</div>
190	<div id="LCARS">	206	<div id="LCARS">
191	<?php /*	207	<?php /*
192	<div id="button-grid" style="position: absolute; opacity: 0.3">	208	<div id="button-grid" style="position: absolute; opacity: 0.3">
193	<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>
194		210
195	<a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>	211	<a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
196	<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>
197	<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>	213	<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
198	<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>	214	<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
199		215
200	<a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>	216	<a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
201	<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>
202	<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>	218	<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
203	<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>	219	<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
204		220
205	<a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>	221	<a class="button" style="display: block; clear: left; 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>	222	<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>	223	<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
208	<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>	224	<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
209		225
210	<a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>	226	<a class="button" style="display: block; clear: left; 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>	227	<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>	228	<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
213	<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>	229	<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
214		230
215	<a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>	231	<a class="button" style="display: block; clear: left; 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>	232	<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>	233	<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
218	<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>	234	<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
219	<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>	235	<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
220		236
221	<a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>	237	<a class="button" style="display: block; clear: left; 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>	238	<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
223	<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>	239	<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
224	<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>
225		241
226	<a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>	242	<a class="button" style="display: block; clear: left; 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>	243	<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>	244	<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
229		245
230	<a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>	246	<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>	247	<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>	248	<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
233		249
234	<a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>	250	<a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
235	<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>	251	<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>	252	<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
237		253
238	<a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>	254	<a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
239	<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>	255	<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>	256	<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
241	</div>	257	</div>
242	*/ ?>	258	*/ ?>
243	<div id="bow">	259	<div id="bow">
244	<div id="bow-top">	260	<div id="bow-top">
245	<div class="separator-left"> </div>	261	<div class="separator-left"> </div>
246	<div class="text"><span>PointedEars’ Website</span></div>	262	<div class="text"><span>PointedEars’ Website</span></div>
247	</div>	263	</div>
248	<div id="bow-top-left">	264	<div id="bow-top-left">
249	<div class="concave"> </div>	265	<div class="concave"> </div>
250	<div style="position: absolute; top: 3.2em; left: 0; background-color: black">	266	<div style="position: absolute; top: 3.2em; left: 0; background-color: black">
251	<div class="bow" style="margin-top: 0.2em; width: 8em; height: 1em"> </div>	267	<div class="bow" style="margin-top: 0.2em; width: 8em; height: 1em"> </div>
252	</div>	268	</div>
253	</div>	269	</div>
254	<div id="bottom">	270	<div id="bottom">
255	<div id="bow-bottom">	271	<div id="bow-bottom">
256	<div class="concave"> </div>	272	<div class="concave"> </div>
257	<div class="spacer"> </div>	273	<div class="spacer"> </div>
258	</div>	274	</div>
259	</div>	275	</div>
260		276
261	<div class="menu-container">	277	<div class="menu-container">
262	<nav class="menu">	278	<nav class="menu">
263	<ul style="padding-top: 1em">	279	<ul style="padding-top: 1em">
264	<?php foreach ($languages as $key => $name): ?>	280	<?php foreach ($languages as $key => $name): ?>
265	<li><a href="index.<?php echo $key; ?>?ani=0"	281	<li><a href="index.<?php echo $key; ?>?ani=0"
266	class="button<?php if ($language === $key) { ?> selected<?php } ?>"	282	class="button<?php if ($language === $key) { ?> selected<?php } ?>"
267	tabindex="2"><span class="text"><?php echo $name; ?></span></a></li>	283	tabindex="2"><span class="text"><?php echo $name; ?></span></a></li>
268	<?php endforeach; ?>	284	<?php endforeach; ?>
269	</ul>	285	</ul>
270	<div class="bow" style="margin-bottom: 0.4em; width: 8em; height: 0.4em"> </div>	286	<div class="bow" style="margin-bottom: 0.4em; width: 8em; height: 0.4em"> </div>
271	<ul style="margin-bottom: 1.2em">	287	<ul style="margin-bottom: 1.2em">
272	<li><a href="<?php echo $menu['scripts']['path']; ?>" target="_top" class="button"><span class="text"><?php echo $menu['scripts']['text']; ?></span></a></li>	288	<li><a href="<?php echo $menu['scripts']['path']; ?>" target="_top" class="button"><span class="text"><?php echo $menu['scripts']['text']; ?></span></a></li>
273	<li><a href="<?php echo $menu['es-matrix']['path']; ?>" target="_top" class="button"	289	<li><a href="<?php echo $menu['es-matrix']['path']; ?>" target="_top" class="button"
274	title="<?php echo $menu['es-matrix']['title']; ?>"	290	title="<?php echo $menu['es-matrix']['title']; ?>"
275	><span class="text"><?php echo $menu['es-matrix']['text']; ?></span></a></li>	291	><span class="text"><?php echo $menu['es-matrix']['text']; ?></span></a></li>
276	<li><a href="<?php echo $menu['devel']['path']; ?>" target="_top" class="button"><span class="text"><?php echo $menu['devel']['text']; ?></span></a></li>	292	<li><a href="<?php echo $menu['devel']['path']; ?>" target="_top" class="button"><span class="text"><?php echo $menu['devel']['text']; ?></span></a></li>
277	</ul>	293	</ul>
278	<ul style="margin-bottom: 0.2em">	294	<ul style="margin-bottom: 0.2em">
279	<li><a href="psf/" target="_top"	295	<li><a href="psf/" target="_top"
280	class="button ancillary"	296	class="button ancillary"
281	><abbr title="<?php echo _("PointedEars' Standard Frases"); ?>"	297	><abbr title="<?php echo _("PointedEars' Standard Frases"); ?>"
282	class="text">psf</abbr></a></li>	298	class="text">psf</abbr></a></li>
283	<li><a href="<?php echo $menu['series']['path']; ?>" target="_top" class="button ancillary"	299	<li><a href="<?php echo $menu['series']['path']; ?>" target="_top" class="button ancillary"
284	title="List of recommended TV shows and episodes, with logos in CSS"	300	title="List of recommended TV shows and episodes, with logos in CSS"
285	><span class="text"><?php echo $menu['series']['text']; ?></span></a></li>	301	><span class="text"><?php echo $menu['series']['text']; ?></span></a></li>
286	<li><a href="<?php echo $menu['ufpdb']['path']; ?>" target="_top" class="button database"	302	<li><a href="<?php echo $menu['ufpdb']['path']; ?>" target="_top" class="button database"
287	><abbr title="<?php echo $menu['ufpdb']['title']; ?>"	303	><abbr title="<?php echo $menu['ufpdb']['title']; ?>"
288	class="text"><?php echo $menu['ufpdb']['text']; ?></abbr></a></li>	304	class="text"><?php echo $menu['ufpdb']['text']; ?></abbr></a></li>
289	</ul>	305	</ul>
290	<div style="position: relative; margin-bottom: 1.2em">	306	<div style="position: relative; margin-bottom: 1.2em">
291	<div class="bow" style="width: 8em; height: 0.8em"> </div>	307	<div class="bow" style="width: 8em; height: 0.8em"> </div>
292	</div>	308	</div>
293	<ul>	309	<ul>
294	<li><a href="http://climateapps2.oerc.ox.ac.uk/cpdnboinc/show_user.php?userid=648544"	310	<li><a href="http://climateapps2.oerc.ox.ac.uk/cpdnboinc/show_user.php?userid=648544"
295	target="_top" class="button secondary"	311	target="_top" class="button secondary"
296	title="<?php echo _("The world’s largest climate forecasting experiment for the 21st century"); ?>"	312	title="<?php echo _("The world’s largest climate forecasting experiment for the 21st century"); ?>"
297	><span class="text">climateprediction.net</span></a></li>	313	><span class="text">climateprediction.net</span></a></li>
298	<?php /* http://vspx27.stanford.edu/cgi-bin/main.py?qtype=userpage&username=Thomas_Lahn */ ?>	314	<?php /* http://vspx27.stanford.edu/cgi-bin/main.py?qtype=userpage&username=Thomas_Lahn */ ?>
299	<li><a href="<?php echo _("http://folding.stanford.edu/English/HomePage"); ?>"	315	<li><a href="<?php echo _("http://folding.stanford.edu/English/HomePage"); ?>"
300	target="_top" class="button secondary"	316	target="_top" class="button secondary"
301	title="<?php echo _("Distributed computing to understand protein folding, protein aggregation, and related diseases"); ?>"	317	title="<?php echo _("Distributed computing to understand protein folding, protein aggregation, and related diseases"); ?>"
302	><span class="text">Folding at home</span></a></li>	318	><span class="text">Folding at home</span></a></li>
303	<li><a href="http://lhcathomeclassic.cern.ch/sixtrack/show_user.php?userid=221181"	319	<li><a href="http://lhcathomeclassic.cern.ch/sixtrack/show_user.php?userid=221181"
304	target="_top" class="button secondary"	320	target="_top" class="button secondary"
305	title="<?php echo _("Particle physics research with the Large Hadron Collider at CERN"); ?>"	321	title="<?php echo _("Particle physics research with the Large Hadron Collider at CERN"); ?>"
306	><span class="text">LHC at home</span></a></li>	322	><span class="text">LHC at home</span></a></li>
307	<li><a href="http://setiathome.berkeley.edu/show_user.php?userid=378921"	323	<li><a href="http://setiathome.berkeley.edu/show_user.php?userid=378921"
308	target="_top" class="button secondary"	324	target="_top" class="button secondary"
309	title="<?php echo _("The Search for Extra-Terrestrial Intelligence at HOME"); ?>"	325	title="<?php echo _("The Search for Extra-Terrestrial Intelligence at HOME"); ?>"
310	><span class="text">SETI at home</span></a></li>	326	><span class="text">SETI at home</span></a></li>
311	</ul>	327	</ul>
312	<?php /*	328	<?php /*
313	<script type="text/javascript">	329	<script type="text/javascript">
314	var sURL = location.href;	330	var sURL = location.href;
315	var sFavAnchorTitle =	331	var sFavAnchorTitle =
316	"Klicken Sie hier, um PointedEars' Website Ihren Favoriten"	332	"Klicken Sie hier, um PointedEars' Website Ihren Favoriten"
317	+ " hinzuzufügen";	333	+ " hinzuzufügen";
318	var sOtherAnchorTitle =	334	var sOtherAnchorTitle =
319	"Klicken Sie hier mit der rechten Maustaste, um PointedEars' Website"	335	"Klicken Sie hier mit der rechten Maustaste, um PointedEars' Website"
320	+ " Ihren Lesezeichen hinzuzufügen";	336	+ " Ihren Lesezeichen hinzuzufügen";
321	var sFavoriteTitle = "PointedEars' Website";	337	var sFavoriteTitle = "PointedEars' Website";
322		338
323	if (jsx.object.isHostMethod(jsx.global.window, "external", "AddFavorite"))	339	if (jsx.object.isHostMethod(jsx.global.window, "external", "AddFavorite"))
324	{	340	{
325	document.write(	341	document.write(
326	'<div style="position: relative; margin-top: 1em; border-bottom: 0.2em solid transparent">'	342	'<div style="position: relative; margin-top: 1em; border-bottom: 0.2em solid transparent">'
327	+ ' <div class="bow" style="width: 8em; height: 1em"> <\/div>'	343	+ ' <div class="bow" style="width: 8em; height: 1em"> <\/div>'
328	+ ' <div class="bow" style="position: absolute; top: 0; left: 8.2em; width: 2em; height: 1em"> <\/div>'	344	+ ' <div class="bow" style="position: absolute; top: 0; left: 8.2em; width: 2em; height: 1em"> <\/div>'
329	+ '</div>'	345	+ '</div>'
330	+ '<a href="javascript:window.external.AddFavorite('	346	+ '<a href="javascript:window.external.AddFavorite('
331	+ ' sURL, sFavoriteTitle);" title="' + sFavAnchorTitle + '"'	347	+ ' sURL, sFavoriteTitle);" title="' + sFavAnchorTitle + '"'
332	+ ' class="button"'	348	+ ' class="button"'
333	+ ' onclick="window.external.AddFavorite('	349	+ ' onclick="window.external.AddFavorite('
334	+ ' sURL, sFavoriteTitle); return false"'	350	+ ' sURL, sFavoriteTitle); return false"'
335	+ ' onmouseover="return setStatus(sFavAnchorTitle)"'	351	+ ' onmouseover="return setStatus(sFavAnchorTitle)"'
336	+ ' onmouseout="return resetStatus()"'	352	+ ' onmouseout="return resetStatus()"'
337	+ '><span class="text">Favorit<\/span><\/a>');	353	+ '><span class="text">Favorit<\/span><\/a>');
338	}	354	}
339	</script>	355	</script>
340	*/ ?>	356	*/ ?>
341	</nav>	357	</nav>
342	</div>	358	</div>
343	</div>	359	</div>
344	<div id="connectors">	360	<div id="connectors">
345	<div class="bow top left"> </div>	361	<div class="bow top left"> </div>
346	<div class="bow top right"> </div>	362	<div class="bow top right"> </div>
347		363
348	<div class="bow mid left"> </div>	364	<div class="bow mid left"> </div>
349	<div class="bow mid right"> </div>	365	<div class="bow mid right"> </div>
350	</div>	366	</div>
351	<div class="multi-display">	367	<div class="multi-display">
352	<div class="upper">	368	<div class="upper">
353	<div class="content">	369	<div class="content">
354	<div class="title"><span>Home</span></div>	370	<div class="title"><span>Home</span></div>
355	<div class="analysis">	371	<div class="analysis">
356	<table>	372	<table>
357	<tr>	373	<tr>
358	<th><?php echo _('Display'); ?>:</th>	374	<th><?php echo _('Display'); ?>:</th>
359	<td><script type="text/javascript">	375	<td><script type="text/javascript">
360	(function () {	376	(function () {
361	var screenInfo = {	377	var screenInfo = jsx.dom.window.screenInfo;
362	getDim: function () {	-
363	return {	-
364	width: screen.width,	-
365	height: screen.height	-
366	};	-
367	},	-
368		-
369	getAvailDim: function () {	-
370	return {	-
371	width: screen.availWidth,	-
372	height: screen.availHeight	-
373	};	-
374	},	-
375		-
376	getInnerDim: function () {	-
377	return {	-
378	width: window.innerWidth,	-
379	height: window.innerHeight	-
380	};	-
381	},	-
382		-
383	getColorDepth: function () {	-
384	return (screen.colorDepth \|\| screen.pixelDepth);	-
385	}	-
386	};	-
387		378
388	var dim = {	379	var dim = {
389	getScreenText: function () {	380	getScreenText: function () {
390	var screenDim = screenInfo.getDim();	381	var screenDim = screenInfo.getDim();
391	return screenDim.width + "×" + screenDim.height;	382	return screenDim.width + "×" + screenDim.height;
392	},	383	},
393		384
394	getAvailText: function () {	385	getAvailText: function () {
395	var availDim = screenInfo.getAvailDim();	386	var availDim = screenInfo.getAvailDim();
396	return availDim.width + "×" + availDim.height + " <?php echo _('available'); ?>";	387	return availDim.width + "×" + availDim.height + " <?php echo _('available'); ?>";
397	},	388	},
398		389
399	getInnerText: function () {	390	getInnerText: function () {
400	var innerDim = screenInfo.getInnerDim();	391	var innerDim = screenInfo.getInnerDim();
401	return ", " + innerDim.width + "×" + innerDim.height + " <?php echo _('used'); ?>";	392	return ", " + innerDim.width + "×" + innerDim.height + " <?php echo _('used'); ?>";
402	},	393	},
403		394
404	getColorDepthText: function () {	395	getColorDepthText: function () {
405	var colorDepth = screenInfo.getColorDepth();	396	var colorDepth = screenInfo.getColorDepth();
406	return colorDepth	397	return colorDepth
407	? '2<sup>' + colorDepth + "<\/sup> <?php echo _('colors'); ?>"	398	? '2<sup>' + colorDepth + "<\/sup> <?php echo _('colors'); ?>"
408	: "";	399	: "";
409	}	400	}
410	};	401	};
411		402
412	var screenDimText = dim.getScreenText();	403	var screenDimText = dim.getScreenText();
413	var availDimText = dim.getAvailText();	404	var availDimText = dim.getAvailText();
414	var innerDimText = dim.getInnerText();	405	var innerDimText = dim.getInnerText();
415	var colorDepthText = dim.getColorDepthText();	406	var colorDepthText = dim.getColorDepthText();
416	var displayInfo = (screenDimText \|\| availDimText \|\| innerDimText \|\| colorDepthText)	407	var displayInfo = (screenDimText \|\| availDimText \|\| innerDimText \|\| colorDepthText)
417	? (screenDimText ? '<span id="screenDim">' + screenDimText + '<\/span>' : "")	408	? (screenDimText ? '<span id="screenDim">' + screenDimText + '<\/span>' : "")
418	+ (availDimText ? ' (<span id="availDim">' + availDimText + "<\/span>" : "")	409	+ (availDimText ? ' (<span id="availDim">' + availDimText + "<\/span>" : "")
419	+ (innerDimText ? '<span id="innerDim">' + innerDimText + "<\/span>) <?php echo _('pixels'); ?>" : "")	410	+ (innerDimText ? '<span id="innerDim">' + innerDimText + "<\/span>) <?php echo _('pixels'); ?>" : "")
420	+ (colorDepthText ? ' × <span id="colorDepth">' + colorDepthText + "<\/span>" : "")	411	+ (colorDepthText ? ' × <span id="colorDepth">' + colorDepthText + "<\/span>" : "")
421	: "<?php echo _('N/A'); ?>";	412	: "<?php echo _('N/A'); ?>";
422		413
423	/* FIXME: Convert HTML to text, update whole title text */	414	/* FIXME: Convert HTML to text, update whole title text */
424	document.write('<span>' + displayInfo + '<\/span>');	415	document.write('<span>' + displayInfo + '<\/span>');
425		416
426	var oScreenDim;	417	var oScreenDim;
427	var oAvailDim;	418	var oAvailDim;
428	var oInnerDim;	419	var oInnerDim;
-		420	var _gEBI = jsx.dom.getElementById;
429	window.onresize = function () {	421	jsx.dom.addEventListener(window, "resize", function () {
430	/* FIXME: Also update title attribute value */	422	/* FIXME: Also update title attribute value */
431	if (typeof oScreenDim == "undefined") oScreenDim = document.getElementById("screenDim");	423	if (typeof oScreenDim == "undefined") oScreenDim = _gEBI("screenDim");
432	if (oScreenDim) oScreenDim.innerHTML = dim.getScreenText();	424	if (oScreenDim) oScreenDim.innerHTML = dim.getScreenText();
433		425
434	if (typeof oAvailDim == "undefined") oAvailDim = document.getElementById("availDim");	426	if (typeof oAvailDim == "undefined") oAvailDim = _gEBI("availDim");
435	if (oAvailDim) oAvailDim.innerHTML = dim.getAvailText();	427	if (oAvailDim) oAvailDim.innerHTML = dim.getAvailText();
436		428
437	if (typeof oInnerDim == "undefined") oInnerDim = document.getElementById("innerDim");	429	if (typeof oInnerDim == "undefined") oInnerDim = _gEBI("innerDim");
438	if (oInnerDim) oInnerDim.innerHTML = dim.getInnerText();	430	if (oInnerDim) oInnerDim.innerHTML = dim.getInnerText();
439	};	431	});
440		432
441	var oColorDepth;	433	var oColorDepth;
442	window.setTimeout(function () {	434	jsx.dom.timeout.runAsync(function () {
443	if (typeof oColorDepth == "undefined")	435	if (typeof oColorDepth == "undefined")
444	{	436	{
445	oColorDepth = document.getElementById("colorDepth");	437	oColorDepth = document.getElementById("colorDepth");
446	}	438	}
447		439
448	if (oColorDepth)	440	if (oColorDepth)
449	{	441	{
450	/* FIXME: Also update title attribute value */	442	/* FIXME: Also update title attribute value */
451	oColorDepth.innerHTML = dim.getColorDepthText();	443	oColorDepth.innerHTML = dim.getColorDepthText();
452	}	444	}
-		445
-		446	this.run();
453	}, 1000);	447	}, 1000);
454	}());	448	}());
455	</script><noscript><?php echo _('N/A'); ?></noscript></td>	449	</script><noscript><?php echo _('N/A'); ?></noscript></td>
456	</tr>	450	</tr>
457	<tr>	451	<tr>
458	<th><?php echo _('User Agent'); ?>:</th>	452	<th><?php echo _('User Agent'); ?>:</th>
459	<td><script type="text/javascript">	453	<td><script type="text/javascript">
460	(function () {	454	(function () {
461	var ua = navigator.userAgent;	455	var ua = navigator.userAgent;
462	document.write('<span id="ua" title="' + ua + '">' + ua + '<\/span>');	456	document.write('<span id="ua" title="' + ua + '">' + ua + '<\/span>');
463		457
464	var oUA;	458	var oUA;
465	window.setTimeout(function () {	459	jsx.dom.timeout.runAsync(function () {
466	if (typeof oUA == "undefined")	460	if (typeof oUA == "undefined")
467	{	461	{
468	oUA = document.getElementById("ua");	462	oUA = document.getElementById("ua");
469	}	463	}
470		464
471	if (oUA)	465	if (oUA)
472	{	466	{
473	oUA.innerHTML = navigator.userAgent;	467	oUA.innerHTML = navigator.userAgent;
474		468
475	/* Converts CREs */	469	/* Converts CREs */
476	oUA.title = oUA.innerHTML;	470	oUA.title = oUA.innerHTML;
477	}	471	}
-		472
-		473	this.run();
478	}, 1000);	474	}, 1000);
479	}());	475	}());

Subversion Repositories LCARS

(root)/trunk/index.phtml @ 46 - Rev 128 → 130