Subversion Repositories LCARS

Rev

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