Subversion Repositories LCARS

Rev

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