Subversion Repositories LCARS

Rev

Rev 228 | Go to most recent revision | Blame | Compare with Previous | Last modification | View Log | RSS feed

1
    <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 language_key_short($key); ?>?ani=0"
                     lang="<?php echo $key; ?>" hreflang="<?php echo $key; ?>"
                     class="button<?php if ($language === $key) { ?> selected<?php } ?>"
                     tabindex="2"><span class="text"><?php echo language_name($key); ?></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"
                     lang="<?php echo $language; ?>"
                     ><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"
                     lang="<?php echo $language; ?>"
                     ><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"><?php echo tr('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="multi-display">
        <div class="upper">
          <div class="content">
            <div class="title" id="title" lang="<?php echo $language; ?>"><span class="text"><?php echo tr('Home'); ?></span></div>
            <div class="analysis" id="analysis">
              <table>
                <tr>
                  <th lang="<?php echo $language; ?>"><span class="text"><?php echo tr('Display'); ?>:</span></th>
                  <td lang="<?php echo $language; ?>"><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 <?php echo sprintf(tr('%s + "x" + %s + " available"'), 'availDim.width', 'availDim.height'); ?>;
                        },

                        getInnerText: function () {
                          var innerDim = screenInfo.getInnerDim();
                          return ", " + <?php echo sprintf(tr('%s + "x" + %s + " used"'), 'innerDim.width', 'innerDim.height'); ?>;
                        },

                        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 ? <?php echo sprintf("'" . tr('%s pixels') . "'", "<span id=\"' + ID_SCREEN_DIM + '\">' + screenDimText + '<\/span>' + '"); ?> : "")
                          + (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 class="text">' + 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" src="application/scripts/ua.js"></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("&#13;&#10;")
                                + '"'
                                + ' 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("<span lang='<?php echo $language; ?>'><span class='text'><?php echo tr('Fullscreen'); ?><\/span><\/span>");
                        }

                        if (navigator.webkitGetGamepads && navigator.webkitGetGamepads().length)
                        {
                          features.push("<?php echo tr('Gamepad'); ?>");
                        }

                        if (jsx.dom.geolocation.isAvailable())
                        {
                          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(" &#8226; ");
                      }

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

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

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

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

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

                          if (oFeaturesHtml)
                          {
                            oFeaturesHtml.innerHTML = sNewFeatures;
                            sNewFeatures = oFeaturesHtml.innerHTML;
                          }

                          if (oFeatures.innerHTML != sNewFeatures)
                          {
                            oFeatures.innerHTML = sNewFeatures;
                          }

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

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

                    _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()"
                lang="<?php echo $language; ?>"
                ><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(); }"
                   lang="<?php echo $language; ?>"
                   ><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"><script type="text/javascript">
                  var LANG_VULCAN = "<?php echo $vulcan; ?>";
                </script><script type="text/javascript" src="application/scripts/vulcan-media-script.js"></script><div
                class="button left right"<?php
                  if ($language == $vulcan)
                  {
                    ?> tabindex="1" onclick="mediaScript(this)"<?php
                  }
                  else
                  {
                      ?> style="cursor: not-allowed !important"<?php
                  }
                ?>><span class="text"><?php
                  echo $language == $vulcan ? 'Hitra-Zukitan' : '&nbsp;';
                ?></span></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" lang="<?php echo $language; ?>">
            <span class="text"><abbr title="<?php echo tr('Library Computer Access and Retrieval System'); ?>"><?php echo tr('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>