Subversion Repositories LCARS

    <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 tr("Vulcan greeting"); ?>"

            title="<?php echo tr("Vulcan greeting"); ?>"

            style="border: none; cursor: default"

            onmouseover="return setStatus(this.title)"

            onmouseout="return resetStatus()"><br>

        <?php echo tr("Welcome to PointedEars’ Website"); ?></h1>

<?php

  if (!$printable)

  {

?>

      <p class="instruction" style="font-size: 100%; text-align: center"><?php

        echo sprintf(

          tr("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,

          tr('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";

      /* 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>

            <?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; 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 tr("PointedEars' Standard Frases"); ?>"

                        class="text">psf</abbr></a></li>

            <li><a href="<?php echo $menu['series']['path']; ?>" target="_top" class="button ancillary"

                   title="<?php echo tr('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="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 tr("The world’s largest climate forecasting experiment for the 21st century"); ?>"

                     ><span class="text">climateprediction.net</span></a></li>

              <li><a href="http://fah-web2.stanford.edu/cgi-bin/main.py?qtype=userpage&username=Thomas_Lahn"

                     target="_top" class="button secondary"

                     title="<?php echo tr("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 tr("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 tr("The Search for Extra-Terrestrial Intelligence at HOME"); ?>"

                    ><span class="text">SETI at home</span></a></li>

             <li><a href="http://stackoverflow.com/users/855543/pointedears"

                    target="_top" class="button secondary"

                    title="<?php echo tr("Me on Stack Overflow"); ?>"

                    ><span class="text">Stack Overflow</span></a></li>

             <li><a href="https://twitter.com/PointedEars2"

                    target="_top" class="button secondary"

                    title="<?php echo tr("Me on Twitter"); ?>"

                    ><span class="text">Twitter</span></a></li>

             <li><a href="<?php echo tr("http://en.wikipedia.org/wiki/Special:Contributions/PointedEars"); ?>"

                    target="_top" class="button secondary"

                    title="<?php echo tr("My contributions to Wikipedia"); ?>"

                    ><span class="text">Wikipedia</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="upper">

          <div class="content">

            <div class="title" id="title"><span>Home</span></div>

            <div class="analysis" id="analysis">

              <table>

                <tr>

                  <th><?php echo tr('Display'); ?>:</th>

                  <td><script type="text/javascript">

                    var _addEventListener = jsx.dom.addEventListener;

                    var _runAsync = jsx.dom.timeout.runAsync;

                    var ID_SCREEN_DIM = 'screenDim';

                    var ID_AVAIL_DIM = 'availDim';

                    var ID_INNER_DIM = 'innerDim';

                    var dim = (function () {

                      var screenInfo = jsx.dom.window.screenInfo;

                      return {

                        getScreenText: function () {

                          var screenDim = screenInfo.getDim();

                          return screenDim.width + "×" + screenDim.height;

                        },

                        getAvailText: function () {

                          var availDim = screenInfo.getAvailDim();

                          return availDim.width + "×" + availDim.height + " <?php echo tr('available'); ?>";

                        },

                        getInnerText: function () {

                          var innerDim = screenInfo.getInnerDim();

                          return ", " + innerDim.width + "×" + innerDim.height + " <?php echo tr('used'); ?>";

                        },

                        getColorDepthText: function () {

                          var colorDepth = screenInfo.getColorDepth();

                          return colorDepth

                            ? '2<sup>' + colorDepth + "<\/sup> <?php echo tr('colors'); ?>"

                            : "";

                        }

                      };

                    }());

                    (function () {

                      var screenDimText = dim.getScreenText();

                      var availDimText = dim.getAvailText();

                      var innerDimText = dim.getInnerText();

                      var colorDepthText = dim.getColorDepthText();

                      var displayInfo = (screenDimText || availDimText || innerDimText || colorDepthText)

                        ?   (screenDimText ? '<span id="' + ID_SCREEN_DIM + '">' + screenDimText + '<\/span> <?php echo tr('pixels'); ?>' : "")

                          + (availDimText ? ' (<span id="' + ID_AVAIL_DIM + '">' + availDimText + "<\/span>" : "")

                          + (innerDimText ? '<span id="' + ID_INNER_DIM + '">' + innerDimText + "<\/span>)" : "")

                          + (colorDepthText ? ' ×&nbsp;<span id="colorDepth">' + colorDepthText + "<\/span>" : "")

                        : TEXT_NOT_AVAILABLE;

                      /* FIXME: Convert HTML to text, update whole title text */

                      document.write('<span>' + displayInfo + '<\/span>');

                      var oColorDepth;

                      var tColor = _runAsync(function () {

                        if (typeof oColorDepth == "undefined")

                        {

                          oColorDepth = document.getElementById("colorDepth");

                        }

                        if (oColorDepth)

                        {

                          var colorDepthText = dim.getColorDepthText();

                          <?php /* FIXME: Also update title attribute value */ ?>

                          if (oColorDepth.innerHTML != colorDepthText)

                          {

                            oColorDepth.innerHTML = colorDepthText;

                          }

                        }

                        tColor = this.run();

                      }, 1000);

                      _addEventListener(document, "unload", function () {

                        tColor.unset();

                        tColor = null;

                      });

                    }());

                  </script><noscript><?php echo tr('N/A'); ?></noscript></td>

                </tr>

                <tr>

                  <th><?php echo tr('User Agent'); ?>:</th>

                  <td><script type="text/javascript">

                    (function () {

                      var ua = navigator.userAgent;

                      document.write('<span id="ua" title="' + ua + '">' + ua + '<\/span>');

                      var oUA;

                      var tUA = _runAsync(function () {

                        if (typeof oUA == "undefined")

                        {

                          oUA = document.getElementById("ua");

                        }

                        if (oUA)

                        {

                          var ua = navigator.userAgent;

                          if (oUA.innerHTML != ua)

                          {

                            oUA.innerHTML = ua;

                          }

                          <?php /* Converts CREs */ ?>

                          var oUAhtml = oUA.innerHTML

                          if (oUA.title != oUAhtml)

                          {

                            oUA.title = oUAhtml;

                          }

                        }

                        tUA = this.run();

                      }, 1000);

                      _addEventListener(document, "unload", function () {

                        tUA.unset();

                        tUA = null;

                      });

                    }());

                  </script><noscript><?php echo tr('N/A'); ?></noscript></td>

                </tr>

                <tr>

                  <th><?php echo tr('Features'); ?>:</th>

                  <td><script type="text/javascript">

                    var fullscreen = jsx.dom.window.fullscreen;

                    (function () {

                      function getFeatures ()

                      {

                        var features = [];

                        if (typeof document.cookie != "undefined")

                        {

                          var cookiesText = "<?php echo tr('Cookies'); ?>"

                          if (navigator.cookieEnabled)

                          {

                            if (document.cookie)

                            {

                              var cookies = document.cookie;

                              cookies = cookies.split(/\s*;\s*/);

                              features.push('<a href="#" title="'

                                + cookies.join("
")

                                + '"'

                                + ' onclick="window.alert(\'<?php echo tr('Cookies for'); ?> ' + document.domain + '\\n\\n' + cookies.join("\\n") + '\'); return false">' + cookiesText + '<\/a>');

                            }

                            else

                            {

                              features.push('<span class="unavailable"'

                                + ' title="<?php echo tr('Cookies supported, but no data for this site'); ?>"'

                                + '>' + cookiesText + '<\/span>');

                            }

                          }

                          else

                          {

                            features.push('<span class="offline"'

                              + ' title="<?php echo tr('Cookies supported, but disabled'); ?>"'

                              + '>' + cookiesText + '<\/span>');

                          }

                        }

                        if (fullscreen.isSupportedBy(document.documentElement))

                        {

                          features.push("<?php echo tr('Fullscreen'); ?>");

                        }

                        if (navigator.webkitGetGamepads && navigator.webkitGetGamepads().length)

                        {

                          features.push("<?php echo tr('Gamepad'); ?>");

                        }

                        if (navigator.geolocation)

                        {

                          features.push('<a href="#" title="<?php echo tr('Get location'); ?>"'

                            + ' onclick="return lcars.multiDisplay.geolocate(\'<?php echo tr('Geolocation'); ?>\', \'<?php echo $language; ?>\')"'

                            + '><?php echo tr('Geolocation'); ?><\/a>');

                        }

                        if (typeof navigator.javaEnabled != "undefined" && navigator.javaEnabled())

                        {

                          features.push("Java");

                        }

                        var storage = jsx.dom.storage;

                        if (storage.localStorage.isSupported()) features.push("Local Storage");

                        if (navigator.plugins)

                        {

                          if (navigator.plugins.length > 0)

                          {

                            features.push('<span title="'

                              + navigator.plugins.length

                              + ' <?php echo tr('plugins installed'); ?>">Plugins<\/span>');

                          }

                          else

                          {

                                features.push('<span class="unavailable"'

                                + ' title="<?php echo tr('Plugins supported, but none detected'); ?>"'

                                + '>Plugins<\/span>');

                          }

                        }

                        if (storage.sessionStorage.isSupported())

                        {

                          features.push("Session Storage");

                        }

                        if (typeof window.ontouchstart != "undefined") features.push("Touch");

                        return features.join(" • ");

                      }

                      function stripTags (s)

                      {

                        return s.replace(/<[^>]+>/g, "");

                      }

                      var sFeatures = getFeatures();

                      document.write('<span id="features" title="' + stripTags(sFeatures) + '">' + sFeatures + '<\/span>');

                      var oFeatures;

                      var oFeaturesHtml;

                      var tFeatures = _runAsync(function () {

                        if (typeof oFeatures == "undefined")

                        {

                          oFeatures = document.getElementById("features");

                        }

                        if (oFeatures)

                        {

                          var sNewFeatures = getFeatures();

                          if (!oFeaturesHtml)

                          {

                            oFeaturesHtml = document.createElement("span");

                          }

                          if (oFeaturesHtml)

                          {

                            oFeaturesHtml.innerHTML = sNewFeatures;

                            sNewFeatures = oFeaturesHtml.innerHTML;

                          }

                          if (oFeatures.innerHTML != sNewFeatures)

                          {

                            oFeatures.innerHTML = sNewFeatures;

                          }

                          /* Converts CREs */

                          var newTitle = stripTags(oFeatures.innerHTML)

                          if (oFeatures.title != newTitle)

                          {

                            oFeatures.title = newTitle;

                          }

                        }

                        tFeatures = this.run();

                      }, 1000);

                    }());

                    _addEventListener(document, "unload", function () {

                      tFeatures.unset();

                      tFeatures = null;

                    });

                    var windowText = "<?php echo tr("Window"); ?>";

                  </script><noscript><?php echo tr('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 tr('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 tr("Printable"); ?></span></a></li>

              <li id="cmd3"><div class="button left right"

                   style="cursor: not-allowed !important"

                   onclick="fullscreen.requestOn(document.documentElement, this)"

                   onkeyup="if (event.keyCode == 13) { this.onclick(); }"

                   ><span class="text"><script type="text/javascript">

                     var cmd3;

                     if (fullscreen.isSupportedBy(document.documentElement))

                     {

                       _addEventListener(window, "load", function () {

                         if (typeof cmd3 == "undefined")

                         {

                           cmd3 = jsx.dom.getElementById("cmd3");

                         }

                         if (cmd3)

                         {

                           cmd3.firstChild.tabIndex = "1";

                         }

                       });

                       var fullscreenText = "<?php echo tr("Fullscreen"); ?>";

                       document.write(fullscreenText);

                     }

                     var oScreenDim;

                     var oAvailDim;

                     var oInnerDim;

                     var _gEBI = jsx.dom.getElementById;

                     var previousIsFullscreen;

                     var oldHandler;

                     _addEventListener(window, "resize", function () {

                       <?php /* FIXME: Also update title attribute value */ ?>

                       if (typeof oScreenDim == "undefined") oScreenDim = _gEBI(ID_SCREEN_DIM);

                       if (oScreenDim) oScreenDim.innerHTML = dim.getScreenText();

                       if (typeof oAvailDim == "undefined") oAvailDim = _gEBI(ID_AVAIL_DIM);

                       if (oAvailDim) oAvailDim.innerHTML = dim.getAvailText();

                       if (typeof oInnerDim == "undefined") oInnerDim = _gEBI(ID_INNER_DIM);

                       if (oInnerDim) oInnerDim.innerHTML = dim.getInnerText();

                       if (fullscreen.isSupportedBy(document.documentElement))

                       {

                         var nowIsFullscreen = fullscreen.isFullscreen();

                         if (nowIsFullscreen != previousIsFullscreen)

                         {

                           if (typeof cmd3 == "undefined")

                           {

                             cmd3 = document.getElementById("cmd3");

                           }

                           var target = cmd3.firstChild;

                           var textTarget = target.firstChild;

                           if (nowIsFullscreen)

                           {

                             oldHandler = target.onclick;

                             target.onclick = function () {

                               fullscreen.cancel();

                             };

                             textTarget.textContent = "<?php echo tr("Window"); ?>";

                           }

                           else

                           {

                             target.onclick = oldHandler;

                             textTarget.textContent = fullscreenText;

                           }

                           previousIsFullscreen = nowIsFullscreen;

                         }

                       }

                     });

                   </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 tr("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>

</html>