Subversion Repositories LCARS

Rev

Rev 126 | Rev 128 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
79 PointedEar 1
<!DOCTYPE html>
56 PointedEar 2
<html lang="<?php echo $language; ?>">
39 PointedEar 3
  <head>
72 PointedEar 4
    <title>Home — PointedEars’ Website</title>
39 PointedEar 5
 
6
    <link rel="SHORTCUT ICON" href="favicon.ico">
7
 
79 PointedEar 8
    <!-- Browsers: Character Encoding -->
9
    <meta charset="UTF-8">
39 PointedEar 10
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
11
 
79 PointedEar 12
    <!-- Robots: Index, Subordinated Files, Description, Author,
39 PointedEar 13
         Keywords, Document Date -->
14
    <meta name="robots" content="index">
15
    <meta name="robots" content="follow">
105 PointedEar 16
<?php /*
39 PointedEar 17
    <meta name="description"
56 PointedEar 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!");
20
            echo $description;
21
            ?>">
105 PointedEar 22
*/ ?>
56 PointedEar 23
    <meta name="author" content="Thomas ‘PointedEars’ Lahn">
39 PointedEar 24
 
56 PointedEar 25
    <?php /* No localization of keywords at the time */ ?>
39 PointedEar 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&auml;chste Generation, VFP, F&ouml;deration, Vereinte F&ouml;deration der Planeten, Datenbasis, Datenbank, Lied, Liedtext, surfen, anonym">
56 PointedEar 28
<?php /*
29
    <meta name="keywords" http-equiv="Keywords" lang="de" content="">
30
    <meta name="keywords" http-equiv="Keywords" lang="en-us" content="">
31
    <meta name="keywords" http-equiv="Keywords" lang="en" content="">
32
*/ ?>
39 PointedEar 33
    <meta name="revisit-after" content="3 days">
34
 
