Subversion Repositories LCARS

Rev

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

Rev 170 Rev 198
1
<?php
1
<?php
2
2
3
$language = 'en';
3
$language = 'en';
4
$locale = 'en_US.UTF-8';
4
$locale = 'en_US.UTF-8';
5
require_once 'global.php';
5
require_once 'global.php';
6
6
7
$encoding = 'UTF-8';
7
$encoding = 'UTF-8';
8
header("Content-Type: text/html" . ($encoding ? "; charset=$encoding" : ""));
8
header("Content-Type: text/html" . ($encoding ? "; charset=$encoding" : ""));
9
9
10
$modi = max(array(
10
$modi = max(array(
11
  @filemtime(__FILE__),
11
  @filemtime(__FILE__),
12
  @filemtime("styles/lcars-basic.css"),
12
  @filemtime("styles/lcars-basic.css"),
13
  @filemtime("styles/lcars22.css"),
13
  @filemtime("styles/lcars22.css"),
14
  @filemtime("styles/lcars22-ie6.css"),
14
  @filemtime("styles/lcars22-ie6.css"),
15
));
15
));
16
16
17
\header('Last-Modified: ' . gmdate('D, d M Y H:i:s', $modi ) . ' GMT');
17
\header('Last-Modified: ' . gmdate('D, d M Y H:i:s', $modi ) . ' GMT');
18
18
19
/* Resource expires in HTTP/1.1 caches 24h after last retrieval */
19
/* Resource expires in HTTP/1.1 caches 24h after last retrieval */
20
\header('Cache-Control: max-age=86400, s-maxage=86400, must-revalidate, proxy-revalidate');
20
\header('Cache-Control: max-age=86400, s-maxage=86400, must-revalidate, proxy-revalidate');
21
21
22
/* Resource expires in HTTP/1.0 caches 24h after last retrieval */
22
/* Resource expires in HTTP/1.0 caches 24h after last retrieval */
23
\header('Expires: ' . gmdate('D, d M Y H:i:s', time() + 86400) . ' GMT');
23
\header('Expires: ' . gmdate('D, d M Y H:i:s', time() + 86400) . ' GMT');
24
24
25
?><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
25
?><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
26
  "http://www.w3.org/TR/html4/loose.dtd">
26
  "http://www.w3.org/TR/html4/loose.dtd">
27
<html lang="en">
27
<html lang="en">
28
  <head>
28
  <head>
29
    <title>Language Selection — PointedEars’ Website</title>
29
    <title>Language Selection — PointedEars’ Website</title>
30
    <link rel="SHORTCUT ICON" href="favicon.ico">
30
    <link rel="SHORTCUT ICON" href="favicon.ico">
31
    <!-- Browsers: Character Set, Script Type, Style Sheets Type,
31
    <!-- Browsers: Character Set, Script Type, Style Sheets Type,
32
         Proxy Usage -->
32
         Proxy Usage -->
33
    <meta http-equiv="content-type"content="text/html; charset=UTF-8">
33
    <meta http-equiv="content-type"content="text/html; charset=UTF-8">
34
    <meta http-equiv="Content-Script-Type" content="text/javascript">
34
    <meta http-equiv="Content-Script-Type" content="text/javascript">
35
    <meta http-equiv="Content-Style-Type" content="text/css">
35
    <meta http-equiv="Content-Style-Type" content="text/css">
36
    <meta http-equiv="expires" content="0">
36
    <meta http-equiv="expires" content="0">
37
    <!-- Robots: Language, Index, Subordinated Files, Description, Author,
37
    <!-- Robots: Language, Index, Subordinated Files, Description, Author,
38
         Keywords, Document Date -->
38
         Keywords, Document Date -->
39
    <meta name="robots" content="index">
39
    <meta name="robots" content="index">
40
<?php /*
40
<?php /*
41
    <meta name="description"
41
    <meta name="description"
42
          content="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!">
42
          content="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!">
43
*/ ?>
43
*/ ?>
44
    <meta name="author" content="PointedEars, PointedEars Software (PES)">
44
    <meta name="author" content="PointedEars, PointedEars Software (PES)">
45
    <!-- No localization of keywords due to following language selection -->
45
    <!-- No localization of keywords due to following language selection -->
46
    <meta name="keywords"
46
    <meta name="keywords"
47
          http-equiv="Keywords"
47
          http-equiv="Keywords"
48
          content="<?php // 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, <?php /* Song, Songbook, Surf, anonymously, */ ?>Raumschiff Enterprise, DNG, Die n&auml;chste Generation, VFP, F&ouml;deration, Vereinte F&ouml;deration der Planeten, Datenbasis, Datenbank<?php /* , Lied, Liedtext, surfen, anonym */ ?>">
