Subversion Repositories LCARS

Rev

Rev 153 | Rev 159 | Go to most recent revision | Only display areas with differences | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 153 Rev 158
1
<!DOCTYPE html>
1
<!DOCTYPE html>
2
<html lang="<?php echo $language; ?>">
2
<html lang="<?php echo $language; ?>">
3
  <head>
3
  <head>
4
    <title>Home — PointedEars’ Website</title>
4
    <title>Home — PointedEars’ Website</title>
5
5
6
    <link rel="SHORTCUT ICON" href="favicon.ico">
6
    <link rel="SHORTCUT ICON" href="favicon.ico">
7
7
8
    <!-- Browsers: Character Encoding -->
8
    <!-- Browsers: Character Encoding -->
9
    <meta charset="UTF-8">
9
    <meta charset="UTF-8">
10
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
10
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
11
11
12
    <!-- Robots: Index, Subordinated Files, Description, Author,
12
    <!-- Robots: Index, Subordinated Files, Description, Author,
13
         Keywords, Document Date -->
13
         Keywords, Document Date -->
14
    <meta name="robots" content="index">
14
    <meta name="robots" content="index">
15
    <meta name="robots" content="follow">
15
    <meta name="robots" content="follow">
16
<?php /*
16
<?php /*
17
    <meta name="description"
17
    <meta name="description"
18
          content="PointedEars' Website: <?php
18
          content="PointedEars' Website: <?php
19
            $description = tr("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!");
19
            $description = tr("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;
20
            echo $description;
21
            ?>">
21
            ?>">
22
*/ ?>
22
*/ ?>
23
    <meta name="author" content="Thomas ‘PointedEars’ Lahn">
23
    <meta name="author" content="Thomas ‘PointedEars’ Lahn">
24
24
25
    <?php /* No localization of keywords at the time */ ?>
25
    <?php /* No localization of keywords at the time */ ?>
26
    <meta name="keywords"
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">
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">
28
<?php /*
28
<?php /*
29
    <meta name="keywords" http-equiv="Keywords" lang="de" content="">
29
    <meta name="keywords" http-equiv="Keywords" lang="de" content="">
30
    <meta name="keywords" http-equiv="Keywords" lang="en-us" content="">
30
    <meta name="keywords" http-equiv="Keywords" lang="en-us" content="">
31
    <meta name="keywords" http-equiv="Keywords" lang="en" content="">
31
    <meta name="keywords" http-equiv="Keywords" lang="en" content="">
32
*/ ?>
32
*/ ?>
33
    <meta name="revisit-after" content="3 days">
33
    <meta name="revisit-after" content="3 days">
