WebSVN - LCARS - Diff - Rev 115 and 118

       <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=""
+            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
       </div>
       <div class="multi-display">
         <div class="upper">
           <div class="content">
             <div class="title"><span>Home</span></div>
-            <div class="analysis">&nbsp;</div>
+            <div class="analysis">
+              <table>
+                <tr>
+                  <th><?php echo _('Display'); ?>:</th>
+                  <td><script type="text/javascript">
+                    var dim = {
+                      getScreen: function () {
+                        return screen.width + "×" + screen.height;
+                      },
+                      getAvail: function () {
+                        return screen.availWidth + "×" + screen.availHeight;
+                      },
+                      getInner: function () {
+                        return window.innerWidth + "×" + window.innerHeight;
+                      },
+                      getColorDepth: function () {
+                        return (screen.colorDepth || screen.pixelDepth);
+                      }
+                    };
+                    var displayInfo;
+                    (function () {
+                      displayInfo =
+                          '<span id="screenDim">' + dim.getScreen() + '<\/span>'
+                        + ' (<span id="availDim">' + dim.getAvail() + "<\/span> <?php echo _('available'); ?>,"
+                        + ' <span id="innerDim">' + dim.getInner() + "<\/span> <?php echo _('used'); ?>) <?php echo _('pixels'); ?>"
+                        + ' ×&nbsp;2<sup><span id="colorDepth">' + dim.getColorDepth() + "<\/span><\/sup> <?php echo _('colors'); ?>";
+                      /* FIXME: Convert HTML to text, update whole title text */
+                      document.write('<span>' + displayInfo + '<\/span>');
+                    }());
+                    window.onresize = function () {
+                      /* FIXME: Update whole title text */
+                      document.getElementById("screenDim").innerHTML = dim.getScreen();
+                      document.getElementById("availDim").innerHTML = dim.getAvail();
+                      document.getElementById("innerDim").innerHTML = dim.getInner();
+                    };
+                    window.setTimeout(function () {
+                      /* FIXME: Update whole title text */
+                      document.getElementById("colorDepth").innerHTML = dim.getColorDepth();
+                    }, 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>');
+                      window.setTimeout(function () {
+                        document.getElementById("ua").innerHTML = navigator.userAgent;
+                      }, 1000);
+                    }());
+                  </script><noscript><?php echo _('N/A'); ?></noscript></td>
+                </tr>
+                <tr>
+                  <th><?php echo _('Features'); ?>:</th>
-            <script type="text/javascript">
+                  <td><script type="text/javascript">
-              var fullscreen = (function () {
+                    var fullscreen = (function () {
-                var _isHostMethod = jsx.object.isHostMethod;
+                      var _isHostMethod = jsx.object.isHostMethod;
-                return {
+                      return {
-                  getSupportedProperty: function (base, names, test) {
+                        getSupportedProperty: function (base, names, test) {
+                            }
+                          }
+                        }
-                };
+                      };
-              }());
+                    }());
+                    (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>');
+                      window.setTimeout(function () {
+                        var sFeatures = getFeatures();
+                        var oFeatures = document.getElementById("features");
+                        oFeatures.innerHTML = sFeatures;
+                        /* Converts CREs */
+                        oFeatures.title = oFeatures.innerHTML;
+                      }, 1000);
+                    }());
+                  </script><noscript><?php echo _('N/A'); ?></noscript></td>
+                </tr>
+              </table>
-            </script>
+            </div>
             <ul class="commands">
               <li id="cmd1"><a href="index.php"
                 title="Language selection"
                 tabindex="1"
                 class="button left right"

Subversion Repositories LCARS

(root)/trunk/index.phtml @ 88 - Rev 115 → 118