48
          content="<?php // 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, <?php /* Song, Songbook, Surf, anonymously, */ ?>Raumschiff Enterprise, DNG, Die n&auml;chste Generation, VFP, F&ouml;deration, Vereinte F&ouml;deration der Planeten, Datenbasis, Datenbank<?php /* , Lied, Liedtext, surfen, anonym */ ?>">
49
    <!--meta name="keywords" http-equiv="Keywords" lang="de" content=""-->
49
    <!--meta name="keywords" http-equiv="Keywords" lang="de" content=""-->
50
    <!--meta name="keywords" http-equiv="Keywords" lang="en-us" content=""-->
50
    <!--meta name="keywords" http-equiv="Keywords" lang="en-us" content=""-->
51
    <!--meta name="keywords" http-equiv="Keywords" lang="en" content=""-->
51
    <!--meta name="keywords" http-equiv="Keywords" lang="en" content=""-->
52
    <meta name="revisit-after" content="3 days">
52
    <meta name="revisit-after" content="3 days">
53
    <meta name="date" content="2002-05-23T10:56:00+02:00">
53
    <meta name="date" content="2002-05-23T10:56:00+02:00">
54
    <!-- Robots: Dublin Core Metadata
54
    <!-- Robots: Dublin Core Metadata
55
         (http://purl.org/metadata/dublin_core) -->
55
         (http://purl.org/metadata/dublin_core) -->
56
    <meta name="DCTERMS.title" content="PointedEars’ Website">
56
    <meta name="DCTERMS.title" content="PointedEars’ Website">
57
    <meta name="DCTERMS.creator" content="PointedEars, PointedEars Software (PES)">
57
    <meta name="DCTERMS.creator" content="PointedEars, PointedEars Software (PES)">
58
    <meta name="DCTERMS.subject" content="Private Homepage">
58
    <meta name="DCTERMS.subject" content="Private Homepage">
59
<?php /*
59
<?php /*
60
    <meta name="DCTERMS.description"
60
    <meta name="DCTERMS.description"
61
          content="PointedEars' Website: Access to the United Federation of Planets Databanks and an online songbook. Coming soon: Software downloads always worth a click, 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!">
61
          content="PointedEars' Website: Access to the United Federation of Planets Databanks and an online songbook. Coming soon: Software downloads always worth a click, 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!">
62
*/ ?>
62
*/ ?>
63
    <meta name="DCTERMS.publisher" content="PointedEars">
63
    <meta name="DCTERMS.publisher" content="PointedEars">
64
    <meta name="DCTERMS.created" content="2002-05-23">
64
    <meta name="DCTERMS.created" content="2002-05-23">
65
    <meta name="DCTERMS.modified" content="<?php echo gmdate('Y-m-dTH:i:sO', $modi); ?>">
65
    <meta name="DCTERMS.modified" content="<?php echo gmdate('Y-m-dTH:i:sO', $modi); ?>">
66
<?php /*
66
<?php /*
67
    <!--meta name="DC.Type" content=""-->
67
    <!--meta name="DC.Type" content=""-->
68
    <!--meta name="DC.Format" content=""-->
68
    <!--meta name="DC.Format" content=""-->
69
*/ ?>
69
*/ ?>
70
    <meta name="DCTERMS.identifier" content="http://pointedears.de/">
70
    <meta name="DCTERMS.identifier" content="http://pointedears.de/">
71
    <meta name="DCTERMS.rightsHolder"
71
    <meta name="DCTERMS.rightsHolder"
72
          content="Copyright © 2002&#8211;<?php echo gmdate('Y', $modi); ?> Thomas&nbsp;Lahn.">
72
          content="Copyright © 2002&#8211;<?php echo gmdate('Y', $modi); ?> Thomas&nbsp;Lahn.">
73
    <meta name="DCTERMS.rights"
73
    <meta name="DCTERMS.rights"
74
          content="<?php echo tr("All rights reserved."); ?> <?php echo tr("The author is not responsible for the availability and the content of websites referred by this site, and not responsible for the availability and the content of websites referred by those sites. Whereever outsourced material is used, copyright or trademark infringement is not intended. Third parties who claim copyrights or trademarks used herein are asked to send an informal email to webmaster@PointedEars.de for immediate removal or modification of the respective material on the website instead of reminding the author of usage of this material. Thank you."); ?>">
74
          content="<?php echo tr("All rights reserved."); ?> <?php echo tr("The author is not responsible for the availability and the content of websites referred by this site, and not responsible for the availability and the content of websites referred by those sites. Whereever outsourced material is used, copyright or trademark infringement is not intended. Third parties who claim copyrights or trademarks used herein are asked to send an informal email to webmaster@PointedEars.de for immediate removal or modification of the respective material on the website instead of reminding the author of usage of this material. Thank you."); ?>">
75
<?php /*
75
<?php /*
76
    <!-- <link rel="stylesheet" type="text/css" href="styles/lcars21.css"> -->
76
    <!-- <link rel="stylesheet" type="text/css" href="styles/lcars21.css"> -->
77
    <!-- IE 9 in non-Compatibility Mode sends "Accept: text/css",
77
    <!-- IE 9 in non-Compatibility Mode sends "Accept: text/css",
78
         Apache responds with 406 without .php:
78
         Apache responds with 406 without .php:
79
         http://blog.s9y.org/archives/227-ie9-has-trouble-with-css-content-types.html
79
         http://blog.s9y.org/archives/227-ie9-has-trouble-with-css-content-types.html
80
         (Resource Builder handles negotation for sources)
80
         (Resource Builder handles negotation for sources)
81
         -->
81
         -->
82
*/ ?>
82
*/ ?>
83
    <link rel="stylesheet" type="text/css" href="scripts/builder.php?type=text/css&amp;prefix=../styles/&amp;src=lcars-basic,lcars22">
83
    <link rel="stylesheet" type="text/css" href="scripts/builder.php?type=text/css&amp;prefix=../styles/&amp;src=lcars-basic,lcars22">
84
    <!--[if lt IE 7]>
84
    <!--[if lt IE 7]>
85
      <link rel="stylesheet" type="text/css" href="styles/lcars22-ie6.css">
85
      <link rel="stylesheet" type="text/css" href="styles/lcars22-ie6.css">
86
    <![endif]-->
86
    <![endif]-->
87
    <style type="text/css">
87
    <style type="text/css">
88
      <!--
88
      <!--
89
      a {
89
      a {
90
        text-decoration: none;
90
        text-decoration: none;
91
      }
91
      }
92
92
93
      ul {
93
      ul {
94
        list-style: none;
94
        list-style: none;
95
        padding-left: 0;
95
        padding-left: 0;
96
      }
96
      }
97
97
98
      #greeting {
98
      #greeting {
99
        margin-top: 0;
99
        margin-top: 0;
100
      }
100
      }
