Subversion Repositories LCARS

Rev

Rev 85 | Rev 88 | Go to most recent revision | Only display areas with differences | Regard whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 85 Rev 86
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
    <meta name="description"
16
    <meta name="description"
17
          content="PointedEars' Website: <?php
17
          content="PointedEars' Website: <?php
18
            $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!");
18
            $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!");
19
            echo $description;
19
            echo $description;
20
            ?>">
20
            ?>">
21
    <meta name="author" content="Thomas ‘PointedEars’ Lahn">
21
    <meta name="author" content="Thomas ‘PointedEars’ Lahn">
22
22
23
    <?php /* No localization of keywords at the time */ ?>
23
    <?php /* No localization of keywords at the time */ ?>
24
    <meta name="keywords"
24
    <meta name="keywords"
25
          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">
25
          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">
26
<?php /*
26
<?php /*
27
    <meta name="keywords" http-equiv="Keywords" lang="de" content="">
27
    <meta name="keywords" http-equiv="Keywords" lang="de" content="">
28
    <meta name="keywords" http-equiv="Keywords" lang="en-us" content="">
28
    <meta name="keywords" http-equiv="Keywords" lang="en-us" content="">
29
    <meta name="keywords" http-equiv="Keywords" lang="en" content="">
29
    <meta name="keywords" http-equiv="Keywords" lang="en" content="">
30
*/ ?>
30
*/ ?>
31
    <meta name="revisit-after" content="3 days">
31
    <meta name="revisit-after" content="3 days">