35
    <!-- Robots: Dublin Core Metadata (http://purl.org/metadata/dublin_core) -->
79 PointedEar 36
    <meta name="dcterms.title" content="PointedEars’ Website">
37
    <meta name="dcterms.creator" content="Thomas ‘PointedEars’ Lahn">
38
    <meta name="dcterms.subject" content="Private Web site">
105 PointedEar 39
<?php /*
79 PointedEar 40
    <meta name="dcterms.description"
56 PointedEar 41
          content="PointedEars' Website: <?php echo $description; ?>">
105 PointedEar 42
*/ ?>
79 PointedEar 43
    <meta name="dcterms.publisher" content="PointedEars">
44
    <meta name="dcterms.date" content="2002-05-23T10:56:00+02:00">
45
    <meta name="dcterms.created" content="2002-05-23">
105 PointedEar 46
    <meta name="dcterms.modified" content="<?php echo gmdate('Y-m-dTH:i:sO', $modi); ?>">
56 PointedEar 47
<?php /*
79 PointedEar 48
    <meta name="dcterms.type" content="">
49
    <meta name="dcterms.format" content="">
56 PointedEar 50
*/ ?>
79 PointedEar 51
    <meta name="dcterms.identifier" content="http://pointedears.de/index.<?php echo $language; ?>">
52
    <meta name="dcterms.language" content="<?php echo $language; ?>">
53
    <meta name="dcterms.rightsHolder"
54
          content="Copyright © 2002&#8211;<?php echo gmdate('Y', $modi); ?> Thomas&nbsp;Lahn.">
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."); ?>">
105 PointedEar 57
 
56 PointedEar 58
<?php /*
39 PointedEar 59
    <!-- <link rel="stylesheet" type="text/css" href="styles/lcars.css"> -->
60
    <!-- <link rel="stylesheet" type="text/css" href="styles/lcars21.css"> -->
56 PointedEar 61
*/ ?>
125 PointedEar 62
    <link rel="stylesheet" type="text/css" href="scripts/builder?type=text/css&amp;prefix=../styles/&amp;src=lcars-basic<?php
56 PointedEar 63
  $printable = (isset($_GET['printable']) && $_GET['printable'] === '1');
64
  if (!$printable)
65
  {
125 PointedEar 66
    ?>,lcars22<?php
56 PointedEar 67
      if (isset($_GET['ani']) && $_GET['ani'] !== '')
68
      {
69
        echo '?ani=' . $_GET['ani'];
70
      }
71
    ?>">
72
<?php
73
  }
74
?>
39 PointedEar 75
    <style type="text/css">
76
      <!--
77
      p {
78
        max-width: 100%;
79
      }
80
      -->
81
    </style>
82
 
127 PointedEar 83
    <script type="text/javascript" src="scripts/builder?src=object,dom,dom/storage,dom/window"></script>
39 PointedEar 84
    <script type="text/javascript">
56 PointedEar 85
<?php
39 PointedEar 86
      /*
87
      var ms1Day = 60*60*24*1000; // ms for 1 days = 60sec*60min*24hours*1000ms
88
      var msLeaveDays = ms1Day*6;
89
      var ms30Days=ms1Day*30;
90
      var delta;
91
      var newTime=new Date();
92
      var msTime=newTime.getTime();
93
      var msExpire=msTime+ms30Days;
94
      var expireTime=new Date(msExpire);
95
 
96
      cookieVal=
97
          "savedTime=" + newTime.toGMTString()
98
        + "; expires=" + expireTime.toGMTString()
99
        + "; domain=anybody"
100
        + "; path=/";
101
      document.cookie= cookieVal;
102
      */
56 PointedEar 103
?>
115 PointedEar 104
      function body_load ()
105
      {
106
        if (typeof this.ontouchstart != 'undefined')
107
        {
108
          this.ontouchstart = function () {};
109
        }
110
 
111
        if (fullscreen.isSupportedBy(document.documentElement))
112
        {
113
          var fullscreenLI = jsx.dom.getElementById("cmd3");
114
          fullscreenLI.firstChild.style.cursor = "";
115
        }
116
      }
39 PointedEar 117
    </script>
56 PointedEar 118
    <?php /* <bgsound src="media/interface/sound/beginop.wav" loop="infinite"> */ ?>
39 PointedEar 119
  </head>
115 PointedEar 120
  <body class="fade-in" onload="body_load()">
39 PointedEar 121
    <div id="content">
79 PointedEar 122
      <h1 style="text-align: center"><img
39 PointedEar 123
            src="media/video/img/vulcan_hand-black-bg.png"
124
            width="120"
125
            height="168"
56 PointedEar 126
            alt="<?php echo _("Vulcan greeting"); ?>"
118 PointedEar 127
            title="<?php echo _("Vulcan greeting"); ?>"
85 PointedEar 128
            style="border: none; cursor: default"
39 PointedEar 129
            onmouseover="return setStatus(this.title)"
130
            onmouseout="return resetStatus()"><br>
56 PointedEar 131
        <?php echo _("Welcome to PointedEars’ Website"); ?></h1>
132
<?php
133
  if (!$printable)
134
  {
135
?>
79 PointedEar 136
      <p class="instruction" style="font-size: 100%; text-align: center"><?php
56 PointedEar 137
        echo sprintf(
84 PointedEar 138
          _("This site uses recent <a href='https://developer.mozilla.org/en-US/docs/'"
139
            . " title='Learn more: Mozilla Developer Network'>Web technologies</a>."
79 PointedEar 140
            . " You can use the <a href='index.%s?printable=1'>%s</a>"
141
            . " if it is not displayed properly with your software."),
56 PointedEar 142
          $language,
76 PointedEar 143
          _('Printable version'));
56 PointedEar 144
        ?></p>
145
<?php
146
  }
147
 
148
  /*
39 PointedEar 149
      <p>
150
        | <a href="leisure/" target="_top"
151
            >Freizeit-Datenbank</a>
152
        | <a href="mozilla/" target="_top">Mozilla</a>
153
        | <a href="poetry/" target="_top">Poesie</a>
56 PointedEar 154
  */
39 PointedEar 155
 
56 PointedEar 156
  /*
39 PointedEar 157
        | [<abbr title="nur in englischer Sprache verf&uuml;gbar"
158
                 >en</abbr>]
159
        | <a href="selfhtml.de/" target="_top">SELFHTML.DE</a>
56 PointedEar 160
  */
161
  /*
39 PointedEar 162
        | <a href="lyrics/" target="_top">Songbook</a>
43 PointedEar 163
        | </p>
56 PointedEar 164
  */
165
              /*
39 PointedEar 166
      <p><a href="about/worm.de.html" target="_top"
167
            >Seltsame E-Mails bekommen?</a></p>
56 PointedEar 168
               */
169
/*
39 PointedEar 170
      <noscript>
171
        <a
172
          href="http://pointedears.de/"
173
          title="PointedEars' Website"
174
          >Diese Website zu Ihren Lesezeichen hinzuf&uuml;gen</a>
175
      </noscript>
56 PointedEar 176
 
39 PointedEar 177
      <!-- Klicken Sie hier, falls Sie nach 5 Sekunden nicht automatisch
178
           weitergeleitet werden. -->
56 PointedEar 179
*/
180
?>
181
<?php
105 PointedEar 182
  $app = "Welcome/$language";
183
  require_once 'footer.phtml';
56 PointedEar 184
      /* embed src="media/interface/speech/de/warten.wav" width="0" height="0"
185
      hidden="true" autostart="true" dir="ltr" lang="de" */
186
?>
39 PointedEar 187
    </div>
188
    <div id="LCARS">
56 PointedEar 189
<?php /*
39 PointedEar 190
      <div id="button-grid" style="position: absolute; opacity: 0.3">
191
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
192
 
193
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
194
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
195
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
196
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
197
 
198
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
199
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
200
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
201
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
202
 
203
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
204
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
205
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
206
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
207
 
208
        <a class="button" style="display: block; clear: left; 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
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
211
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
212
 
213
        <a class="button" style="display: block; clear: left; 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
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
216
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
217
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
218
 
219
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
220
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
221
        <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
 
224
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
225
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
226
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
227
 
228
        <a class="button" style="display: block; clear: left; 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>
231
 
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>
234
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
235
 
236
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
237
        <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
      </div>
56 PointedEar 240
*/ ?>
39 PointedEar 241
      <div id="bow">
242
        <div id="bow-top">
243
          <div class="separator-left">&nbsp;</div>
91 PointedEar 244
          <div class="text"><span>PointedEars’ Website</span></div>
39 PointedEar 245
        </div>
246
        <div id="bow-top-left">
247
          <div class="concave">&nbsp;</div>
109 PointedEar 248
          <div style="position: absolute; top: 3.2em; left: 0; background-color: black">
249
            <div class="bow" style="margin-top: 0.2em; width: 8em; height: 1em">&nbsp;</div>
250
          </div>
39 PointedEar 251
        </div>
252
        <div id="bottom">
253
          <div id="bow-bottom">
254
            <div class="concave">&nbsp;</div>
255
            <div class="spacer">&nbsp;</div>
256
        </div>
257
        </div>
43 PointedEar 258
 
259
        <div class="menu-container">
88 PointedEar 260
          <nav class="menu">
109 PointedEar 261
            <ul style="padding-top: 1em">
56 PointedEar 262
            <?php foreach ($languages as $key => $name): ?>
74 PointedEar 263
              <li><a href="index.<?php echo $key; ?>?ani=0"
264
                     class="button<?php if ($language === $key) { ?> selected<?php } ?>"
265
                     tabindex="2"><span class="text"><?php echo $name; ?></span></a></li>
56 PointedEar 266
            <?php endforeach; ?>
267
            </ul>
268
            <div class="bow" style="margin-bottom: 0.4em; width: 8em; height: 0.4em">&nbsp;</div>
269
            <ul style="margin-bottom: 1.2em">
270
              <li><a href="<?php echo $menu['scripts']['path']; ?>" target="_top" class="button"><span class="text"><?php echo $menu['scripts']['text']; ?></span></a></li>
71 PointedEar 271
              <li><a href="<?php echo $menu['es-matrix']['path']; ?>" target="_top" class="button"
272
                     title="<?php echo $menu['es-matrix']['title']; ?>"
273
                     ><span class="text"><?php echo $menu['es-matrix']['text']; ?></span></a></li>
56 PointedEar 274
              <li><a href="<?php echo $menu['devel']['path']; ?>" target="_top" class="button"><span class="text"><?php echo $menu['devel']['text']; ?></span></a></li>
275
            </ul>
276
            <ul style="margin-bottom: 0.2em">
113 PointedEar 277
              <li><a href="psf/" target="_top"
278
                 class="button ancillary"
279
                 ><abbr title="<?php echo _("PointedEars' Standard Frases"); ?>"
280
                        class="text">psf</abbr></a></li>
281
            <li><a href="<?php echo $menu['series']['path']; ?>" target="_top" class="button ancillary"
56 PointedEar 282
                     title="List of recommended TV shows and episodes, with logos in CSS"
283
                     ><span class="text"><?php echo $menu['series']['text']; ?></span></a></li>
284
              <li><a href="<?php echo $menu['ufpdb']['path']; ?>" target="_top" class="button database"
79 PointedEar 285
                     ><abbr title="<?php echo $menu['ufpdb']['title']; ?>"
286
                            class="text"><?php echo $menu['ufpdb']['text']; ?></abbr></a></li>
56 PointedEar 287
            </ul>
288
            <div style="position: relative; margin-bottom: 1.2em">
289
              <div class="bow" style="width: 8em; height: 0.8em">&nbsp;</div>
290
            </div>
291
            <ul>
292
              <li><a href="http://climateapps2.oerc.ox.ac.uk/cpdnboinc/show_user.php?userid=648544"
293
                     target="_top" class="button secondary"
294
                     title="<?php echo _("The world’s largest climate forecasting experiment for the 21st century"); ?>"
295
                     ><span class="text">climateprediction.net</span></a></li>
296
<?php /* http://vspx27.stanford.edu/cgi-bin/main.py?qtype=userpage&amp;username=Thomas_Lahn */ ?>
297
              <li><a href="<?php echo _("http://folding.stanford.edu/English/HomePage"); ?>"
298
                     target="_top" class="button secondary"
299
                     title="<?php echo _("Distributed computing to understand protein folding, protein aggregation, and related diseases"); ?>"
300
                     ><span class="text">Folding at home</span></a></li>
301
             <li><a href="http://lhcathomeclassic.cern.ch/sixtrack/show_user.php?userid=221181"
302
                    target="_top" class="button secondary"
303
                    title="<?php echo _("Particle physics research with the Large Hadron Collider at CERN"); ?>"
304
                    ><span class="text">LHC at home</span></a></li>
305
             <li><a href="http://setiathome.berkeley.edu/show_user.php?userid=378921"
306
                    target="_top" class="button secondary"
307
                    title="<?php echo _("The Search for Extra-Terrestrial Intelligence at HOME"); ?>"
308
                    ><span class="text">SETI at home</span></a></li>
309
           </ul>
310
<?php /*
311
            <script type="text/javascript">
312
              var sURL = location.href;
313
              var sFavAnchorTitle =
314
                  "Klicken Sie hier, um PointedEars' Website Ihren Favoriten"
315
                + " hinzuzufügen";
316
              var sOtherAnchorTitle =
317
                  "Klicken Sie hier mit der rechten Maustaste, um PointedEars' Website"
318
                + " Ihren Lesezeichen hinzuzufügen";
319
              var sFavoriteTitle = "PointedEars' Website";
320
 
321
              if (jsx.object.isHostMethod(jsx.global.window, "external", "AddFavorite"))
322
              {
323
                document.write(
324
                    '<div style="position: relative; margin-top: 1em; border-bottom: 0.2em solid transparent">'
325
                  + '  <div class="bow" style="width: 8em; height: 1em">&nbsp;<\/div>'
326
                  + '  <div class="bow" style="position: absolute; top: 0; left: 8.2em; width: 2em; height: 1em">&nbsp;<\/div>'
327
                  + '</div>'
328
                  + '<a href="javascript:window.external.AddFavorite('
329
                  + ' sURL, sFavoriteTitle);" title="' + sFavAnchorTitle + '"'
330
                  + ' class="button"'
331
                  + ' onclick="window.external.AddFavorite('
332
                  + ' sURL, sFavoriteTitle); return false"'
79 PointedEar 333
                  + ' onmouseover="return setStatus(sFavAnchorTitle)"'
334
                  + ' onmouseout="return resetStatus()"'
56 PointedEar 335
                  + '><span class="text">Favorit<\/span><\/a>');
336
              }
337
            </script>
338
*/ ?>
88 PointedEar 339
          </nav>
39 PointedEar 340
        </div>
56 PointedEar 341
      </div>
342
      <div id="connectors">
119 PointedEar 343
        <div class="bow top left">&nbsp;</div>
344
        <div class="bow top right">&nbsp;</div>
56 PointedEar 345
 
119 PointedEar 346
        <div class="bow mid left">&nbsp;</div>
347
        <div class="bow mid right">&nbsp;</div>
56 PointedEar 348
      </div>
349
      <div class="multi-display">
39 PointedEar 350
        <div class="upper">
74 PointedEar 351
          <div class="content">
352
            <div class="title"><span>Home</span></div>
118 PointedEar 353
            <div class="analysis">
354
              <table>
355
                <tr>
356
                  <th><?php echo _('Display'); ?>:</th>
357
                  <td><script type="text/javascript">
121 PointedEar 358
                    (function () {
359
                      var screenInfo = {
360
                        getDim: function () {
361
                          return {
362
                            width: screen.width,
363
                            height: screen.height
364
                          };
365
                        },
76 PointedEar 366
 
121 PointedEar 367
                        getAvailDim: function () {
368
                          return {
369
                            width:  screen.availWidth,
370
                            height: screen.availHeight
371
                          };
372
                        },
76 PointedEar 373
 
121 PointedEar 374
                        getInnerDim: function () {
375
                          return {
376
                            width:  window.innerWidth,
377
                            height: window.innerHeight
378
                          };
379
                        },
380
 
381
                        getColorDepth: function () {
382
                          return (screen.colorDepth || screen.pixelDepth);
383
                        }
384
                      };
385
 
386
                      var dim = {
387
                        getScreenText: function () {
388
                          var screenDim = screenInfo.getDim();
389
                          return screenDim.width + "×" + screenDim.height;
390
                        },
95 PointedEar 391
 
121 PointedEar 392
                        getAvailText: function () {
393
                          var availDim = screenInfo.getAvailDim();
394
                          return availDim.width + "×" + availDim.height + " <?php echo _('available'); ?>";
395
                        },
95 PointedEar 396
 
121 PointedEar 397
                        getInnerText: function () {
398
                          var innerDim = screenInfo.getInnerDim();
399
                          return ", " + innerDim.width + "×" + innerDim.height + " <?php echo _('used'); ?>";
400
                        },
95 PointedEar 401
 
121 PointedEar 402
                        getColorDepthText: function () {
403
                          var colorDepth = screenInfo.getColorDepth();
404
                          return colorDepth
405
                            ? '2<sup>' + colorDepth + "<\/sup> <?php echo _('colors'); ?>"
406
                            : "";
407
                        }
408
                      };
409
 
410
                      var screenDimText = dim.getScreenText();
411
                      var availDimText = dim.getAvailText();
412
                      var innerDimText = dim.getInnerText();
413
                      var colorDepthText = dim.getColorDepthText();
414
                      var displayInfo = (screenDimText || availDimText || innerDimText || colorDepthText)
415
                        ?   (screenDimText ? '<span id="screenDim">' + screenDimText + '<\/span>' : "")
416
                          + (availDimText ? ' (<span id="availDim">' + availDimText + "<\/span>" : "")
417
                          + (innerDimText ? '<span id="innerDim">' + innerDimText + "<\/span>) <?php echo _('pixels'); ?>" : "")
418
                          + (colorDepthText ? ' ×&nbsp;<span id="colorDepth">' + colorDepthText + "<\/span>" : "")
419
                        : "<?php echo _('N/A'); ?>";
420
 
118 PointedEar 421
                      /* FIXME: Convert HTML to text, update whole title text */
422
                      document.write('<span>' + displayInfo + '<\/span>');
121 PointedEar 423
 
424
                      var oScreenDim;
425
                      var oAvailDim;
426
                      var oInnerDim;
427
                      window.onresize = function () {
428
                        /* FIXME: Also update title attribute value */
429
                        if (typeof oScreenDim == "undefined") oScreenDim = document.getElementById("screenDim");
430
                        if (oScreenDim) oScreenDim.innerHTML = dim.getScreenText();
431
 
432
                        if (typeof oAvailDim == "undefined") oAvailDim = document.getElementById("availDim");
433
                        if (oAvailDim) oAvailDim.innerHTML = dim.getAvailText();
434
 
435
                        if (typeof oInnerDim == "undefined") oInnerDim = document.getElementById("innerDim");
436
                        if (oInnerDim) oInnerDim.innerHTML = dim.getInnerText();
437
                      };
438
 
439
                      var oColorDepth;
440
                      window.setTimeout(function () {
441
                        if (typeof oColorDepth == "undefined")
442
                        {
443
                          oColorDepth = document.getElementById("colorDepth");
444
                        }
445
 
446
                        if (oColorDepth)
447
                        {
448
                          /* FIXME: Also update title attribute value */
449
                          oColorDepth.innerHTML = dim.getColorDepthText();
450
                        }
451
                      }, 1000);
118 PointedEar 452
                    }());
453
                  </script><noscript><?php echo _('N/A'); ?></noscript></td>
454
                </tr>
455
                <tr>
456
                  <th><?php echo _('User Agent'); ?>:</th>
457
                  <td><script type="text/javascript">
458
                    (function () {
459
                      var ua = navigator.userAgent;
460
                      document.write('<span id="ua" title="' + ua + '">' + ua + '<\/span>');
121 PointedEar 461
 
462
                      var oUA;
118 PointedEar 463
                      window.setTimeout(function () {
121 PointedEar 464
                        if (typeof oUA == "undefined")
465
                        {
466
                          oUA = document.getElementById("ua");
467
                        }
468
 
469
                        if (oUA)
470
                        {
471
                          oUA.innerHTML = navigator.userAgent;
472
 
473
                          /* Converts CREs */
474
                          oUA.title = oUA.innerHTML;
475
                        }
118 PointedEar 476
                      }, 1000);
477
                    }());
478
                  </script><noscript><?php echo _('N/A'); ?></noscript></td>
479
                </tr>
480
                <tr>
481
                  <th><?php echo _('Features'); ?>:</th>
482
                  <td><script type="text/javascript">
483
                    var fullscreen = (function () {
484
                      var _isHostMethod = jsx.object.isHostMethod;
76 PointedEar 485
 
118 PointedEar 486
                      return {
487
                        getSupportedProperty: function (base, names, test) {
488
                          for (var i = 0, len = names.length; i < len; ++i)
95 PointedEar 489
                          {
118 PointedEar 490
                            var name = names[i];
491
                            if (test.call(null, base, name))
492
                            {
493
                              return name;
494
                            }
95 PointedEar 495
                          }
118 PointedEar 496
 
497
                          return null;
498
                        },
499
 
500
                        getSupportedCancel: (function () {
501
                          var _supportedCancel;
502
 
503
                          return function () {
504
                            if (typeof _supportedCancel == "undefined")
505
                            {
506
                              var properties = ["cancelFullScreen", "mozCancelFullScreen",
507
                                                "webkitCancelFullScreen"];
508
 
509
                              _supportedCancel = this.getSupportedProperty(document, properties, _isHostMethod);
510
                            }
511
 
512
                            return _supportedCancel;
513
                          };
514
                        }()),
515
 
516
                        getSupportedElement: (function () {
517
                          var _supportedElement;
518
 
519
                          return function () {
520
                            if (typeof _supportedElement == "undefined")
521
                            {
522
                              var properties = ["fullscreenElement", "mozFullscreenElement",
523
                                                "webkitFullscreenElement"];
524
 
525
                              _supportedElement = this.getSupportedProperty(document, properties,
526
                                function (base, name) {
527
                                  return typeof base[name] != "undefined";
528
                                });
529
                            }
530
 
531
                            return _supportedElement;
532
                          };
533
                        }()),
534
 
535
                        isSupportedBy: function (elem) {
536
                          var methods = ["requestFullscreen", "mozRequestFullscreen",
537
                                         "webkitRequestFullscreen"];
538
                          return this.getSupportedProperty(elem, methods, _isHostMethod);
539
                        },
540
 
541
                        isFullscreen: function () {
542
                          var properties = ["fullscreenElement", "mozFullscreenElement",
543
                                            "webkitFullscreenElement"];
544
                          var supportedProperty = this.getSupportedProperty(
545
                            document, properties,
546
                            function (base, name) {
547
                              return typeof base[name] != "undefined";
548
                            });
549
 
550
                          return supportedProperty && document[supportedProperty] != null;
551
                        },
552
 
553
                        cancel: function (target, oldHandler, textTarget) {
554
                          var supportedCancel = this.getSupportedCancel();
555
                          if (supportedCancel)
95 PointedEar 556
                          {
118 PointedEar 557
                            document[supportedCancel]();
558
 
559
                            var supportedElement = this.getSupportedElement();
560
                            if (supportedElement)
561
                            {
562
                              if (document[supportedElement] == null)
563
                              {
564
                                if (textTarget)
565
                                {
566
                                  textTarget.textContent = "<?php echo _("Fullscreen"); ?>";
567
                                }
568
 
569
                                if (target)
570
                                {
571
                                  target.onclick = oldHandler;
572
                                }
573
                              }
574
                            }
95 PointedEar 575
                          }
118 PointedEar 576
                        },
577
 
578
                        requestOn: function (elem, eventTarget, textTarget) {
579
                          var requestMethodName;
580
 
581
                          if (elem && (requestMethodName = this.isSupportedBy(elem)))
582
                          {
583
                            elem[requestMethodName]();
584
                            if (textTarget && this.isFullscreen())
585
                            {
586
                              var oldText = textTarget.textContent;
587
                              var me = this;
588
                              var oldHandler = eventTarget.onclick;
589
                              eventTarget.onclick = function () {
590
                                me.cancel(this, oldHandler, textTarget);
591
                              };
592
                              textTarget.textContent = "<?php echo _("Window"); ?>";
593
                            }
594
                          }
76 PointedEar 595
                        }
118 PointedEar 596
                      };
597
                    }());
76 PointedEar 598
 
118 PointedEar 599
                    (function () {
600
                      function getFeatures ()
76 PointedEar 601
                      {
118 PointedEar 602
                        var features = [];
603
                        if (navigator.cookieEnabled) features.push("<?php echo _('Cookies'); ?>");
604
                        if (fullscreen.isSupportedBy(document.documentElement)) features.push("<?php echo _('Fullscreen'); ?>");
605
                        if (navigator.webkitGetGamepads && navigator.webkitGetGamepads().length) features.push("<?php echo _('Gamepad'); ?>");
606
                        if (navigator.geolocation) features.push("<?php echo _('Geolocation'); ?>");
607
                        if (typeof navigator.javaEnabled != "undefined" && navigator.javaEnabled()) features.push("Java");
127 PointedEar 608
                        var storage = jsx.dom.storage;
609
                        if (storage.localStorage.isSupported()) features.push("Local Storage");
118 PointedEar 610
                        if (navigator.plugins) features.push("Plugins");
127 PointedEar 611
                        if (storage.sessionStorage.isSupported()) features.push("Session Storage");
118 PointedEar 612
                        if (typeof window.ontouchstart != "undefined") features.push("Touch");
613
                        return features.join(" &#8226; ");
76 PointedEar 614
                      }
118 PointedEar 615
 
616
                      var sFeatures = getFeatures();
617
                      document.write('<span id="features" title="' + sFeatures + '">' + sFeatures + '<\/span>');
618
 
121 PointedEar 619
                      var oFeatures;
127 PointedEar 620
                      var tFeatures = window.setTimeout(function () {
121 PointedEar 621
                        if (typeof oFeatures == "undefined")
622
                        {
623
                          oFeatures = document.getElementById("features");
624
                        }
625
 
626
                        if (oFeatures)
627
                        {
628
                          oFeatures.innerHTML = getFeatures();
629
 
630
                          /* Converts CREs */
631
                          oFeatures.title = oFeatures.innerHTML;
632
                        }
118 PointedEar 633
                      }, 1000);
634
                    }());
635
                  </script><noscript><?php echo _('N/A'); ?></noscript></td>
636
                </tr>
637
              </table>
638
            </div>
92 PointedEar 639
            <ul class="commands">
97 PointedEar 640
              <li id="cmd1"><a href="index.php"
92 PointedEar 641
                title="Language selection"
642
                tabindex="1"
643
                class="button left right"
644
                onmouseover="return setStatus(this.title + ': ' + this.href)"
645
                onmouseout="return resetStatus()"
646
                onfocus="return this.onmouseover()"
647
                onblur="return this.onmouseout()"
648
                ><abbr class="text" title="Language selection">Language</abbr></a></li>
649
              <li id="cmd2"><a href="index.<?php echo $language; ?>?printable=1"
650
                title="<?php echo _('Printable version'); ?>"
651
                tabindex="1"
652
                class="button left right"
653
                onmouseover="return setStatus(this.title + ': ' + this.href)"
654
                onmouseout="return resetStatus()"
655
                onfocus="return this.onmouseover()"
656
                onblur="return this.onmouseout()"
657
                ><span class="text"><?php echo _("Printable"); ?></span></a></li>
658
              <li id="cmd3"><div class="button left right"
115 PointedEar 659
                   style="cursor: not-allowed !important"
95 PointedEar 660
                   onclick="fullscreen.requestOn(document.documentElement, this, this.firstChild)"
121 PointedEar 661
                   onkeyup="if (event.keyCode == 13) { this.onclick(); }"
92 PointedEar 662
                   tabindex="1"
663
                   ><span class="text"><script type="text/javascript">
95 PointedEar 664
                     if (fullscreen.isSupportedBy(document.documentElement))
92 PointedEar 665
                     {
105 PointedEar 666
<?php /*
95 PointedEar 667
                       var previousIsFullscreen = fullscreen.isFullscreen();
668
                       var oldHandler;
669
                       window.onresize = function () {
670
                         var nowIsFullscreen = fullscreen.isFullscreen();
671
                         if (nowIsFullscreen != previousIsFullscreen)
672
                         {
673
                           var cmd3 = document.getElementById("cmd3");
674
                           var target = cmd3.firstChild;
675
                           var textTarget = target.firstChild;
676
                           if (nowIsFullscreen)
677
                           {
678
                             oldHandler = target.onclick;
679
                           //   fullscreen.requestOn(document.documentElement, cmd3.firstElementChild, cmd3.firstElementChild.firstElementChild);
680
                           }
681
                           else
682
                           {
683
                             fullscreen.cancel(target, oldHandler, textTarget);
684
                           }
685
 
686
                           previousIsFullscreen = nowIsFullscreen;
687
                         }
688
                       };
105 PointedEar 689
*/ ?>
92 PointedEar 690
                       document.write("<?php echo _("Fullscreen"); ?>");
691
                     }
692
                   </script></span></div></li>
693
              <li id="cmd4"><div class="button left right" style="cursor: not-allowed !important">&nbsp;</div></li>
694
            </ul>
72 PointedEar 695
          </div>
74 PointedEar 696
          <div class="elbo-button">
107 PointedEar 697
            <span class="text" title="<?php echo _("Date of last modification"); ?>"
698
                  ><?php echo gmdate('Ym.d', $modi); ?></span>
74 PointedEar 699
          </div>
39 PointedEar 700
          <div class="elbo">
126 PointedEar 701
            <span class="text"><abbr title="Library Computer Access and Retrieval System">LCARS</abbr> PE-22A</span>
39 PointedEar 702
            <div class="concave">&nbsp;</div>
703
          </div>
79 PointedEar 704
          <div class="border">
705
            <div class="left">&nbsp;</div>
706
            <div class="right">&nbsp;</div>
707
          </div>
39 PointedEar 708
        </div>
709
        <div class="lower">
710
          <div class="elbo">
711
            <div class="concave">&nbsp;</div>
712
          </div>
713
          <div class="bg">&nbsp;</div>
714
          <div class="border-container">
79 PointedEar 715
            <div class="border">
716
              <div class="left">&nbsp;</div>
717
              <div class="right">&nbsp;</div>
718
            </div>
39 PointedEar 719
          </div>
720
        </div>
721
      </div>
722
    </div>
723
  </body>
724
</html>