101
101
102
      #greeting p {
102
      #greeting p {
103
        background-color: #000;
103
        background-color: #000;
104
        color: #fff;
104
        color: #fff;
105
        font-size: 136%;
105
        font-size: 136%;
106
      }
106
      }
107
107
108
      #languages .key {
108
      #languages .key {
109
        min-width: 0.65em;
109
        min-width: 0.65em;
110
      }
110
      }
111
      -->
111
      -->
112
    </style>
112
    </style>
113
<?php /*
113
<?php /*
114
    <script type="text/javascript" src="scripts/builder?src=object,dom,dom/css,dom/css/color,dom/ani,dom/window"></script>
114
    <script type="text/javascript" src="scripts/builder?src=object,dom,dom/css,dom/css/color,dom/ani,dom/window"></script>
115
*/ ?>
115
*/ ?>
116
    <script type="text/javascript" src="scripts/builder?src=object,dom/window"></script>
116
    <script type="text/javascript" src="scripts/builder?src=object,dom/window"></script>
117
    <script type="text/javascript">
117
    <script type="text/javascript">
118
<?php /*
118
<?php /*
119
      /* Hardcore Frame Buster
119
      /* Hardcore Frame Buster
120
      if (parent.frames.length > 0 )
120
      if (parent.frames.length > 0 )
121
        parent.location.href = window.location.href;
121
        parent.location.href = window.location.href;
122
*/ ?>
122
*/ ?>
123
<?php /*
123
<?php /*
124
      function animate ()
124
      function animate ()
125
      {
125
      {
126
*/ ?>
126
*/ ?>
127
<?php /*
127
<?php /*
128
        var s = document.createElement("style");
128
        var s = document.createElement("style");
129
        s.type = "text/css";
129
        s.type = "text/css";
130
        s.appendChild(document.createTextNode(
130
        s.appendChild(document.createTextNode(
131
            "@-webkit-keyframes fade-out {"
131
            "@-webkit-keyframes fade-out {"
132
          + "  from {"
132
          + "  from {"
133
          + "    overflow: hidden;"
133
          + "    overflow: hidden;"
134
          + "    border-top-left-radius: 0;"
134
          + "    border-top-left-radius: 0;"
135
          + "    border-bottom-left-radius: 0;"
135
          + "    border-bottom-left-radius: 0;"
136
          + "  }"
136
          + "  }"
137
          + "  to {"
137
          + "  to {"
138
          + "    overflow: hidden;"
138
          + "    overflow: hidden;"
139
          + "    left: 100%;"
139
          + "    left: 100%;"
140
          + "    border-top-left-radius: 0;"
140
          + "    border-top-left-radius: 0;"
141
          + "    border-bottom-left-radius: 0;"
141
          + "    border-bottom-left-radius: 0;"
142
          + "  }"
142
          + "  }"
143
          + "}"
143
          + "}"
144
          + "#bow-top, #footer {"
144
          + "#bow-top, #footer {"
145
          + "  -webkit-animation-name: fade-out;"
145
          + "  -webkit-animation-name: fade-out;"
146
          + "  -webkit-animation-duration: 1s;"
146
          + "  -webkit-animation-duration: 1s;"
147
          + "  -webkit-animation-fill-mode: forwards;"
147
          + "  -webkit-animation-fill-mode: forwards;"
148
          + "}"
148
          + "}"
149
          + "#bow-top .text {"
149
          + "#bow-top .text {"
150
          + "  visibility: hidden;"
150
          + "  visibility: hidden;"
151
          + "}"
151
          + "}"
152
          + ".empty .separator-left {"
152
          + ".empty .separator-left {"
153
          + "  visibility: hidden;"
153
          + "  visibility: hidden;"
154
          + "}"
154
          + "}"
155
        ));
155
        ));
156
        document.head.appendChild(s);
156
        document.head.appendChild(s);
157
*/ ?>
157
*/ ?>
158
<?php /*
158
<?php /*
159
        jsx._import(jsx.dom.animation);
159
        jsx._import(jsx.dom.animation);
160
        var keyFrames = [
160
        var keyFrames = [
161
          {
161
          {
162
            values: {
162
            values: {
163
              style: {
163
              style: {
164
                overflow: "hidden",
164
                overflow: "hidden",
165
                "border-top-left-radius": 0,
165
                "border-top-left-radius": 0,
166
                "border-bottom-left-radius": 0
166
                "border-bottom-left-radius": 0
167
              }
167
              }
168
            }
168
            }
169
          },
169
          },
170
          {
170
          {
171
            time: "1s",
171
            time: "1s",
172
            values: {
172
            values: {
173
              style: {
173
              style: {
174
                overflow: "hidden",
174
                overflow: "hidden",
175
                left: "100%",
175
                left: "100%",
176
                "border-top-left-radius": 0,
176
                "border-top-left-radius": 0,
177
                "border-bottom-left-radius": 0
177
                "border-bottom-left-radius": 0
178
              }
178
              }
179
            }
179
            }
180
          }
180
          }
181
        ];
181
        ];
182

182

183
        var animation = new Animation({
183
        var animation = new Animation({
184
          timelines: [
184
          timelines: [
185
            new Timeline({
185
            new Timeline({
186
              target: document.getElementById("bow-top"),
186
              target: document.getElementById("bow-top"),
187
              keyFrames: keyFrames
187
              keyFrames: keyFrames
188
            }),
188
            }),
189
            new Timeline({
189
            new Timeline({
190
              target: document.getElementById("footer"),
190
              target: document.getElementById("footer"),
191
              keyFrames: keyFrames
191
              keyFrames: keyFrames
192
            })
192
            })
193
          ]
193
          ]
194
        });
194
        });
195
        animation.play();
195
        animation.play();
196
      }
196
      }
197
*/ ?>
197
*/ ?>
198
198
199
      function navigateTo (link)
