Subversion Repositories LCARS

Rev

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

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

178

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