Subversion Repositories LCARS

Rev

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