199
      function navigateTo (link)
200
      {
200
      {
201
<?php /*
201
<?php /*
202
        animate();
202
        animate();
203
        window.setTimeout(function () {
203
        window.setTimeout(function () {
204
          window.alert(link);
204
          window.alert(link);
205
        }, 1000);
205
        }, 1000);
206
        return false;
206
        return false;
207
*/ ?>
207
*/ ?>
208
        return true;
208
        return true;
209
      }
209
      }
210
    </script>
210
    </script>
211
  </head>
211
  </head>
212
  <body class="fade-in empty" onload="if (typeof this.ontouchstart != 'undefined') this.ontouchstart = function () {}">
212
  <body class="fade-in empty" onload="if (typeof this.ontouchstart != 'undefined') this.ontouchstart = function () {}">
213
    <div id="LCARS">
213
    <div id="LCARS">
214
      <div id="bow">
214
      <div id="bow">
215
        <div id="bow-top">
215
        <div id="bow-top">
216
          <div class="separator-left">&nbsp;</div>
216
          <div class="separator-left">&nbsp;</div>
217
          <h1 class="text"><span>PointedEars’ Website</span></h1>
217
          <h1 class="text"><span>PointedEars’ Website</span></h1>
218
        </div>
218
        </div>
219
        <div id="bow-left">&nbsp;</div>
