WebSVN - LCARS - Diff - Rev 119 and 121


<!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="styles/lcars-basic.css">
<?php
  $printable = (isset($_GET['printable']) && $_GET['printable'] === '1');
  if (!$printable)
  {
?>
    <link rel="stylesheet" type="text/css" href="styles/lcars22.css<?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"></script>
    <script type="text/javascript">
      function setStatus (text)
      {
        window.status = String(text);
        return true;
      }

      function resetStatus ()
      {
        window.status = window.defaultStatus;
        return true;
      }
<?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 = {
                        getDim: function () {
                          return {
 
                            width: screen.width,
                            height: screen.height
                          };
 
 
 
                        },

                        getAvailDim: function () {
                          return {
                            width:  screen.availWidth,
                            height: screen.availHeight
                          };
                        },

                        getInnerDim: function () {
                          return {
                            width:  window.innerWidth,
                            height: window.innerHeight
                          };
                        },
                       
                        getColorDepth: function () {
                          return (screen.colorDepth || screen.pixelDepth);
                        }
                      };
                     
                      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;
                      window.onresize = function () {
                        /* FIXME: Also update title attribute value */
                        if (typeof oScreenDim == "undefined") oScreenDim = document.getElementById("screenDim");
                        if (oScreenDim) oScreenDim.innerHTML = dim.getScreenText();

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

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

                      var oColorDepth;
                      window.setTimeout(function () {
                        if (typeof oColorDepth == "undefined")
                        {
                          oColorDepth = document.getElementById("colorDepth");
                        }
 
                        if (oColorDepth)
                        {
                          /* FIXME: Also update title attribute value */
                          oColorDepth.innerHTML = dim.getColorDepthText();
                        }
                      }, 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;
                      window.setTimeout(function () {
                        if (typeof oUA == "undefined")
                        {
                          oUA = document.getElementById("ua");
                        }
                       
                        if (oUA)
                        {
                          oUA.innerHTML = navigator.userAgent;

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

Subversion Repositories LCARS

(root)/trunk/index.phtml @ 159 - Rev 119 → 121