34
34
35
    <!-- Robots: Dublin Core Metadata (http://purl.org/metadata/dublin_core) -->
35
    <!-- Robots: Dublin Core Metadata (http://purl.org/metadata/dublin_core) -->
36
    <meta name="dcterms.title" content="PointedEars’ Website">
36
    <meta name="dcterms.title" content="PointedEars’ Website">
37
    <meta name="dcterms.creator" content="Thomas ‘PointedEars’ Lahn">
37
    <meta name="dcterms.creator" content="Thomas ‘PointedEars’ Lahn">
38
    <meta name="dcterms.subject" content="Private Web site">
38
    <meta name="dcterms.subject" content="Private Web site">
39
<?php /*
39
<?php /*
40
    <meta name="dcterms.description"
40
    <meta name="dcterms.description"
41
          content="PointedEars' Website: <?php echo $description; ?>">
41
          content="PointedEars' Website: <?php echo $description; ?>">
42
*/ ?>
42
*/ ?>
43
    <meta name="dcterms.publisher" content="PointedEars">
43
    <meta name="dcterms.publisher" content="PointedEars">
44
    <meta name="dcterms.date" content="2002-05-23T10:56:00+02:00">
44
    <meta name="dcterms.date" content="2002-05-23T10:56:00+02:00">
45
    <meta name="dcterms.created" content="2002-05-23">
45
    <meta name="dcterms.created" content="2002-05-23">
46
    <meta name="dcterms.modified" content="<?php echo gmdate('Y-m-dTH:i:sO', $modi); ?>">
46
    <meta name="dcterms.modified" content="<?php echo gmdate('Y-m-dTH:i:sO', $modi); ?>">
47
<?php /*
47
<?php /*
48
    <meta name="dcterms.type" content="">
48
    <meta name="dcterms.type" content="">
49
    <meta name="dcterms.format" content="">
49
    <meta name="dcterms.format" content="">
50
*/ ?>
50
*/ ?>
51
    <meta name="dcterms.identifier" content="http://pointedears.de/index.<?php echo $language; ?>">
51
    <meta name="dcterms.identifier" content="http://pointedears.de/index.<?php echo $language; ?>">
52
    <meta name="dcterms.language" content="<?php echo $language; ?>">
52
    <meta name="dcterms.language" content="<?php echo $language; ?>">
53
    <meta name="dcterms.rightsHolder"
53
    <meta name="dcterms.rightsHolder"
54
          content="Copyright © 2002&#8211;<?php echo gmdate('Y', $modi); ?> Thomas&nbsp;Lahn.">
54
          content="Copyright © 2002&#8211;<?php echo gmdate('Y', $modi); ?> Thomas&nbsp;Lahn.">
55
    <meta name="dcterms.rights"
55
    <meta name="dcterms.rights"
56
          content="<?php echo tr("All rights reserved."); ?> <?php echo tr("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."); ?>">
56
          content="<?php echo tr("All rights reserved."); ?> <?php echo tr("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."); ?>">
57
57
58
<?php /*
58
<?php /*
59
    <!-- <link rel="stylesheet" type="text/css" href="styles/lcars.css"> -->
59
    <!-- <link rel="stylesheet" type="text/css" href="styles/lcars.css"> -->
60
    <!-- <link rel="stylesheet" type="text/css" href="styles/lcars21.css"> -->
60
    <!-- <link rel="stylesheet" type="text/css" href="styles/lcars21.css"> -->
61
    <!-- No optimization here: IE 9 in non-Compatibility Mode sends "Accept: text/css",
61
    <!-- No optimization here: IE 9 in non-Compatibility Mode sends "Accept: text/css",
62
         Apache responds with 406:
62
         Apache responds with 406:
63
         http://blog.s9y.org/archives/227-ie9-has-trouble-with-css-content-types.html -->
63
         http://blog.s9y.org/archives/227-ie9-has-trouble-with-css-content-types.html -->
64
*/ ?>
64
*/ ?>
65
    <link rel="stylesheet" type="text/css" href="styles/lcars-basic">
65
    <link rel="stylesheet" type="text/css" href="styles/lcars-basic">
66
<?php
66
<?php
67
  $isLocal = ($_SERVER['HTTP_HOST'] === 'localhost');
67
  $isLocal = ($_SERVER['HTTP_HOST'] === 'localhost');
68
  $printable = (isset($_GET['printable']) && $_GET['printable'] === '1');
68
  $printable = (isset($_GET['printable']) && $_GET['printable'] === '1');
69
  if (!$printable)
69
  if (!$printable)
70
  {
70
  {
71
?>
71
?>
72
    <link rel="stylesheet" type="text/css" href="styles/lcars22<?php
72
    <link rel="stylesheet" type="text/css" href="styles/lcars22<?php
73
      if (isset($_GET['ani']) && $_GET['ani'] !== '')
73
      if (isset($_GET['ani']) && $_GET['ani'] !== '')
74
      {
74
      {
75
        echo '?ani=' . $_GET['ani'];
75
        echo '?ani=' . $_GET['ani'];
76
      }
76
      }
77
    ?>">
77
    ?>">
78
<?php
78
<?php
79
  }
79
  }
80
?>
80
?>
81
    <style type="text/css">
81
    <style type="text/css">
82
      <!--
82
      <!--
83
      p {
83
      p {
84
        max-width: 100%;
84
        max-width: 100%;
85
      }
85
      }
86
      -->
86
      -->
87
    </style>
87
    </style>
88
88
89
    <script type="text/javascript" src="scripts/builder?src=object,dom,dom/storage,dom/events,dom/timeout,dom/window<?php
89
    <script type="text/javascript" src="scripts/builder?src=object,dom,dom/storage,dom/events,dom/timeout,dom/window<?php
90
      if ($isLocal)
90
      if ($isLocal)
91
      {
91
      {
92
        ?>&amp;verbose=1&amp;debug=1<?php
92
        ?>&amp;verbose=1&amp;debug=1<?php
93
      }
93
      }
94
    ?>"></script>
94
    ?>"></script>
95
    <script type="text/javascript">
95
    <script type="text/javascript">
96
<?php
96
<?php
97
      /*
97
      /*
98
      var ms1Day = 60*60*24*1000; // ms for 1 days = 60sec*60min*24hours*1000ms
98
      var ms1Day = 60*60*24*1000; // ms for 1 days = 60sec*60min*24hours*1000ms
99
      var msLeaveDays = ms1Day*6;
99
      var msLeaveDays = ms1Day*6;
100
      var ms30Days=ms1Day*30;
100
      var ms30Days=ms1Day*30;
101
      var delta;
101
      var delta;
102
      var newTime=new Date();
102
      var newTime=new Date();
103
      var msTime=newTime.getTime();
103
      var msTime=newTime.getTime();
104
      var msExpire=msTime+ms30Days;
104
      var msExpire=msTime+ms30Days;
105
      var expireTime=new Date(msExpire);
105
      var expireTime=new Date(msExpire);
106

106

107
      cookieVal=
107
      cookieVal=
108
          "savedTime=" + newTime.toGMTString()
108
          "savedTime=" + newTime.toGMTString()
109
        + "; expires=" + expireTime.toGMTString()
109
        + "; expires=" + expireTime.toGMTString()
110
        + "; domain=anybody"
110
        + "; domain=anybody"
111
        + "; path=/";
111
        + "; path=/";
112
      document.cookie= cookieVal;
112
      document.cookie= cookieVal;
113
      */
113
      */
114
?>
114
?>
115
      function body_load ()
115
      function body_load ()
116
      {
116
      {
117
        if (typeof this.ontouchstart != 'undefined')
117
        if (typeof this.ontouchstart != 'undefined')
118
        {
118
        {
119
          this.ontouchstart = function () {};
119
          this.ontouchstart = function () {};
120
        }
120
        }
121
121
122
        if (fullscreen.isSupportedBy(document.documentElement))
122
        if (fullscreen.isSupportedBy(document.documentElement))
123
        {
123
        {
124
          var fullscreenLI = jsx.dom.getElementById("cmd3");
124
          var fullscreenLI = jsx.dom.getElementById("cmd3");
125
          fullscreenLI.firstChild.style.cursor = "";
125
          fullscreenLI.firstChild.style.cursor = "";
126
        }
126
        }
127
      }
127
      }
128
    </script>
128
    </script>
129
    <?php /* <bgsound src="media/interface/sound/beginop.wav" loop="infinite"> */ ?>
129
    <?php /* <bgsound src="media/interface/sound/beginop.wav" loop="infinite"> */ ?>
130
  </head>
130
  </head>
131
  <body class="fade-in" onload="body_load()">
131
  <body class="fade-in" onload="body_load()">
132
    <div id="content">
132
    <div id="content">
133
      <h1 style="text-align: center"><img
133
      <h1 style="text-align: center"><img
134
            src="media/video/img/vulcan_hand-black-bg.png"
134
            src="media/video/img/vulcan_hand-black-bg.png"
135
            width="120"
135
            width="120"
136
            height="168"
136
            height="168"
137
            alt="<?php echo tr("Vulcan greeting"); ?>"
137
            alt="<?php echo tr("Vulcan greeting"); ?>"
138
            title="<?php echo tr("Vulcan greeting"); ?>"
138
            title="<?php echo tr("Vulcan greeting"); ?>"
139
            style="border: none; cursor: default"
139
            style="border: none; cursor: default"
140
            onmouseover="return setStatus(this.title)"
140
            onmouseover="return setStatus(this.title)"
141
            onmouseout="return resetStatus()"><br>
141
            onmouseout="return resetStatus()"><br>
142
        <?php echo tr("Welcome to PointedEars’ Website"); ?></h1>
142
        <?php echo tr("Welcome to PointedEars’ Website"); ?></h1>
143
<?php
143
<?php
144
  if (!$printable)
144
  if (!$printable)
145
  {
145
  {
146
?>
146
?>
147
      <p class="instruction" style="font-size: 100%; text-align: center"><?php
147
      <p class="instruction" style="font-size: 100%; text-align: center"><?php
148
        echo sprintf(
148
        echo sprintf(
149
          tr("This site uses recent <a href='https://developer.mozilla.org/en-US/docs/'"
149
          tr("This site uses recent <a href='https://developer.mozilla.org/en-US/docs/'"
150
            . " title='Learn more: Mozilla Developer Network'>Web technologies</a>."
150
            . " title='Learn more: Mozilla Developer Network'>Web technologies</a>."
151
            . " You can use the <a href='index.%s?printable=1'>%s</a>"
151
            . " You can use the <a href='index.%s?printable=1'>%s</a>"
152
            . " if it is not displayed properly with your software."),
152
            . " if it is not displayed properly with your software."),
153
          $language,
153
          $language,
154
          tr('Printable version'));
154
          tr('Printable version'));
155
        ?></p>
155
        ?></p>
156
<?php
156
<?php
157
  }
157
  }
158
158
159
  /*
159
  /*
160
      <p>
160
      <p>
161
        | <a href="leisure/" target="_top"
161
        | <a href="leisure/" target="_top"
162
            >Freizeit-Datenbank</a>
162
            >Freizeit-Datenbank</a>
163
        | <a href="mozilla/" target="_top">Mozilla</a>
163
        | <a href="mozilla/" target="_top">Mozilla</a>
164
        | <a href="poetry/" target="_top">Poesie</a>
164
        | <a href="poetry/" target="_top">Poesie</a>
165
  */
165
  */
166
       
166
       
167
  /*
167
  /*
168
        | [<abbr title="nur in englischer Sprache verf&uuml;gbar"
168
        | [<abbr title="nur in englischer Sprache verf&uuml;gbar"
169
                 >en</abbr>]
169
                 >en</abbr>]
170
        | <a href="selfhtml.de/" target="_top">SELFHTML.DE</a>
170
        | <a href="selfhtml.de/" target="_top">SELFHTML.DE</a>
171
  */
171
  */
172
  /*
172
  /*
173
        | <a href="lyrics/" target="_top">Songbook</a>
173
        | <a href="lyrics/" target="_top">Songbook</a>
174
        | </p>
174
        | </p>
175
  */
175
  */
176
              /*
176
              /*
177
      <p><a href="about/worm.de.html" target="_top"
177
      <p><a href="about/worm.de.html" target="_top"
178
            >Seltsame E-Mails bekommen?</a></p>
178
            >Seltsame E-Mails bekommen?</a></p>
179
               */
179
               */
180
/*
180
/*
181
      <noscript>
181
      <noscript>
182
        <a
182
        <a
183
          href="http://pointedears.de/"
183
          href="http://pointedears.de/"
184
          title="PointedEars' Website"
184
          title="PointedEars' Website"
185
          >Diese Website zu Ihren Lesezeichen hinzuf&uuml;gen</a>
185
          >Diese Website zu Ihren Lesezeichen hinzuf&uuml;gen</a>
186
      </noscript>
186
      </noscript>
187

187

188
      <!-- Klicken Sie hier, falls Sie nach 5 Sekunden nicht automatisch
188
      <!-- Klicken Sie hier, falls Sie nach 5 Sekunden nicht automatisch
189
           weitergeleitet werden. -->
189
           weitergeleitet werden. -->
190
*/
190
*/
191
?>
191
?>
192
<?php
192
<?php
193
  $app = "Welcome/$language";
193
  $app = "Welcome/$language";
194
  require_once 'footer.phtml';
194
  require_once 'footer.phtml';
195
      /* embed src="media/interface/speech/de/warten.wav" width="0" height="0"
195
      /* embed src="media/interface/speech/de/warten.wav" width="0" height="0"
196
      hidden="true" autostart="true" dir="ltr" lang="de" */
196
      hidden="true" autostart="true" dir="ltr" lang="de" */
197
?>
197
?>
198
    </div>
198
    </div>
199
    <div id="LCARS">
199
    <div id="LCARS">
200
<?php /*
200
<?php /*
201
      <div id="button-grid" style="position: absolute; opacity: 0.3">
201
      <div id="button-grid" style="position: absolute; opacity: 0.3">
202
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
202
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
203

203

204
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
204
        <a class="button" style="display: block; clear: left; 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>
205
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
206
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
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>
207
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
208

208

209
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
209
        <a class="button" style="display: block; clear: left; 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>
210
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
211
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
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>
212
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
213

213

214
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
214
        <a class="button" style="display: block; clear: left; 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>
215
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
216
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
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>
217
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
218

218

219
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
219
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
220
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
220
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
221
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
221
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
222
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
222
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
223

223

224
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
224
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
225
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
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>
226
        <a class="button" style="display: block; 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>
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>
228
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
229

229

230
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
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>
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>
232
        <a class="button" style="display: block; 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>
233
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
234

234

235
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
235
        <a class="button" style="display: block; clear: left; 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>
236
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
237
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
237
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
238

238

239
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
239
        <a class="button" style="display: block; clear: left; 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>
240
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
241
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
241
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
242

242

243
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
243
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
244
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
244
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
245
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
245
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
246

246

247
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
247
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
248
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
248
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
249
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
249
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
250
      </div>
250
      </div>
251
*/ ?>
251
*/ ?>
252
      <div id="bow">
252
      <div id="bow">
253
        <div id="bow-top">
253
        <div id="bow-top">
254
          <div class="separator-left">&nbsp;</div>
254
          <div class="separator-left">&nbsp;</div>
255
          <div class="text"><span>PointedEars’ Website</span></div>
255
          <div class="text"><span>PointedEars’ Website</span></div>
256
        </div>
256
        </div>
257
        <div id="bow-top-left">
257
        <div id="bow-top-left">
258
          <div class="concave">&nbsp;</div>
258
          <div class="concave">&nbsp;</div>
259
          <div style="position: absolute; top: 3.2em; left: 0; background-color: black">
259
          <div style="position: absolute; top: 3.2em; left: 0; background-color: black">
260
            <div class="bow" style="margin-top: 0.2em; width: 8em; height: 1em">&nbsp;</div>
260
            <div class="bow" style="margin-top: 0.2em; width: 8em; height: 1em">&nbsp;</div>
261
          </div>
261
          </div>
262
        </div>
262
        </div>
263
        <div id="bottom">
263
        <div id="bottom">
264
          <div id="bow-bottom">
264
          <div id="bow-bottom">
265
            <div class="concave">&nbsp;</div>
265
            <div class="concave">&nbsp;</div>
266
            <div class="spacer">&nbsp;</div>
266
            <div class="spacer">&nbsp;</div>
267
        </div>
267
        </div>
268
        </div>
268
        </div>
269
       
269
       
270
        <div class="menu-container">
270
        <div class="menu-container">
271
          <nav class="menu">
271
          <nav class="menu">
272
            <ul style="padding-top: 1em">
272
            <ul style="padding-top: 1em">
273
            <?php foreach ($languages as $key => $name): ?>
273
            <?php foreach ($languages as $key => $name): ?>
274
              <li><a href="index.<?php echo $key; ?>?ani=0"
274
              <li><a href="index.<?php echo $key; ?>?ani=0"
275
                     class="button<?php if ($language === $key) { ?> selected<?php } ?>"
275
                     class="button<?php if ($language === $key) { ?> selected<?php } ?>"
276
                     tabindex="2"><span class="text"><?php echo $name; ?></span></a></li>
276
                     tabindex="2"><span class="text"><?php echo $name; ?></span></a></li>
277
            <?php endforeach; ?>
277
            <?php endforeach; ?>
278
            </ul>
278
            </ul>
279
            <div class="bow" style="margin-bottom: 0.4em; width: 8em; height: 0.4em">&nbsp;</div>
279
            <div class="bow" style="margin-bottom: 0.4em; width: 8em; height: 0.4em">&nbsp;</div>
280
            <ul style="margin-bottom: 1.2em">
280
            <ul style="margin-bottom: 1.2em">
281
              <li><a href="<?php echo $menu['scripts']['path']; ?>" target="_top" class="button"><span class="text"><?php echo $menu['scripts']['text']; ?></span></a></li>
281
              <li><a href="<?php echo $menu['scripts']['path']; ?>" target="_top" class="button"><span class="text"><?php echo $menu['scripts']['text']; ?></span></a></li>
282
              <li><a href="<?php echo $menu['es-matrix']['path']; ?>" target="_top" class="button"
282
              <li><a href="<?php echo $menu['es-matrix']['path']; ?>" target="_top" class="button"
283
                     title="<?php echo $menu['es-matrix']['title']; ?>"
283
                     title="<?php echo $menu['es-matrix']['title']; ?>"
284
                     ><span class="text"><?php echo $menu['es-matrix']['text']; ?></span></a></li>
284
                     ><span class="text"><?php echo $menu['es-matrix']['text']; ?></span></a></li>
285
              <li><a href="<?php echo $menu['devel']['path']; ?>" target="_top" class="button"><span class="text"><?php echo $menu['devel']['text']; ?></span></a></li>
285
              <li><a href="<?php echo $menu['devel']['path']; ?>" target="_top" class="button"><span class="text"><?php echo $menu['devel']['text']; ?></span></a></li>
286
            </ul>
286
            </ul>
287
            <ul style="margin-bottom: 0.2em">
287
            <ul style="margin-bottom: 0.2em">
288
              <li><a href="psf/" target="_top"
288
              <li><a href="psf/" target="_top"
289
                 class="button ancillary"
289
                 class="button ancillary"
290
                 ><abbr title="<?php echo tr("PointedEars' Standard Frases"); ?>"
290
                 ><abbr title="<?php echo tr("PointedEars' Standard Frases"); ?>"
291
                        class="text">psf</abbr></a></li>
291
                        class="text">psf</abbr></a></li>
292
            <li><a href="<?php echo $menu['series']['path']; ?>" target="_top" class="button ancillary"
292
            <li><a href="<?php echo $menu['series']['path']; ?>" target="_top" class="button ancillary"
293
                   title="<?php echo tr('List of recommended TV shows and episodes, with logos in CSS'); ?>"
293
                   title="<?php echo tr('List of recommended TV shows and episodes, with logos in CSS'); ?>"
294
                   ><span class="text"><?php echo $menu['series']['text']; ?></span></a></li>
294
                   ><span class="text"><?php echo $menu['series']['text']; ?></span></a></li>
295
              <li><a href="<?php echo $menu['ufpdb']['path']; ?>" target="_top" class="button database"
295
              <li><a href="<?php echo $menu['ufpdb']['path']; ?>" target="_top" class="button database"
296
                     ><abbr title="<?php echo $menu['ufpdb']['title']; ?>"
296
                     ><abbr title="<?php echo $menu['ufpdb']['title']; ?>"
297
                            class="text"><?php echo $menu['ufpdb']['text']; ?></abbr></a></li>
297
                            class="text"><?php echo $menu['ufpdb']['text']; ?></abbr></a></li>
298
            </ul>
298
            </ul>
299
            <div style="position: relative; margin-bottom: 1.2em">
299
            <div style="position: relative; margin-bottom: 1.2em">
300
              <div class="bow" style="width: 8em; height: 0.8em">&nbsp;</div>
300
              <div class="bow" style="width: 8em; height: 0.8em">&nbsp;</div>
301
            </div>
301
            </div>
302
            <ul>
302
            <ul>
303
              <li><a href="http://climateapps2.oerc.ox.ac.uk/cpdnboinc/show_user.php?userid=648544"
303
              <li><a href="http://climateapps2.oerc.ox.ac.uk/cpdnboinc/show_user.php?userid=648544"
304
                     target="_top" class="button secondary"
304
                     target="_top" class="button secondary"
305
                     title="<?php echo tr("The world’s largest climate forecasting experiment for the 21st century"); ?>"
305
                     title="<?php echo tr("The world’s largest climate forecasting experiment for the 21st century"); ?>"
306
                     ><span class="text">climateprediction.net</span></a></li>
306
                     ><span class="text">climateprediction.net</span></a></li>
307
<?php /* http://vspx27.stanford.edu/cgi-bin/main.py?qtype=userpage&amp;username=Thomas_Lahn */ ?>
307
<?php /* http://vspx27.stanford.edu/cgi-bin/main.py?qtype=userpage&amp;username=Thomas_Lahn */ ?>
308
              <li><a href="<?php echo tr("http://folding.stanford.edu/English/HomePage"); ?>"
308
              <li><a href="<?php echo tr("http://folding.stanford.edu/English/HomePage"); ?>"
309
                     target="_top" class="button secondary"
309
                     target="_top" class="button secondary"
310
                     title="<?php echo tr("Distributed computing to understand protein folding, protein aggregation, and related diseases"); ?>"
310
                     title="<?php echo tr("Distributed computing to understand protein folding, protein aggregation, and related diseases"); ?>"
311
                     ><span class="text">Folding at home</span></a></li>
311
                     ><span class="text">Folding at home</span></a></li>
312
             <li><a href="http://lhcathomeclassic.cern.ch/sixtrack/show_user.php?userid=221181"
312
             <li><a href="http://lhcathomeclassic.cern.ch/sixtrack/show_user.php?userid=221181"
313
                    target="_top" class="button secondary"
313
                    target="_top" class="button secondary"
314
                    title="<?php echo tr("Particle physics research with the Large Hadron Collider at CERN"); ?>"
314
                    title="<?php echo tr("Particle physics research with the Large Hadron Collider at CERN"); ?>"
315
                    ><span class="text">LHC at home</span></a></li>
315
                    ><span class="text">LHC at home</span></a></li>
316
             <li><a href="http://setiathome.berkeley.edu/show_user.php?userid=378921"
316
             <li><a href="http://setiathome.berkeley.edu/show_user.php?userid=378921"
317
                    target="_top" class="button secondary"
317
                    target="_top" class="button secondary"
318
                    title="<?php echo tr("The Search for Extra-Terrestrial Intelligence at HOME"); ?>"
318
                    title="<?php echo tr("The Search for Extra-Terrestrial Intelligence at HOME"); ?>"
319
                    ><span class="text">SETI at home</span></a></li>
319
                    ><span class="text">SETI at home</span></a></li>
320
             <li><a href="https://twitter.com/PointedEars2"
320
             <li><a href="https://twitter.com/PointedEars2"
321
                    target="_top" class="button secondary"
321
                    target="_top" class="button secondary"
322
                    title="<?php echo tr("Me on Twitter"); ?>"
322
                    title="<?php echo tr("Me on Twitter"); ?>"
323
                    ><span class="text">Twitter</span></a></li>
323
                    ><span class="text">Twitter</span></a></li>
324
           </ul>
324
           </ul>
325
<?php /*
325
<?php /*
326
            <script type="text/javascript">
326
            <script type="text/javascript">
327
              var sURL = location.href;
327
              var sURL = location.href;
328
              var sFavAnchorTitle =
328
              var sFavAnchorTitle =
329
                  "Klicken Sie hier, um PointedEars' Website Ihren Favoriten"
329
                  "Klicken Sie hier, um PointedEars' Website Ihren Favoriten"
330
                + " hinzuzufügen";
330
                + " hinzuzufügen";
331
              var sOtherAnchorTitle =
331
              var sOtherAnchorTitle =
332
                  "Klicken Sie hier mit der rechten Maustaste, um PointedEars' Website"
332
                  "Klicken Sie hier mit der rechten Maustaste, um PointedEars' Website"
333
                + " Ihren Lesezeichen hinzuzufügen";
333
                + " Ihren Lesezeichen hinzuzufügen";
334
              var sFavoriteTitle = "PointedEars' Website";
334
              var sFavoriteTitle = "PointedEars' Website";
335
       
335
       
336
              if (jsx.object.isHostMethod(jsx.global.window, "external", "AddFavorite"))
336
              if (jsx.object.isHostMethod(jsx.global.window, "external", "AddFavorite"))
337
              {
337
              {
338
                document.write(
338
                document.write(
339
                    '<div style="position: relative; margin-top: 1em; border-bottom: 0.2em solid transparent">'
339
                    '<div style="position: relative; margin-top: 1em; border-bottom: 0.2em solid transparent">'
340
                  + '  <div class="bow" style="width: 8em; height: 1em">&nbsp;<\/div>'
340
                  + '  <div class="bow" style="width: 8em; height: 1em">&nbsp;<\/div>'
341
                  + '  <div class="bow" style="position: absolute; top: 0; left: 8.2em; width: 2em; height: 1em">&nbsp;<\/div>'
341
                  + '  <div class="bow" style="position: absolute; top: 0; left: 8.2em; width: 2em; height: 1em">&nbsp;<\/div>'
342
                  + '</div>'
342
                  + '</div>'
343
                  + '<a href="javascript:window.external.AddFavorite('
343
                  + '<a href="javascript:window.external.AddFavorite('
344
                  + ' sURL, sFavoriteTitle);" title="' + sFavAnchorTitle + '"'
344
                  + ' sURL, sFavoriteTitle);" title="' + sFavAnchorTitle + '"'
345
                  + ' class="button"'
345
                  + ' class="button"'
346
                  + ' onclick="window.external.AddFavorite('
346
                  + ' onclick="window.external.AddFavorite('
347
                  + ' sURL, sFavoriteTitle); return false"'
347
                  + ' sURL, sFavoriteTitle); return false"'
348
                  + ' onmouseover="return setStatus(sFavAnchorTitle)"'
348
                  + ' onmouseover="return setStatus(sFavAnchorTitle)"'
349
                  + ' onmouseout="return resetStatus()"'
349
                  + ' onmouseout="return resetStatus()"'
350
                  + '><span class="text">Favorit<\/span><\/a>');
350
                  + '><span class="text">Favorit<\/span><\/a>');
351
              }
351
              }
352
            </script>
352
            </script>
353
*/ ?>
353
*/ ?>
354
          </nav>
354
          </nav>
355
        </div>
355
        </div>
356
      </div>
356
      </div>
357
      <div id="connectors">
357
      <div id="connectors">
358
        <div class="bow top left">&nbsp;</div>
358
        <div class="bow top left">&nbsp;</div>
359
        <div class="bow top right">&nbsp;</div>
359
        <div class="bow top right">&nbsp;</div>
360
       
360
       
361
        <div class="bow mid left">&nbsp;</div>
361
        <div class="bow mid left">&nbsp;</div>
362
        <div class="bow mid right">&nbsp;</div>
362
        <div class="bow mid right">&nbsp;</div>
363
      </div>
363
      </div>
364
      <div class="multi-display">
364
      <div class="multi-display">
365
        <div class="upper">
365
        <div class="upper">
366
          <div class="content">
366
          <div class="content">
367
            <div class="title"><span>Home</span></div>
367
            <div class="title"><span>Home</span></div>
368
            <div class="analysis">
368
            <div class="analysis">
369
              <table>
369
              <table>
370
                <tr>
370
                <tr>
371
                  <th><?php echo tr('Display'); ?>:</th>
371
                  <th><?php echo tr('Display'); ?>:</th>
372
                  <td><script type="text/javascript">
372
                  <td><script type="text/javascript">
-
 
373
                    var _addEventListener = jsx.dom.addEventListener;
373
                    var runAsync = jsx.dom.timeout.runAsync;
374
                    var _runAsync = jsx.dom.timeout.runAsync;
374
                    var ID_SCREEN_DIM = 'screenDim';
375
                    var ID_SCREEN_DIM = 'screenDim';
375
                    var ID_AVAIL_DIM = 'availDim';
376
                    var ID_AVAIL_DIM = 'availDim';
376
                    var ID_INNER_DIM = 'innerDim';
377
                    var ID_INNER_DIM = 'innerDim';
-
 
378
                    var TEXT_NOT_AVAILABLE = "<?php echo tr('N/A'); ?>";
377
                   
379
                   
378
                    var dim = (function () {
380
                    var dim = (function () {
379
                      var screenInfo = jsx.dom.window.screenInfo;
381
                      var screenInfo = jsx.dom.window.screenInfo;
380
382
381
                      return {
383
                      return {
382
                        getScreenText: function () {
384
                        getScreenText: function () {
383
                          var screenDim = screenInfo.getDim();
385
                          var screenDim = screenInfo.getDim();
384
                          return screenDim.width + "×" + screenDim.height;
386
                          return screenDim.width + "×" + screenDim.height;
385
                        },
387
                        },
386
 
388
 
387
                        getAvailText: function () {
389
                        getAvailText: function () {
388
                          var availDim = screenInfo.getAvailDim();
390
                          var availDim = screenInfo.getAvailDim();
389
                          return availDim.width + "×" + availDim.height + " <?php echo tr('available'); ?>";
391
                          return availDim.width + "×" + availDim.height + " <?php echo tr('available'); ?>";
390
                        },
392
                        },
391
 
393
 
392
                        getInnerText: function () {
394
                        getInnerText: function () {
393
                          var innerDim = screenInfo.getInnerDim();
395
                          var innerDim = screenInfo.getInnerDim();
394
                          return ", " + innerDim.width + "×" + innerDim.height + " <?php echo tr('used'); ?>";
396
                          return ", " + innerDim.width + "×" + innerDim.height + " <?php echo tr('used'); ?>";
395
                        },
397
                        },
396
 
398
 
397
                        getColorDepthText: function () {
399
                        getColorDepthText: function () {
398
                          var colorDepth = screenInfo.getColorDepth();
400
                          var colorDepth = screenInfo.getColorDepth();
399
                          return colorDepth
401
                          return colorDepth
400
                            ? '2<sup>' + colorDepth + "<\/sup> <?php echo tr('colors'); ?>"
402
                            ? '2<sup>' + colorDepth + "<\/sup> <?php echo tr('colors'); ?>"
401
                            : "";
403
                            : "";
402
                        }
404
                        }
403
                      };
405
                      };
404
                    }());
406
                    }());
405
                   
407
                   
406
                    (function () {
408
                    (function () {
407
-
 
408
                      var screenDimText = dim.getScreenText();
409
                      var screenDimText = dim.getScreenText();
409
                      var availDimText = dim.getAvailText();
410
                      var availDimText = dim.getAvailText();
410
                      var innerDimText = dim.getInnerText();
411
                      var innerDimText = dim.getInnerText();
411
                      var colorDepthText = dim.getColorDepthText();
412
                      var colorDepthText = dim.getColorDepthText();
412
                      var displayInfo = (screenDimText || availDimText || innerDimText || colorDepthText)
413
                      var displayInfo = (screenDimText || availDimText || innerDimText || colorDepthText)
413
                        ?   (screenDimText ? '<span id="' + ID_SCREEN_DIM + '">' + screenDimText + '<\/span> <?php echo tr('pixels'); ?>' : "")
414
                        ?   (screenDimText ? '<span id="' + ID_SCREEN_DIM + '">' + screenDimText + '<\/span> <?php echo tr('pixels'); ?>' : "")
414
                          + (availDimText ? ' (<span id="' + ID_AVAIL_DIM + '">' + availDimText + "<\/span>" : "")
415
                          + (availDimText ? ' (<span id="' + ID_AVAIL_DIM + '">' + availDimText + "<\/span>" : "")
415
                          + (innerDimText ? '<span id="' + ID_INNER_DIM + '">' + innerDimText + "<\/span>)" : "")
416
                          + (innerDimText ? '<span id="' + ID_INNER_DIM + '">' + innerDimText + "<\/span>)" : "")
416
                          + (colorDepthText ? ' ×&nbsp;<span id="colorDepth">' + colorDepthText + "<\/span>" : "")
417
                          + (colorDepthText ? ' ×&nbsp;<span id="colorDepth">' + colorDepthText + "<\/span>" : "")
417
                        : "<?php echo tr('N/A'); ?>";
418
                        : TEXT_NOT_AVAILABLE;
418
 
419
 
419
                      /* FIXME: Convert HTML to text, update whole title text */
420
                      /* FIXME: Convert HTML to text, update whole title text */
420
                      document.write('<span>' + displayInfo + '<\/span>');
421
                      document.write('<span>' + displayInfo + '<\/span>');
421
422
422
                      var oColorDepth;
423
                      var oColorDepth;
423
                      runAsync(function () {
424
                      var tColor = _runAsync(function () {
424
                        if (typeof oColorDepth == "undefined")
425
                        if (typeof oColorDepth == "undefined")
425
                        {
426
                        {
426
                          oColorDepth = document.getElementById("colorDepth");
427
                          oColorDepth = document.getElementById("colorDepth");
427
                        }
428
                        }
428
 
429
 
429
                        if (oColorDepth)
430
                        if (oColorDepth)
430
                        {
431
                        {
431
                          var colorDepthText = dim.getColorDepthText();
432
                          var colorDepthText = dim.getColorDepthText();
432
                          /* FIXME: Also update title attribute value */
433
                          <?php /* FIXME: Also update title attribute value */ ?>
433
                          if (oColorDepth.innerHTML != colorDepthText)
434
                          if (oColorDepth.innerHTML != colorDepthText)
434
                          {
435
                          {
435
                            oColorDepth.innerHTML = colorDepthText;
436
                            oColorDepth.innerHTML = colorDepthText;
436
                          }
437
                          }
437
                        }
438
                        }
438
439
439
                        this.run();
440
                        tColor = this.run();
440
                      }, 1000);
441
                      }, 1000);
-
 
442
-
 
443
                      _addEventListener(document, "unload", function () {
-
 
444
                        tColor.unset();
-
 
445
                        tColor = null;
-
 
446
                      });
441
                    }());
447
                    }());
442
                  </script><noscript><?php echo tr('N/A'); ?></noscript></td>
448
                  </script><noscript><?php echo tr('N/A'); ?></noscript></td>
443
                </tr>
449
                </tr>
444
                <tr>
450
                <tr>
445
                  <th><?php echo tr('User Agent'); ?>:</th>
451
                  <th><?php echo tr('User Agent'); ?>:</th>
446
                  <td><script type="text/javascript">
452
                  <td><script type="text/javascript">
447
                    (function () {
453
                    (function () {
448
                      var ua = navigator.userAgent;
454
                      var ua = navigator.userAgent;
449
                      document.write('<span id="ua" title="' + ua + '">' + ua + '<\/span>');
455
                      document.write('<span id="ua" title="' + ua + '">' + ua + '<\/span>');
450
456
451
                      var oUA;
457
                      var oUA;
452
                      runAsync(function () {
458
                      var tUA = _runAsync(function () {
453
                        if (typeof oUA == "undefined")
459
                        if (typeof oUA == "undefined")
454
                        {
460
                        {
455
                          oUA = document.getElementById("ua");
461
                          oUA = document.getElementById("ua");
456
                        }
462
                        }
457
                       
463
                       
458
                        if (oUA)
464
                        if (oUA)
459
                        {
465
                        {
460
                          var ua = navigator.userAgent;
466
                          var ua = navigator.userAgent;
461
467
462
                          if (oUA.innerHTML != ua)
468
                          if (oUA.innerHTML != ua)
463
                          {
469
                          {
464
                            oUA.innerHTML = ua;
470
                            oUA.innerHTML = ua;
465
                          }
471
                          }
466
472
467
                          /* Converts CREs */
473
                          <?php /* Converts CREs */ ?>
468
                          var oUAhtml = oUA.innerHTML
474
                          var oUAhtml = oUA.innerHTML
469
                          if (oUA.title != oUAhtml)
475
                          if (oUA.title != oUAhtml)
470
                          {
476
                          {
471
                            oUA.title = oUAhtml;
477
                            oUA.title = oUAhtml;
472
                          }
478
                          }
473
                        }
479
                        }
474
480
475
                        this.run();
481
                        tUA = this.run();
476
                      }, 1000);
482
                      }, 1000);
-
 
483
-
 
484
                      _addEventListener(document, "unload", function () {
-
 
485
                        tUA.unset();
-
 
486
                        tUA = null;
-
 
487
                      });
477
                    }());
488
                    }());
478
                  </script><noscript><?php echo tr('N/A'); ?></noscript></td>
489
                  </script><noscript><?php echo tr('N/A'); ?></noscript></td>
479
                </tr>
490
                </tr>
480
                <tr>
491
                <tr>
481
                  <th><?php echo tr('Features'); ?>:</th>
492
                  <th><?php echo tr('Features'); ?>:</th>
482
                  <td><script type="text/javascript">
493
                  <td><script type="text/javascript">
483
                    var fullscreen = jsx.dom.window.fullscreen;
494
                    var fullscreen = jsx.dom.window.fullscreen;
484
                 
495
-
 
496
                    jsx.dom.geolocation = {
-
 
497
                      getText: function (position) {
-
 
498
                        var coords = position.coords;
-
 
499
                        var latitude = coords.latitude;
-
 
500
                        var longitude = coords.longitude;
-
 
501
                        var altitude = coords.altitude;
-
 
502
                        var altitudeAccuracy = coords.altitudeAccuracy;
-
 
503
                        var speed = coords.speed;
-
 
504
                        var heading = coords.heading;
-
 
505
                       
-
 
506
                        return [
-
 
507
                          "<?php echo tr('Latitude:'); ?> " + (latitude != null ? latitude + "°" : TEXT_NOT_AVAILABLE),
-
 
508
                          "<?php echo tr('Longitude:'); ?> " + (longitude != null ? longitude + "°" : TEXT_NOT_AVAILABLE),
-
 
509
                          "<?php echo tr('Lat/Lng Accuracy:'); ?> " + coords.accuracy + " m",
-
 
510
                          "<?php echo tr('Altitude:'); ?> " + (altitude != null ? altitude + " m": TEXT_NOT_AVAILABLE),
-
 
511
                          "<?php echo tr('Alt. Accuracy:'); ?> " + (altitudeAccuracy != null ? altitudeAccuracy + " m": TEXT_NOT_AVAILABLE),
-
 
512
                          "<?php echo tr('Speed:'); ?> " + (speed != null && !isNaN(speed) ? speed + " m∕s": TEXT_NOT_AVAILABLE),
-
 
513
                          "<?php echo tr('Heading:'); ?> " + (heading != null && !isNaN(heading) ? heading + "°" : TEXT_NOT_AVAILABLE)
-
 
514
                        ].join("\n");
-
 
515
                      },
-
 
516
-
 
517
                      show: function (position) {
-
 
518
                        window.alert("<?php echo tr('Your current coordinates on Terra'); ?>\n\n" + this.getText(position));
-
 
519
                      }
-
 
520
                    };
-
 
521
                   
485
                    (function () {
522
                    (function () {
486
                      function getFeatures ()
523
                      function getFeatures ()
487
                      {
524
                      {
488
                        var features = [];
525
                        var features = [];
489
                        if (typeof document.cookie != "undefined")
526
                        if (typeof document.cookie != "undefined")
490
                        {
527
                        {
491
                          var cookiesText = "<?php echo tr('Cookies'); ?>"
528
                          var cookiesText = "<?php echo tr('Cookies'); ?>"
492
                          if (navigator.cookieEnabled)
529
                          if (navigator.cookieEnabled)
493
                          {
530
                          {
494
                            if (document.cookie)
531
                            if (document.cookie)
495
                            {
532
                            {
-
 
533
                              var cookies = document.cookie;
-
 
534
                              cookies = cookies.split(/\s*;\s*/);
496
                              features.push(cookiesText);
535
                              features.push('<a href="#" title="'
-
 
536
                                + cookies.join("&#13;&#10;")
-
 
537
                                + '"'
-
 
538
                                + ' onclick="window.alert(\'<?php echo tr('Cookies for'); ?> ' + document.domain + '\\n\\n' + cookies.join("\\n") + '\'); return false">' + cookiesText + '<\/a>');
497
                            }
539
                            }
498
                            else
540
                            else
499
                            {
541
                            {
500
                              features.push('<span class="unavailable"'
542
                              features.push('<span class="unavailable"'
501
                                + ' title="<?php echo tr('Cookies supported, but no data for this site'); ?>"'
543
                                + ' title="<?php echo tr('Cookies supported, but no data for this site'); ?>"'
502
                                + '>' + cookiesText + '<\/span>');
544
                                + '>' + cookiesText + '<\/span>');
503
                            }
545
                            }
504
                          }
546
                          }
505
                          else
547
                          else
506
                          {
548
                          {
507
                            features.push('<span class="offline"'
549
                            features.push('<span class="offline"'
508
                              + ' title="<?php echo tr('Cookies supported, but disabled'); ?>"'
550
                              + ' title="<?php echo tr('Cookies supported, but disabled'); ?>"'
509
                              + '>' + cookiesText + '<\/span>');
551
                              + '>' + cookiesText + '<\/span>');
510
                          }
552
                          }
511
                        }
553
                        }
512
554
513
                        if (fullscreen.isSupportedBy(document.documentElement))
555
                        if (fullscreen.isSupportedBy(document.documentElement))
514
                        {
556
                        {
515
                          features.push("<?php echo tr('Fullscreen'); ?>");
557
                          features.push("<?php echo tr('Fullscreen'); ?>");
516
                        }
558
                        }
517
                       
559
                       
518
                        if (navigator.webkitGetGamepads && navigator.webkitGetGamepads().length)
560
                        if (navigator.webkitGetGamepads && navigator.webkitGetGamepads().length)
519
                        {
561
                        {
520
                          features.push("<?php echo tr('Gamepad'); ?>");
562
                          features.push("<?php echo tr('Gamepad'); ?>");
521
                        }
563
                        }
522
                       
564
                       
523
                        if (navigator.geolocation)
565
                        if (navigator.geolocation)
524
                        {
566
                        {
525
                          features.push("<?php echo tr('Geolocation'); ?>");
567
                          features.push('<a href="#" title="<?php echo tr('Get location'); ?>"'
-
 
568
                            + ' onclick="navigator.geolocation.getCurrentPosition('
-
 
569
                            + 'function (position) { jsx.dom.geolocation.show(position); }); return false"'
-
 
570
                            + '><?php echo tr('Geolocation'); ?><\/a>');
526
                        }
571
                        }
527
572
528
                        if (typeof navigator.javaEnabled != "undefined" && navigator.javaEnabled())
573
                        if (typeof navigator.javaEnabled != "undefined" && navigator.javaEnabled())
529
                        {
574
                        {
530
                          features.push("Java");
575
                          features.push("Java");
531
                        }
576
                        }
532
                       
577
                       
533
                        var storage = jsx.dom.storage;
578
                        var storage = jsx.dom.storage;
534
                        if (storage.localStorage.isSupported()) features.push("Local Storage");
579
                        if (storage.localStorage.isSupported()) features.push("Local Storage");
535
580
536
                        if (navigator.plugins)
581
                        if (navigator.plugins)
537
                        {
582
                        {
538
                          if (navigator.plugins.length > 0)
583
                          if (navigator.plugins.length > 0)
539
                          {
584
                          {
540
                            features.push('<span title="'
585
                            features.push('<span title="'
541
                              + navigator.plugins.length
586
                              + navigator.plugins.length
542
                              + ' <?php echo tr('plugins installed'); ?>">Plugins<\/span>');
587
                              + ' <?php echo tr('plugins installed'); ?>">Plugins<\/span>');
543
                          }
588
                          }
544
                          else
589
                          else
545
                          {
590
                          {
546
                                features.push('<span class="unavailable"'
591
                                features.push('<span class="unavailable"'
547
                                + ' title="<?php echo tr('Plugins supported, but none detected'); ?>"'
592
                                + ' title="<?php echo tr('Plugins supported, but none detected'); ?>"'
548
                                + '>Plugins<\/span>');
593
                                + '>Plugins<\/span>');
549
                          }
594
                          }
550
                        }
595
                        }
551
596
552
                        if (storage.sessionStorage.isSupported())
597
                        if (storage.sessionStorage.isSupported())
553
                        {
598
                        {
554
                          features.push("Session Storage");
599
                          features.push("Session Storage");
555
                        }
600
                        }
556
601
557
                        if (typeof window.ontouchstart != "undefined") features.push("Touch");
602
                        if (typeof window.ontouchstart != "undefined") features.push("Touch");
558
                        return features.join(" &#8226; ");
603
                        return features.join(" &#8226; ");
559
                      }
604
                      }
560
605
561
                      function stripTags (s)
606
                      function stripTags (s)
562
                      {
607
                      {
563
                        return s.replace(/<[^>]+>/g, "")
608
                        return s.replace(/<[^>]+>/g, "");
564
                      }
609
                      }
565
                     
610
                     
566
                      var sFeatures = getFeatures();
611
                      var sFeatures = getFeatures();
567
                      document.write('<span id="features" title="'
612
                      document.write('<span id="features" title="' + stripTags(sFeatures) + '">' + sFeatures + '<\/span>');
568
                        + stripTags(sFeatures) + '">' + sFeatures
-
 
569
                        + '<\/span>');
-
 
570
613
571
                      var oFeatures;
614
                      var oFeatures;
572
                      var oFeaturesHtml;
615
                      var oFeaturesHtml;
573
                      var tFeatures = runAsync(function () {
616
                      var tFeatures = _runAsync(function () {
574
                        if (typeof oFeatures == "undefined")
617
                        if (typeof oFeatures == "undefined")
575
                        {
618
                        {
576
                          oFeatures = document.getElementById("features");
619
                          oFeatures = document.getElementById("features");
577
                        }
620
                        }
578
621
579
                        if (oFeatures)
622
                        if (oFeatures)
580
                        {
623
                        {
581
                          var sNewFeatures = getFeatures();
624
                          var sNewFeatures = getFeatures();
582
625
583
                          if (!oFeaturesHtml)
626
                          if (!oFeaturesHtml)
584
                          {
627
                          {
585
                            oFeaturesHtml = document.createElement("span");
628
                            oFeaturesHtml = document.createElement("span");
586
                          }
629
                          }
587
                         
630
                         
588
                          if (oFeaturesHtml)
631
                          if (oFeaturesHtml)
589
                          {
632
                          {
590
                            oFeaturesHtml.innerHTML = sNewFeatures;
633
                            oFeaturesHtml.innerHTML = sNewFeatures;
591
                            sNewFeatures = oFeaturesHtml.innerHTML;
634
                            sNewFeatures = oFeaturesHtml.innerHTML;
592
                          }
635
                          }
593
                         
636
                         
594
                          if (oFeatures.innerHTML != sNewFeatures)
637
                          if (oFeatures.innerHTML != sNewFeatures)
595
                          {
638
                          {
596
                            oFeatures.innerHTML = sNewFeatures;
639
                            oFeatures.innerHTML = sNewFeatures;
597
                          }
640
                          }
598
641
599
                          /* Converts CREs */
642
                          /* Converts CREs */
600
                          var newTitle = stripTags(oFeatures.innerHTML)
643
                          var newTitle = stripTags(oFeatures.innerHTML)
601
                          if (oFeatures.title != newTitle)
644
                          if (oFeatures.title != newTitle)
602
                          {
645
                          {
603
                            oFeatures.title = newTitle;
646
                            oFeatures.title = newTitle;
604
                          }
647
                          }
605
                        }
648
                        }
606
649
607
                        tFeatures = this.run();
650
                        tFeatures = this.run();
608
                      }, 1000);
651
                      }, 1000);
609
                    }());
652
                    }());
610
653
-
 
654
                    _addEventListener(document, "unload", function () {
-
 
655
                      tFeatures.unset();
-
 
656
                      tFeatures = null;
-
 
657
                    });
-
 
658
611
                    var windowText = "<?php echo tr("Window"); ?>";
659
                    var windowText = "<?php echo tr("Window"); ?>";
612
                  </script><noscript><?php echo tr('N/A'); ?></noscript></td>
660
                  </script><noscript><?php echo tr('N/A'); ?></noscript></td>
613
                </tr>
661
                </tr>
614
              </table>
662
              </table>
615
            </div>
663
            </div>
616
            <ul class="commands">
664
            <ul class="commands">
617
              <li id="cmd1"><a href="index.php"
665
              <li id="cmd1"><a href="index.php"
618
                title="Language selection"
666
                title="Language selection"
619
                tabindex="1"
667
                tabindex="1"
620
                class="button left right"
668
                class="button left right"
621
                onmouseover="return setStatus(this.title + ': ' + this.href)"
669
                onmouseover="return setStatus(this.title + ': ' + this.href)"
622
                onmouseout="return resetStatus()"
670
                onmouseout="return resetStatus()"
623
                onfocus="return this.onmouseover()"
671
                onfocus="return this.onmouseover()"
624
                onblur="return this.onmouseout()"
672
                onblur="return this.onmouseout()"
625
                ><abbr class="text" title="Language selection">Language</abbr></a></li>
673
                ><abbr class="text" title="Language selection">Language</abbr></a></li>
626
              <li id="cmd2"><a href="index.<?php echo $language; ?>?printable=1"
674
              <li id="cmd2"><a href="index.<?php echo $language; ?>?printable=1"
627
                title="<?php echo tr('Printable version'); ?>"
675
                title="<?php echo tr('Printable version'); ?>"
628
                tabindex="1"
676
                tabindex="1"
629
                class="button left right"
677
                class="button left right"
630
                onmouseover="return setStatus(this.title + ': ' + this.href)"
678
                onmouseover="return setStatus(this.title + ': ' + this.href)"
631
                onmouseout="return resetStatus()"
679
                onmouseout="return resetStatus()"
632
                onfocus="return this.onmouseover()"
680
                onfocus="return this.onmouseover()"
633
                onblur="return this.onmouseout()"
681
                onblur="return this.onmouseout()"
634
                ><span class="text"><?php echo tr("Printable"); ?></span></a></li>
682
                ><span class="text"><?php echo tr("Printable"); ?></span></a></li>
635
              <li id="cmd3"><div class="button left right"
683
              <li id="cmd3"><div class="button left right"
636
                   style="cursor: not-allowed !important"
684
                   style="cursor: not-allowed !important"
637
                   onclick="fullscreen.requestOn(document.documentElement, this)"
685
                   onclick="fullscreen.requestOn(document.documentElement, this)"
638
                   onkeyup="if (event.keyCode == 13) { this.onclick(); }"
686
                   onkeyup="if (event.keyCode == 13) { this.onclick(); }"
639
                   ><span class="text"><script type="text/javascript">
687
                   ><span class="text"><script type="text/javascript">
640
                     var cmd3;
688
                     var cmd3;
641
                     if (fullscreen.isSupportedBy(document.documentElement))
689
                     if (fullscreen.isSupportedBy(document.documentElement))
642
                     {
690
                     {
643
                       jsx.dom.addEventListener(window, "load", function () {
691
                       _addEventListener(window, "load", function () {
644
                         if (typeof cmd3 == "undefined")
692
                         if (typeof cmd3 == "undefined")
645
                         {
693
                         {
646
                           cmd3 = jsx.dom.getElementById("cmd3");
694
                           cmd3 = jsx.dom.getElementById("cmd3");
647
                         }
695
                         }
648
                         
696
                         
649
                         if (cmd3)
697
                         if (cmd3)
650
                         {
698
                         {
651
                           cmd3.firstChild.tabIndex = "1";
699
                           cmd3.firstChild.tabIndex = "1";
652
                         }
700
                         }
653
                       });
701
                       });
654
702
655
                       var fullscreenText = "<?php echo tr("Fullscreen"); ?>";
703
                       var fullscreenText = "<?php echo tr("Fullscreen"); ?>";
656
                       document.write(fullscreenText);
704
                       document.write(fullscreenText);
657
                     }
705
                     }
658
                     
706
                     
659
                     var oScreenDim;
707
                     var oScreenDim;
660
                     var oAvailDim;
708
                     var oAvailDim;
661
                     var oInnerDim;
709
                     var oInnerDim;
662
                     var _gEBI = jsx.dom.getElementById;
710
                     var _gEBI = jsx.dom.getElementById;
663
                     var previousIsFullscreen;
711
                     var previousIsFullscreen;
664
                     var oldHandler;
712
                     var oldHandler;
665
                     
713
                     
666
                     jsx.dom.addEventListener(window, "resize", function () {
714
                     _addEventListener(window, "resize", function () {
667
                       /* FIXME: Also update title attribute value */
715
                       <?php /* FIXME: Also update title attribute value */ ?>
668
                       if (typeof oScreenDim == "undefined") oScreenDim = _gEBI(ID_SCREEN_DIM);
716
                       if (typeof oScreenDim == "undefined") oScreenDim = _gEBI(ID_SCREEN_DIM);
669
                       if (oScreenDim) oScreenDim.innerHTML = dim.getScreenText();
717
                       if (oScreenDim) oScreenDim.innerHTML = dim.getScreenText();
670
718
671
                       if (typeof oAvailDim == "undefined") oAvailDim = _gEBI(ID_AVAIL_DIM);
719
                       if (typeof oAvailDim == "undefined") oAvailDim = _gEBI(ID_AVAIL_DIM);
672
                       if (oAvailDim) oAvailDim.innerHTML = dim.getAvailText();
720
                       if (oAvailDim) oAvailDim.innerHTML = dim.getAvailText();
673
721
674
                       if (typeof oInnerDim == "undefined") oInnerDim = _gEBI(ID_INNER_DIM);
722
                       if (typeof oInnerDim == "undefined") oInnerDim = _gEBI(ID_INNER_DIM);
675
                       if (oInnerDim) oInnerDim.innerHTML = dim.getInnerText();
723
                       if (oInnerDim) oInnerDim.innerHTML = dim.getInnerText();
676
                       
724
                       
677
                       if (fullscreen.isSupportedBy(document.documentElement))
725
                       if (fullscreen.isSupportedBy(document.documentElement))
678
                       {
726
                       {
679
                         var nowIsFullscreen = fullscreen.isFullscreen();
727
                         var nowIsFullscreen = fullscreen.isFullscreen();
680
                         if (nowIsFullscreen != previousIsFullscreen)
728
                         if (nowIsFullscreen != previousIsFullscreen)
681
                         {
729
                         {
682
                           if (typeof cmd3 == "undefined")
730
                           if (typeof cmd3 == "undefined")
683
                           {
731
                           {
684
                             cmd3 = document.getElementById("cmd3");
732
                             cmd3 = document.getElementById("cmd3");
685
                           }
733
                           }
686
                           
734
                           
687
                           var target = cmd3.firstChild;
735
                           var target = cmd3.firstChild;
688
                           var textTarget = target.firstChild;
736
                           var textTarget = target.firstChild;
689
                           if (nowIsFullscreen)
737
                           if (nowIsFullscreen)
690
                           {
738
                           {
691
                             oldHandler = target.onclick;
739
                             oldHandler = target.onclick;
692
                             target.onclick = function () {
740
                             target.onclick = function () {
693
                               fullscreen.cancel();
741
                               fullscreen.cancel();
694
                             };
742
                             };
695
                             textTarget.textContent = "<?php echo tr("Window"); ?>";
743
                             textTarget.textContent = "<?php echo tr("Window"); ?>";
696
                           }
744
                           }
697
                           else
745
                           else
698
                           {
746
                           {
699
                             target.onclick = oldHandler;
747
                             target.onclick = oldHandler;
700
                             textTarget.textContent = fullscreenText;
748
                             textTarget.textContent = fullscreenText;
701
                           }
749
                           }
702
                           
750
                           
703
                           previousIsFullscreen = nowIsFullscreen;
751
                           previousIsFullscreen = nowIsFullscreen;
704
                         }
752
                         }
705
                       }
753
                       }
706
                     });
754
                     });
707
                   </script></span></div></li>
755
                   </script></span></div></li>
708
              <li id="cmd4"><div class="button left right" style="cursor: not-allowed !important">&nbsp;</div></li>
756
              <li id="cmd4"><div class="button left right" style="cursor: not-allowed !important">&nbsp;</div></li>
709
            </ul>
757
            </ul>
710
          </div>
758
          </div>
711
          <div class="elbo-button">
759
          <div class="elbo-button">
712
            <span class="text" title="<?php echo tr("Date of last modification"); ?>"
760
            <span class="text" title="<?php echo tr("Date of last modification"); ?>"
713
                  ><?php echo gmdate('Ym.d', $modi); ?></span>
761
                  ><?php echo gmdate('Ym.d', $modi); ?></span>
714
          </div>
762
          </div>
715
          <div class="elbo">
763
          <div class="elbo">
716
            <span class="text"><abbr title="Library Computer Access and Retrieval System">LCARS</abbr> PE-22A</span>
764
            <span class="text"><abbr title="Library Computer Access and Retrieval System">LCARS</abbr> PE-22A</span>
717
            <div class="concave">&nbsp;</div>
765
            <div class="concave">&nbsp;</div>
718
          </div>
766
          </div>
719
          <div class="border">
767
          <div class="border">
720
            <div class="left">&nbsp;</div>
768
            <div class="left">&nbsp;</div>
721
            <div class="right">&nbsp;</div>
769
            <div class="right">&nbsp;</div>
722
          </div>
770
          </div>
723
        </div>
771
        </div>
724
        <div class="lower">
772
        <div class="lower">
725
          <div class="elbo">
773
          <div class="elbo">
726
            <div class="concave">&nbsp;</div>
774
            <div class="concave">&nbsp;</div>
727
          </div>
775
          </div>
728
          <div class="bg">&nbsp;</div>
776
          <div class="bg">&nbsp;</div>
729
          <div class="border-container">
777
          <div class="border-container">
730
            <div class="border">
778
            <div class="border">
731
              <div class="left">&nbsp;</div>
779
              <div class="left">&nbsp;</div>
732
              <div class="right">&nbsp;</div>
780
              <div class="right">&nbsp;</div>
733
            </div>
781
            </div>
734
          </div>
782
          </div>
735
        </div>
783
        </div>
736
      </div>
784
      </div>
737
    </div>
785
    </div>
738
  </body>
786
  </body>
739
</html>
787
</html>
740
 
788