219
        <div id="bow-left">&nbsp;</div>
220
        <div id="bow-left-concave">&nbsp;</div>
220
        <div id="bow-left-concave">&nbsp;</div>
221
      </div>
221
      </div>
222
      <div id="footer-container">
222
      <div id="footer-container">
223
        <div id="footer">
223
        <div id="footer">
224
          <h2 class="text"><span>Language Selection</span></h2>
224
          <h2 class="text"><span>Language Selection</span></h2>
225
          <div class="separator-right">&nbsp;</div>
225
          <div class="separator-right">&nbsp;</div>
226
        </div>
226
        </div>
227
      </div>
227
      </div>
228
    </div>
228
    </div>
229
    <div id="content">
229
    <div id="content">
230
      <div style="text-align: center"><img
230
      <div style="text-align: center"><img
231
        src="media/video/img/vulcan_hand-black-bg.png"
231
        src="media/video/img/vulcan_hand-black-bg.png"
232
        width="120"
232
        width="120"
233
        height="168"
233
        height="168"
234
        alt="Vulcan greeting"
234
        alt="Vulcan greeting"
235
        title="Vulcan greeting"
235
        title="Vulcan greeting"
236
        border="0"
236
        border="0"
237
        onmouseover="return setStatus(this.title)"
237
        onmouseover="return setStatus(this.title)"
238
        onmouseout="return resetStatus()"></div>
238
        onmouseout="return resetStatus()"></div>
239
239
240
      <ul id="greeting">
240
      <ul id="greeting">
241
        <li style="white-space: nowrap"><p style="text-align: center" lang="x-vulcan-latin">Dif-tor heh smusma</p></li>
241
        <li style="white-space: nowrap"><p style="text-align: center" lang="x-vulcan-latin">Dif-tor heh smusma</p></li>
242
        <li style="white-space: nowrap"><p style="text-align: center" lang="en">Live long and prosper</p></li>
242
        <li style="white-space: nowrap"><p style="text-align: center" lang="en">Live long and prosper</p></li>
243
        <li style="white-space: nowrap"><p style="text-align: center" lang="de">Leben Sie lang und erfolgreich</p></li>
243
        <li style="white-space: nowrap"><p style="text-align: center" lang="de">Leben Sie lang und erfolgreich</p></li>
244
      </ul>
244
      </ul>
245
245
246
      <ul style="text-align: center">
246
      <ul style="text-align: center">
247
        <li class="instruction" lang="en">Please select your language</li>
247
        <li class="instruction" lang="en">Please select your language</li>
248
        <li class="instruction" lang="de">Bitte w&auml;hlen Sie Ihre Sprache</li>
248
        <li class="instruction" lang="de">Bitte w&auml;hlen Sie Ihre Sprache</li>
249
      </ul>
249
      </ul>
250
250
251
      <div class="group">
251
      <div class="group">
252
        <div class="separator">&nbsp;</div>
252
        <div class="separator">&nbsp;</div>
253
        <ul id="languages">
253
        <ul id="languages">
254
          <li><a href="index.en" class="button right" lang="en"
254
          <li><a href="index.en" class="button right" lang="en"
255
                 hreflang="en" accesskey="e"
255
                 hreflang="en" accesskey="e"
256
                 ><span class="key">en</span> <span class="text">English</span></a></li>
256
                 ><span class="key">en</span> <span class="text">English</span></a></li>
257
          <li><a href="index.de" class="button right" lang="de"
257
          <li><a href="index.de" class="button right" lang="de"
258
                 hreflang="de" accesskey="d"
258
                 hreflang="de" accesskey="d"
259
                 onclick="return navigateTo(this)"
259
                 onclick="return navigateTo(this)"
260
                 ><span class="key">de</span> <span class="text">Deutsch</span></a></li>
260
                 ><span class="key">de</span> <span class="text">Deutsch</span></a></li>
261
        </ul>
261
        </ul>
262
        <div style="clear: both"><!--  --></div>
262
        <div style="clear: both"><!--  --></div>
263
      </div>
263
      </div>
264
264
265
<?php
265
<?php
266
  $app = 'Language';
266
  $app = 'Language';
267
  require_once 'footer.phtml';
267
  require_once 'footer.phtml';
268
?>
268
?>
269
    </div>
269
    </div>
270
  </body>
270
  </body>
271
</html>
271
</html>