Subversion Repositories LCARS

Rev

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

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

109

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

176

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

201

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

206

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

211

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

216

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

221

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

227

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

232

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

236

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

240

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

244

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