32
32
33
    <!-- Robots: Dublin Core Metadata (http://purl.org/metadata/dublin_core) -->
33
    <!-- Robots: Dublin Core Metadata (http://purl.org/metadata/dublin_core) -->
34
    <meta name="dcterms.title" content="PointedEars’ Website">
34
    <meta name="dcterms.title" content="PointedEars’ Website">
35
    <meta name="dcterms.creator" content="Thomas ‘PointedEars’ Lahn">
35
    <meta name="dcterms.creator" content="Thomas ‘PointedEars’ Lahn">
36
    <meta name="dcterms.subject" content="Private Web site">
36
    <meta name="dcterms.subject" content="Private Web site">
37
    <meta name="dcterms.description"
37
    <meta name="dcterms.description"
38
          content="PointedEars' Website: <?php echo $description; ?>">
38
          content="PointedEars' Website: <?php echo $description; ?>">
39
    <meta name="dcterms.publisher" content="PointedEars">
39
    <meta name="dcterms.publisher" content="PointedEars">
40
    <meta name="dcterms.date" content="2002-05-23T10:56:00+02:00">
40
    <meta name="dcterms.date" content="2002-05-23T10:56:00+02:00">
41
    <meta name="dcterms.created" content="2002-05-23">
41
    <meta name="dcterms.created" content="2002-05-23">
42
    <meta name="dcterms.modified" content="<?php
42
    <meta name="dcterms.modified" content="<?php
43
      $modi = @filemtime(__FILE__);
43
      $modi = @filemtime(__FILE__);
44
      echo gmdate('Y-m-dTH:i:sO', $modi); ?>">
44
      echo gmdate('Y-m-dTH:i:sO', $modi); ?>">
45
<?php /*
45
<?php /*
46
    <meta name="dcterms.type" content="">
46
    <meta name="dcterms.type" content="">
47
    <meta name="dcterms.format" content="">
47
    <meta name="dcterms.format" content="">
48
*/ ?>
48
*/ ?>
49
    <meta name="dcterms.identifier" content="http://pointedears.de/index.<?php echo $language; ?>">
49
    <meta name="dcterms.identifier" content="http://pointedears.de/index.<?php echo $language; ?>">
50
    <meta name="dcterms.language" content="<?php echo $language; ?>">
50
    <meta name="dcterms.language" content="<?php echo $language; ?>">
51
    <meta name="dcterms.rightsHolder"
51
    <meta name="dcterms.rightsHolder"
52
          content="Copyright © 2002&#8211;<?php echo gmdate('Y', $modi); ?> Thomas&nbsp;Lahn.">
52
          content="Copyright © 2002&#8211;<?php echo gmdate('Y', $modi); ?> Thomas&nbsp;Lahn.">
53
    <meta name="dcterms.rights"
53
    <meta name="dcterms.rights"
54
          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."); ?>">
54
          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."); ?>">
55
<?php /*
55
<?php /*
56
    <!-- <link rel="stylesheet" type="text/css" href="styles/lcars.css"> -->
56
    <!-- <link rel="stylesheet" type="text/css" href="styles/lcars.css"> -->
57
    <!-- <link rel="stylesheet" type="text/css" href="styles/lcars21.css"> -->
57
    <!-- <link rel="stylesheet" type="text/css" href="styles/lcars21.css"> -->
58
*/ ?>
58
*/ ?>
59
    <link rel="stylesheet" type="text/css" href="styles/lcars-basic.css">
59
    <link rel="stylesheet" type="text/css" href="styles/lcars-basic.css">
60
<?php
60
<?php
61
  $printable = (isset($_GET['printable']) && $_GET['printable'] === '1');
61
  $printable = (isset($_GET['printable']) && $_GET['printable'] === '1');
62
  if (!$printable)
62
  if (!$printable)
63
  {
63
  {
64
?>
64
?>
65
    <link rel="stylesheet" type="text/css" href="styles/lcars22.css<?php
65
    <link rel="stylesheet" type="text/css" href="styles/lcars22.css<?php
66
      if (isset($_GET['ani']) && $_GET['ani'] !== '')
66
      if (isset($_GET['ani']) && $_GET['ani'] !== '')
67
      {
67
      {
68
        echo '?ani=' . $_GET['ani'];
68
        echo '?ani=' . $_GET['ani'];
69
      }
69
      }
70
    ?>">
70
    ?>">
71
<?php
71
<?php
72
  }
72
  }
73
?>
73
?>
74
    <style type="text/css">
74
    <style type="text/css">
75
      <!--
75
      <!--
76
      p {
76
      p {
77
        max-width: 100%;
77
        max-width: 100%;
78
      }
78
      }
79
      -->
79
      -->
80
    </style>
80
    </style>
81
81
82
    <script type="text/javascript">
82
    <script type="text/javascript">
83
      function setStatus (text)
83
      function setStatus (text)
84
      {
84
      {
85
        window.status = String(text);
85
        window.status = String(text);
86
        return true;
86
        return true;
87
      }
87
      }
88
88
89
      function resetStatus ()
89
      function resetStatus ()
90
      {
90
      {
91
        window.status = window.defaultStatus;
91
        window.status = window.defaultStatus;
92
        return true;
92
        return true;
93
      }
93
      }
94
94
95
      function mailStatus ()
95
      function mailStatus ()
96
      {
96
      {
97
        return setStatus("<?php echo _("Send your feedback to PointedEars"); ?>");
97
        return setStatus("<?php echo _("Send your feedback to PointedEars"); ?>");
98
      }
98
      }
99
<?php
99
<?php
100
      /*
100
      /*
101
      var ms1Day = 60*60*24*1000; // ms for 1 days = 60sec*60min*24hours*1000ms
101
      var ms1Day = 60*60*24*1000; // ms for 1 days = 60sec*60min*24hours*1000ms
102
      var msLeaveDays = ms1Day*6;
102
      var msLeaveDays = ms1Day*6;
103
      var ms30Days=ms1Day*30;
103
      var ms30Days=ms1Day*30;
104
      var delta;
104
      var delta;
105
      var newTime=new Date();
105
      var newTime=new Date();
106
      var msTime=newTime.getTime();
106
      var msTime=newTime.getTime();
107
      var msExpire=msTime+ms30Days;
107
      var msExpire=msTime+ms30Days;
108
      var expireTime=new Date(msExpire);
108
      var expireTime=new Date(msExpire);
109

109

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

177

178
      <!-- Klicken Sie hier, falls Sie nach 5 Sekunden nicht automatisch
178
      <!-- Klicken Sie hier, falls Sie nach 5 Sekunden nicht automatisch
179
           weitergeleitet werden. -->
179
           weitergeleitet werden. -->
180
*/
180
*/
181
?>
181
?>
182
      <hr style="height: 0; border-width: 1px 0 0 0; width: 100%">
182
      <hr style="height: 0; border-width: 1px 0 0 0; width: 100%">
183
      <p style="text-align: center">Copyright &copy;&nbsp;2002&#8211;2013 <a
183
      <p style="text-align: center">Copyright &copy;&nbsp;2002&#8211;2013 <a
184
        href="mailto:webmaster@PointedEars.de?subject=Feedback/LCARS/Welcome/<?php
184
        href="mailto:webmaster@PointedEars.de?subject=Feedback/LCARS/Welcome/<?php
185
          echo $language;
185
          echo $language;
186
        ?>&amp;body=<?php
186
        ?>&amp;body=<?php
187
          echo rawurlencode(sprintf('[%s]', _("Your feedback")));
187
          echo rawurlencode(sprintf('[%s]', _("Your feedback")));
188
        ?>"
188
        ?>"
189
        title="<?php echo _("Send your feedback to PointedEars"); ?>"
189
        title="<?php echo _("Send your feedback to PointedEars"); ?>"
190
        onmouseover="return mailStatus()"
190
        onmouseover="return mailStatus()"
191
        onmouseout="return resetStatus()"
191
        onmouseout="return resetStatus()"
192
        >Thomas ‘PointedEars’ Lahn</a>. <?php echo _("All rights reserved."); ?></p>
192
        >Thomas ‘PointedEars’ Lahn</a>. <?php echo _("All rights reserved."); ?></p>
193
<?php
193
<?php
194
      /* embed src="media/interface/speech/de/warten.wav" width="0" height="0"
194
      /* embed src="media/interface/speech/de/warten.wav" width="0" height="0"
195
      hidden="true" autostart="true" dir="ltr" lang="de" */
195
      hidden="true" autostart="true" dir="ltr" lang="de" */
196
?>
196
?>
197
    </div>
197
    </div>
198
    <div id="LCARS">
198
    <div id="LCARS">
199
<?php /*
199
<?php /*
200
      <div id="button-grid" style="position: absolute; opacity: 0.3">
200
      <div id="button-grid" style="position: absolute; opacity: 0.3">
201
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
201
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
202

202

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

207

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

212

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

217

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

222

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

228

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

233

234
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
234
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
235
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
235
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
236
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
236
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
237

237

238
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
238
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
239
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
239
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
240
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
240
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
241

241

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

245

246
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
246
        <a class="button" style="display: block; clear: left; 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>
247
        <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>
248
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
249
      </div>
249
      </div>
250
*/ ?>
250
*/ ?>
251
      <div id="bow">
251
      <div id="bow">
252
        <div id="bow-top">
252
        <div id="bow-top">
253
          <div class="separator-left">&nbsp;</div>
253
          <div class="separator-left">&nbsp;</div>
254
          <h1 class="text"><span>PointedEars’ Website</span></h1>
254
          <h1 class="text"><span>PointedEars’ Website</span></h1>
255
        </div>
255
        </div>
256
        <div id="bow-top-left">
256
        <div id="bow-top-left">
257
          <div class="concave">&nbsp;</div>
257
          <div class="concave">&nbsp;</div>
258
        </div>
258
        </div>
259
        <div id="bottom">
259
        <div id="bottom">
260
          <div id="bow-bottom">
260
          <div id="bow-bottom">
261
            <div class="concave">&nbsp;</div>
261
            <div class="concave">&nbsp;</div>
262
            <div class="spacer">&nbsp;</div>
262
            <div class="spacer">&nbsp;</div>
263
        </div>
263
        </div>
264
        </div>
264
        </div>
265
       
265
       
266
        <div class="menu-container">
266
        <div class="menu-container">
267
          <div class="menu">
267
          <div class="menu">
268
            <div style="position: relative; margin-bottom: 1.2em">
268
            <div style="position: relative; margin-bottom: 1.2em">
269
              <div class="bow" style="width: 8em; height: 1em">&nbsp;</div>
269
              <div class="bow" style="width: 8em; height: 1em">&nbsp;</div>
270
            </div>
270
            </div>
271
            <ul>
271
            <ul>
272
            <?php foreach ($languages as $key => $name): ?>
272
            <?php foreach ($languages as $key => $name): ?>
273
              <li><a href="index.<?php echo $key; ?>?ani=0"
273
              <li><a href="index.<?php echo $key; ?>?ani=0"
274
                     class="button<?php if ($language === $key) { ?> selected<?php } ?>"
274
                     class="button<?php if ($language === $key) { ?> selected<?php } ?>"
275
                     tabindex="2"><span class="text"><?php echo $name; ?></span></a></li>
275
                     tabindex="2"><span class="text"><?php echo $name; ?></span></a></li>
276
            <?php endforeach; ?>
276
            <?php endforeach; ?>
277
            </ul>
277
            </ul>
278
            <div class="bow" style="margin-bottom: 0.4em; width: 8em; height: 0.4em">&nbsp;</div>
278
            <div class="bow" style="margin-bottom: 0.4em; width: 8em; height: 0.4em">&nbsp;</div>
279
            <ul style="margin-bottom: 1.2em">
279
            <ul style="margin-bottom: 1.2em">
280
              <li><a href="<?php echo $menu['scripts']['path']; ?>" target="_top" class="button"><span class="text"><?php echo $menu['scripts']['text']; ?></span></a></li>
280
              <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['es-matrix']['path']; ?>" target="_top" class="button"
281
              <li><a href="<?php echo $menu['es-matrix']['path']; ?>" target="_top" class="button"
282
                     title="<?php echo $menu['es-matrix']['title']; ?>"
282
                     title="<?php echo $menu['es-matrix']['title']; ?>"
283
                     ><span class="text"><?php echo $menu['es-matrix']['text']; ?></span></a></li>
283
                     ><span class="text"><?php echo $menu['es-matrix']['text']; ?></span></a></li>
284
              <li><a href="<?php echo $menu['devel']['path']; ?>" target="_top" class="button"><span class="text"><?php echo $menu['devel']['text']; ?></span></a></li>
284
              <li><a href="<?php echo $menu['devel']['path']; ?>" target="_top" class="button"><span class="text"><?php echo $menu['devel']['text']; ?></span></a></li>
285
            </ul>
285
            </ul>
286
            <ul style="margin-bottom: 0.2em">
286
            <ul style="margin-bottom: 0.2em">
287
              <li><a href="<?php echo $menu['series']['path']; ?>" target="_top" class="button secondary"
287
              <li><a href="<?php echo $menu['series']['path']; ?>" target="_top" class="button secondary"
288
                     title="List of recommended TV shows and episodes, with logos in CSS"
288
                     title="List of recommended TV shows and episodes, with logos in CSS"
289
                     ><span class="text"><?php echo $menu['series']['text']; ?></span></a></li>
289
                     ><span class="text"><?php echo $menu['series']['text']; ?></span></a></li>
290
              <li><a href="<?php echo $menu['ufpdb']['path']; ?>" target="_top" class="button database"
290
              <li><a href="<?php echo $menu['ufpdb']['path']; ?>" target="_top" class="button database"
291
                     ><abbr title="<?php echo $menu['ufpdb']['title']; ?>"
291
                     ><abbr title="<?php echo $menu['ufpdb']['title']; ?>"
292
                            class="text"><?php echo $menu['ufpdb']['text']; ?></abbr></a></li>
292
                            class="text"><?php echo $menu['ufpdb']['text']; ?></abbr></a></li>
293
              <li><a href="psf/" target="_top"
293
              <li><a href="psf/" target="_top"
294
                 class="button ancillary"
294
                 class="button ancillary"
295
                 ><abbr title="<?php echo _("PointedEars' Standard Frases"); ?>"
295
                 ><abbr title="<?php echo _("PointedEars' Standard Frases"); ?>"
296
                        class="text">psf</abbr></a></li>
296
                        class="text">psf</abbr></a></li>
297
            </ul>
297
            </ul>
298
            <div style="position: relative; margin-bottom: 1.2em">
298
            <div style="position: relative; margin-bottom: 1.2em">
299
              <div class="bow" style="width: 8em; height: 0.8em">&nbsp;</div>
299
              <div class="bow" style="width: 8em; height: 0.8em">&nbsp;</div>
300
            </div>
300
            </div>
301
            <ul>
301
            <ul>
302
              <li><a href="http://climateapps2.oerc.ox.ac.uk/cpdnboinc/show_user.php?userid=648544"
302
              <li><a href="http://climateapps2.oerc.ox.ac.uk/cpdnboinc/show_user.php?userid=648544"
303
                     target="_top" class="button secondary"
303
                     target="_top" class="button secondary"
304
                     title="<?php echo _("The world’s largest climate forecasting experiment for the 21st century"); ?>"
304
                     title="<?php echo _("The world’s largest climate forecasting experiment for the 21st century"); ?>"
305
                     ><span class="text">climateprediction.net</span></a></li>
305
                     ><span class="text">climateprediction.net</span></a></li>
306
<?php /* http://vspx27.stanford.edu/cgi-bin/main.py?qtype=userpage&amp;username=Thomas_Lahn */ ?>
306
<?php /* http://vspx27.stanford.edu/cgi-bin/main.py?qtype=userpage&amp;username=Thomas_Lahn */ ?>
307
              <li><a href="<?php echo _("http://folding.stanford.edu/English/HomePage"); ?>"
307
              <li><a href="<?php echo _("http://folding.stanford.edu/English/HomePage"); ?>"
308
                     target="_top" class="button secondary"
308
                     target="_top" class="button secondary"
309
                     title="<?php echo _("Distributed computing to understand protein folding, protein aggregation, and related diseases"); ?>"
309
                     title="<?php echo _("Distributed computing to understand protein folding, protein aggregation, and related diseases"); ?>"
310
                     ><span class="text">Folding at home</span></a></li>
310
                     ><span class="text">Folding at home</span></a></li>
311
             <li><a href="http://lhcathomeclassic.cern.ch/sixtrack/show_user.php?userid=221181"
311
             <li><a href="http://lhcathomeclassic.cern.ch/sixtrack/show_user.php?userid=221181"
312
                    target="_top" class="button secondary"
312
                    target="_top" class="button secondary"
313
                    title="<?php echo _("Particle physics research with the Large Hadron Collider at CERN"); ?>"
313
                    title="<?php echo _("Particle physics research with the Large Hadron Collider at CERN"); ?>"
314
                    ><span class="text">LHC at home</span></a></li>
314
                    ><span class="text">LHC at home</span></a></li>
315
             <li><a href="http://setiathome.berkeley.edu/show_user.php?userid=378921"
315
             <li><a href="http://setiathome.berkeley.edu/show_user.php?userid=378921"
316
                    target="_top" class="button secondary"
316
                    target="_top" class="button secondary"
317
                    title="<?php echo _("The Search for Extra-Terrestrial Intelligence at HOME"); ?>"
317
                    title="<?php echo _("The Search for Extra-Terrestrial Intelligence at HOME"); ?>"
318
                    ><span class="text">SETI at home</span></a></li>
318
                    ><span class="text">SETI at home</span></a></li>
319
           </ul>
319
           </ul>
320
            <script type="text/javascript" src="scripts/builder?src=object"></script>
320
            <script type="text/javascript" src="scripts/builder?src=object"></script>
321
<?php /*
321
<?php /*
322
            <script type="text/javascript">
322
            <script type="text/javascript">
323
              var sURL = location.href;
323
              var sURL = location.href;
324
              var sFavAnchorTitle =
324
              var sFavAnchorTitle =
325
                  "Klicken Sie hier, um PointedEars' Website Ihren Favoriten"
325
                  "Klicken Sie hier, um PointedEars' Website Ihren Favoriten"
326
                + " hinzuzufügen";
326
                + " hinzuzufügen";
327
              var sOtherAnchorTitle =
327
              var sOtherAnchorTitle =
328
                  "Klicken Sie hier mit der rechten Maustaste, um PointedEars' Website"
328
                  "Klicken Sie hier mit der rechten Maustaste, um PointedEars' Website"
329
                + " Ihren Lesezeichen hinzuzufügen";
329
                + " Ihren Lesezeichen hinzuzufügen";
330
              var sFavoriteTitle = "PointedEars' Website";
330
              var sFavoriteTitle = "PointedEars' Website";
331
       
331
       
332
              if (jsx.object.isHostMethod(jsx.global.window, "external", "AddFavorite"))
332
              if (jsx.object.isHostMethod(jsx.global.window, "external", "AddFavorite"))
333
              {
333
              {
334
                document.write(
334
                document.write(
335
                    '<div style="position: relative; margin-top: 1em; border-bottom: 0.2em solid transparent">'
335
                    '<div style="position: relative; margin-top: 1em; border-bottom: 0.2em solid transparent">'
336
                  + '  <div class="bow" style="width: 8em; height: 1em">&nbsp;<\/div>'
336
                  + '  <div class="bow" style="width: 8em; height: 1em">&nbsp;<\/div>'
337
                  + '  <div class="bow" style="position: absolute; top: 0; left: 8.2em; width: 2em; height: 1em">&nbsp;<\/div>'
337
                  + '  <div class="bow" style="position: absolute; top: 0; left: 8.2em; width: 2em; height: 1em">&nbsp;<\/div>'
338
                  + '</div>'
338
                  + '</div>'
339
                  + '<a href="javascript:window.external.AddFavorite('
339
                  + '<a href="javascript:window.external.AddFavorite('
340
                  + ' sURL, sFavoriteTitle);" title="' + sFavAnchorTitle + '"'
340
                  + ' sURL, sFavoriteTitle);" title="' + sFavAnchorTitle + '"'
341
                  + ' class="button"'
341
                  + ' class="button"'
342
                  + ' onclick="window.external.AddFavorite('
342
                  + ' onclick="window.external.AddFavorite('
343
                  + ' sURL, sFavoriteTitle); return false"'
343
                  + ' sURL, sFavoriteTitle); return false"'
344
                  + ' onmouseover="return setStatus(sFavAnchorTitle)"'
344
                  + ' onmouseover="return setStatus(sFavAnchorTitle)"'
345
                  + ' onmouseout="return resetStatus()"'
345
                  + ' onmouseout="return resetStatus()"'
346
                  + '><span class="text">Favorit<\/span><\/a>');
346
                  + '><span class="text">Favorit<\/span><\/a>');
347
              }
347
              }
348
            </script>
348
            </script>
349
*/ ?>
349
*/ ?>
350
          </div>
350
          </div>
351
        </div>
351
        </div>
352
      </div>
352
      </div>
353
      <div id="connectors">
353
      <div id="connectors">
354
        <div class="bow" style="position: absolute; top: 0; left: 0; width: 2em; height: 1em">&nbsp;</div>
354
        <div class="bow" style="position: absolute; top: 0; left: 0; width: 2em; height: 1em">&nbsp;</div>
355
        <div class="bow" style="position: absolute; top: 0; left: 2.2em; width: 5em; height: 1em">&nbsp;</div>
355
        <div class="bow" style="position: absolute; top: 0; left: 2.2em; width: 5em; height: 1em">&nbsp;</div>
356
       
356
       
357
        <div class="bow" style="position: absolute; top: 13.6em; left: 0; width: 2em; height: 0.8em">&nbsp;</div>
357
        <div class="bow" style="position: absolute; top: 13.6em; left: 0; width: 2em; height: 0.8em">&nbsp;</div>
358
        <div class="bow" style="position: absolute; top: 13.6em; left: 2.2em; width: 5em; height: 0.8em">&nbsp;</div>
358
        <div class="bow" style="position: absolute; top: 13.6em; left: 2.2em; width: 5em; height: 0.8em">&nbsp;</div>
359
      </div>
359
      </div>
360
      <div class="multi-display">
360
      <div class="multi-display">
361
        <div class="upper">
361
        <div class="upper">
362
          <div class="content">
362
          <div class="content">
363
            <div class="title"><span>Home</span></div>
363
            <div class="title"><span>Home</span></div>
364
            <a href="index.html"
364
            <a href="index.html"
365
               title="Language selection"
365
               title="Language selection"
366
               tabindex="1"
366
               tabindex="1"
367
               class="button left right" id="cmd1"
367
               class="button left right" id="cmd1"
368
               onmouseover="return setStatus(this.title + ': ' + this.href)"
368
               onmouseover="return setStatus(this.title + ': ' + this.href)"
369
               onmouseout="return resetStatus()"
369
               onmouseout="return resetStatus()"
370
               onfocus="return this.onmouseover()"
370
               onfocus="return this.onmouseover()"
371
               onblur="return this.onmouseout()"
371
               onblur="return this.onmouseout()"
372
               ><abbr class="text" title="Language selection">Language</abbr></a>
372
               ><abbr class="text" title="Language selection">Language</abbr></a>
373
            <a href="index.<?php echo $language; ?>?printable=1"
373
            <a href="index.<?php echo $language; ?>?printable=1"
374
               title="<?php echo _('Printable version'); ?>"
374
               title="<?php echo _('Printable version'); ?>"
375
               tabindex="1"
375
               tabindex="1"
376
               class="button left right" id="cmd2"
376
               class="button left right" id="cmd2"
377
               onmouseover="return setStatus(this.title + ': ' + this.href)"
377
               onmouseover="return setStatus(this.title + ': ' + this.href)"
378
               onmouseout="return resetStatus()"
378
               onmouseout="return resetStatus()"
379
               onfocus="return this.onmouseover()"
379
               onfocus="return this.onmouseover()"
380
               onblur="return this.onmouseout()"
380
               onblur="return this.onmouseout()"
381
               ><span class="text"><?php echo _("Printable"); ?></span></a>
381
               ><span class="text"><?php echo _("Printable"); ?></span></a>
382
            <div id="cmd3" class="button left right" style="cursor: not-allowed">&nbsp;</div>
382
            <div id="cmd3" class="button left right" style="cursor: not-allowed">&nbsp;</div>
383
            <script type="text/javascript">
383
            <script type="text/javascript">
384
              var fullScreen = (function () {
384
              var fullScreen = (function () {
385
                var _isHostMethod = jsx.object.isHostMethod;
385
                var _isHostMethod = jsx.object.isHostMethod;
386
               
386
               
387
                return {
387
                return {
388
                  isSupportedBy: function (elem) {
388
                  isSupportedBy: function (elem) {
389
                    var prefixes = ["r", "mozR", "webkitR"];
389
                    var prefixes = ["r", "mozR", "webkitR"];
390
                    var suffix = "equestFullscreen";
390
                    var suffix = "equestFullscreen";
391
391
392
                    for (var i = 0, len = prefixes.length; i < len; ++i)
392
                    for (var i = 0, len = prefixes.length; i < len; ++i)
393
                    {
393
                    {
394
                      var prefix = prefixes[i];
394
                      var prefix = prefixes[i];
395
                     
395
                     
396
                      if (_isHostMethod(elem, prefix + suffix))
396
                      if (_isHostMethod(elem, prefix + suffix))
397
                      {
397
                      {
398
                        return prefix + suffix;
398
                        return prefix + suffix;
399
                      }
399
                      }
400
                    }
400
                    }
401
401
402
                    return false;
402
                    return false;
403
                  },
403
                  },
404
404
405
                  isEnabled: function () {
405
                  isEnabled: function () {
406
                    return document.fullscreenEnabled || document.mozFullscreenEnabled || document.webkitFullscreenEnabled;
406
                    return document.fullscreenEnabled || document.mozFullscreenEnabled || document.webkitFullscreenEnabled;
407
                  },
407
                  },
408
408
409
                  cancel: function (target, oldHandler, textTarget) {
409
                  cancel: function (target, oldHandler, textTarget) {
410
                    var prefixes = ["c", "mozC", "webkitC"];
410
                    var prefixes = ["c", "mozC", "webkitC"];
411
                    var suffix = "ancelFullScreen";
411
                    var suffix = "ancelFullScreen";
412
412
413
                    for (var i = 0, len = prefixes.length; i < len; ++i)
413
                    for (var i = 0, len = prefixes.length; i < len; ++i)
414
                    {
414
                    {
415
                      var prefix = prefixes[i];
415
                      var prefix = prefixes[i];
416
                     
416
                     
417
                      if (_isHostMethod(document, prefix + suffix))
417
                      if (_isHostMethod(document, prefix + suffix))
418
                      {
418
                      {
419
                        document[prefix + suffix]();
419
                        document[prefix + suffix]();
420
420
421
                        /* NOTE: ...FullscreenEnabled not reliable after cancel */
421
                        /* NOTE: ...FullscreenEnabled not reliable after cancel */
422
                        if (textTarget)
422
                        if (textTarget)
423
                        {
423
                        {
424
                          textTarget.textContent = "<?php echo _("Full Screen"); ?>";
424
                          textTarget.textContent = "<?php echo _("Fullscreen"); ?>";
425
                        }
425
                        }
426
                       
426
                       
427
                        if (target)
427
                        if (target)
428
                        {
428
                        {
429
                          target.onclick = oldHandler;
429
                          target.onclick = oldHandler;
430
                        }
430
                        }
431
                      }
431
                      }
432
                    }
432
                    }
433
                  },
433
                  },
434
                 
434
                 
435
                  requestOn: function (elem, eventTarget, textTarget) {
435
                  requestOn: function (elem, eventTarget, textTarget) {
436
                    var requestMethodName;
436
                    var requestMethodName;
437
437
438
                    if (elem && (requestMethodName = this.isSupportedBy(elem)))
438
                    if (elem && (requestMethodName = this.isSupportedBy(elem)))
439
                    {
439
                    {
440
                      elem[requestMethodName]();
440
                      elem[requestMethodName]();
441
                      if (textTarget && this.isEnabled())
441
                      if (textTarget && this.isEnabled())
442
                      {
442
                      {
443
                        var oldText = textTarget.textContent;
443
                        var oldText = textTarget.textContent;
444
                        var me = this;
444
                        var me = this;
445
                        var oldHandler = eventTarget.onclick;
445
                        var oldHandler = eventTarget.onclick;
446
                        eventTarget.onclick = function () {
446
                        eventTarget.onclick = function () {
447
                          me.cancel(this, oldHandler, textTarget);
447
                          me.cancel(this, oldHandler, textTarget);
448
                        };
448
                        };
449
                        textTarget.textContent = "<?php echo _("Window"); ?>";
449
                        textTarget.textContent = "<?php echo _("Window"); ?>";
450
                      }
450
                      }
451
                    }
451
                    }
452
                  }
452
                  }
453
                };
453
                };
454
              }());
454
              }());
455
            </script>
455
            </script>
456
            <div id="cmd4" class="button left right"
456
            <div id="cmd4" class="button left right"
457
                 onclick="fullScreen.requestOn(document.documentElement, this, this.firstChild)"
457
                 onclick="fullScreen.requestOn(document.documentElement, this, this.firstChild)"
458
                 onkeyup="if (event.keyCode == 13) { this.onclick(); this.onmouseup(); }"
458
                 onkeyup="if (event.keyCode == 13) { this.onclick(); this.onmouseup(); }"
459
                 onmouseup="this.blur()"
459
                 onmouseup="this.blur()"
460
                 tabindex="1"
460
                 tabindex="1"
461
                 ><span class="text"><script type="text/javascript">
461
                 ><span class="text"><script type="text/javascript">
462
                   if (fullScreen.isSupportedBy(document.documentElement))
462
                   if (fullScreen.isSupportedBy(document.documentElement))
463
                   {
463
                   {
464
                     document.write("<?php echo _("Full Screen"); ?>");
464
                     document.write("<?php echo _("Fullscreen"); ?>");
465
                   }
465
                   }
466
                 </script></span></div>
466
                 </script></span></div>
467
          </div>
467
          </div>
468
          <div class="elbo-button">
468
          <div class="elbo-button">
469
            <span class="text"><?php echo gmdate('Ym.d', $modi); ?></span>
469
            <span class="text"><?php echo gmdate('Ym.d', $modi); ?></span>
470
          </div>
470
          </div>
471
          <div class="elbo">
471
          <div class="elbo">
472
            <span class="text"><abbr title="Library Computer Access and Retrieval System">LCARS</abbr> PE-47A</span>
472
            <span class="text"><abbr title="Library Computer Access and Retrieval System">LCARS</abbr> PE-47A</span>
473
            <div class="concave">&nbsp;</div>
473
            <div class="concave">&nbsp;</div>
474
          </div>
474
          </div>
475
          <div class="border">
475
          <div class="border">
476
            <div class="left">&nbsp;</div>
476
            <div class="left">&nbsp;</div>
477
            <div class="right">&nbsp;</div>
477
            <div class="right">&nbsp;</div>
478
          </div>
478
          </div>
479
        </div>
479
        </div>
480
        <div class="lower">
480
        <div class="lower">
481
          <div class="elbo">
481
          <div class="elbo">
482
            <div class="concave">&nbsp;</div>
482
            <div class="concave">&nbsp;</div>
483
          </div>
483
          </div>
484
          <div class="bg">&nbsp;</div>
484
          <div class="bg">&nbsp;</div>
485
          <div class="border-container">
485
          <div class="border-container">
486
            <div class="border">
486
            <div class="border">
487
              <div class="left">&nbsp;</div>
487
              <div class="left">&nbsp;</div>
488
              <div class="right">&nbsp;</div>
488
              <div class="right">&nbsp;</div>
489
            </div>
489
            </div>
490
          </div>
490
          </div>
491
        </div>
491
        </div>
492
      </div>
492
      </div>
493
    </div>
493
    </div>
494
  </body>
494
  </body>
495
</html>
495
</html>
496
 
496