Subversion Repositories LCARS

Rev

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

Rev 138 Rev 151
1
<?php
1
<?php
2
2
-
 
3
$language = 'en';
3
if (!function_exists('_'))
4
$locale = 'en_US.UTF-8';
4
{
-
 
5
  function _($s) { return $s; }
5
require_once 'global.php';
6
}
-
 
7
6
8
$encoding = 'UTF-8';
7
$encoding = 'UTF-8';
9
header("Content-Type: text/html" . ($encoding ? "; charset=$encoding" : ""));
8
header("Content-Type: text/html" . ($encoding ? "; charset=$encoding" : ""));
10
9
11
$modi = max(array(
10
$modi = max(array(
12
  @filemtime(__FILE__),
11
  @filemtime(__FILE__),
13
  @filemtime("styles/lcars-basic.css"),
12
  @filemtime("styles/lcars-basic.css"),
14
  @filemtime("styles/lcars22.css"),
13
  @filemtime("styles/lcars22.css"),
15
));
14
));
16
15
17
\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');
18
17
19
/* Resource expires in HTTP/1.1 caches 24h after last retrieval */
18
/* 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');
19
\header('Cache-Control: max-age=86400, s-maxage=86400, must-revalidate, proxy-revalidate');
21
20
22
/* Resource expires in HTTP/1.0 caches 24h after last retrieval */
21
/* 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');
22
\header('Expires: ' . gmdate('D, d M Y H:i:s', time() + 86400) . ' GMT');
24
23
25
?><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
24
?><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
26
  "http://www.w3.org/TR/html4/loose.dtd">
25
  "http://www.w3.org/TR/html4/loose.dtd">
27
<html lang="en">
26
<html lang="en">
28
  <head>
27
  <head>
29
    <title>Language Selection — PointedEars’ Website</title>
28
    <title>Language Selection — PointedEars’ Website</title>
30
    <link rel="SHORTCUT ICON" href="favicon.ico">
29
    <link rel="SHORTCUT ICON" href="favicon.ico">
31
    <!-- Browsers: Character Set, Script Type, Style Sheets Type,
30
    <!-- Browsers: Character Set, Script Type, Style Sheets Type,
32
         Proxy Usage -->
31
         Proxy Usage -->
33
    <meta http-equiv="content-type"content="text/html; charset=UTF-8">
32
    <meta http-equiv="content-type"content="text/html; charset=UTF-8">
34
    <meta http-equiv="Content-Script-Type" content="text/javascript">
33
    <meta http-equiv="Content-Script-Type" content="text/javascript">
35
    <meta http-equiv="Content-Style-Type" content="text/css">
34
    <meta http-equiv="Content-Style-Type" content="text/css">
36
    <meta http-equiv="expires" content="0">
35
    <meta http-equiv="expires" content="0">
37
    <!-- Robots: Language, Index, Subordinated Files, Description, Author,
36
    <!-- Robots: Language, Index, Subordinated Files, Description, Author,
38
         Keywords, Document Date -->
37
         Keywords, Document Date -->
39
    <meta name="robots" content="index">
38
    <meta name="robots" content="index">
40
<?php /*
39
<?php /*
41
    <meta name="description"
40
    <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!">
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!">
43
*/ ?>
42
*/ ?>
44
    <meta name="author" content="PointedEars, PointedEars Software (PES)">
43
    <meta name="author" content="PointedEars, PointedEars Software (PES)">
45
    <!-- No localization of keywords due to following language selection -->
44
    <!-- No localization of keywords due to following language selection -->
46
    <meta name="keywords"
45
    <meta name="keywords"
47
          http-equiv="Keywords"
46
          http-equiv="Keywords"
48
          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">
47
          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">
49
    <!--meta name="keywords" http-equiv="Keywords" lang="de" content=""-->
48
    <!--meta name="keywords" http-equiv="Keywords" lang="de" content=""-->
50
    <!--meta name="keywords" http-equiv="Keywords" lang="en-us" content=""-->
49
    <!--meta name="keywords" http-equiv="Keywords" lang="en-us" content=""-->
51
    <!--meta name="keywords" http-equiv="Keywords" lang="en" content=""-->
50
    <!--meta name="keywords" http-equiv="Keywords" lang="en" content=""-->
52
    <meta name="revisit-after" content="3 days">
51
    <meta name="revisit-after" content="3 days">
53
    <meta name="date" content="2002-05-23T10:56:00+02:00">
52
    <meta name="date" content="2002-05-23T10:56:00+02:00">
54
    <!-- Robots: Dublin Core Metadata
53
    <!-- Robots: Dublin Core Metadata
55
         (http://purl.org/metadata/dublin_core) -->
54
         (http://purl.org/metadata/dublin_core) -->
56
    <meta name="DCTERMS.title" content="PointedEars’ Website">
55
    <meta name="DCTERMS.title" content="PointedEars’ Website">
57
    <meta name="DCTERMS.creator" content="PointedEars, PointedEars Software (PES)">
56
    <meta name="DCTERMS.creator" content="PointedEars, PointedEars Software (PES)">
58
    <meta name="DCTERMS.subject" content="Private Homepage">
57
    <meta name="DCTERMS.subject" content="Private Homepage">
59
<?php /*
58
<?php /*
60
    <meta name="DCTERMS.description"
59
    <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!">
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!">
62
*/ ?>
61
*/ ?>
63
    <meta name="DCTERMS.publisher" content="PointedEars">
62
    <meta name="DCTERMS.publisher" content="PointedEars">
64
    <meta name="DCTERMS.created" content="2002-05-23">
63
    <meta name="DCTERMS.created" content="2002-05-23">
65
    <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); ?>">
66
<?php /*
65
<?php /*
67
    <!--meta name="DC.Type" content=""-->
66
    <!--meta name="DC.Type" content=""-->
68
    <!--meta name="DC.Format" content=""-->
67
    <!--meta name="DC.Format" content=""-->
69
*/ ?>
68
*/ ?>
70
    <meta name="DCTERMS.identifier" content="http://pointedears.de/">
69
    <meta name="DCTERMS.identifier" content="http://pointedears.de/">
71
    <meta name="DCTERMS.rightsHolder"
70
    <meta name="DCTERMS.rightsHolder"
72
          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.">
73
    <meta name="DCTERMS.rights"
72
    <meta name="DCTERMS.rights"
74
          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."); ?>">
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."); ?>">
75
<?php /*
74
<?php /*
76
    <!-- <link rel="stylesheet" type="text/css" href="styles/lcars21.css"> -->
75
    <!-- <link rel="stylesheet" type="text/css" href="styles/lcars21.css"> -->
77
*/ ?>
76
*/ ?>
78
    <link rel="stylesheet" type="text/css" href="styles/lcars-basic.css">
77
    <link rel="stylesheet" type="text/css" href="styles/lcars-basic.css">
79
    <link rel="stylesheet" type="text/css" href="styles/lcars22">
78
    <link rel="stylesheet" type="text/css" href="styles/lcars22">
80
    <style type="text/css">
79
    <style type="text/css">
81
      <!--
80
      <!--
82
      a {
81
      a {
83
        text-decoration: none;
82
        text-decoration: none;
84
      }
83
      }
85
     
84
     
86
      ul {
85
      ul {
87
        list-style: none;
86
        list-style: none;
88
        padding-left: 0;
87
        padding-left: 0;
89
      }
88
      }
90
     
89
     
91
      #greeting {
90
      #greeting {
92
        margin-top: 0;
91
        margin-top: 0;
93
      }
92
      }
94
     
93
     
95
      #greeting p {
94
      #greeting p {
96
        background-color: #000;
95
        background-color: #000;
97
        color: #fff;
96
        color: #fff;
98
        font-size: 136%;
97
        font-size: 136%;
99
      }
98
      }
100
     
99
     
101
      #languages .key {
100
      #languages .key {
102
        min-width: 0.65em;
101
        min-width: 0.65em;
103
      }
102
      }
104
      -->
103
      -->
105
    </style>
104
    </style>
106
<?php /*
105
<?php /*
107
    <script type="text/javascript" src="scripts/builder?src=object,dom,dom/css,dom/css/color,dom/ani,dom/window"></script>
106
    <script type="text/javascript" src="scripts/builder?src=object,dom,dom/css,dom/css/color,dom/ani,dom/window"></script>
108
*/ ?>
107
*/ ?>
109
    <script type="text/javascript">
108
    <script type="text/javascript">
110
<?php /*
109
<?php /*
111
      /* Hardcore Frame Buster
110
      /* Hardcore Frame Buster
112
      if (parent.frames.length > 0 )
111
      if (parent.frames.length > 0 )
113
        parent.location.href = window.location.href;
112
        parent.location.href = window.location.href;
114
*/ ?>
113
*/ ?>
115
<?php /*
114
<?php /*
116
      function animate ()
115
      function animate ()
117
      {
116
      {
118
*/ ?>
117
*/ ?>
119
<?php /*
118
<?php /*
120
        var s = document.createElement("style");
119
        var s = document.createElement("style");
121
        s.type = "text/css";
120
        s.type = "text/css";
122
        s.appendChild(document.createTextNode(
121
        s.appendChild(document.createTextNode(
123
            "@-webkit-keyframes fade-out {"
122
            "@-webkit-keyframes fade-out {"
124
          + "  from {"
123
          + "  from {"
125
          + "    overflow: hidden;"
124
          + "    overflow: hidden;"
126
          + "    border-top-left-radius: 0;"
125
          + "    border-top-left-radius: 0;"
127
          + "    border-bottom-left-radius: 0;"
126
          + "    border-bottom-left-radius: 0;"
128
          + "  }"
127
          + "  }"
129
          + "  to {"
128
          + "  to {"
130
          + "    overflow: hidden;"
129
          + "    overflow: hidden;"
131
          + "    left: 100%;"
130
          + "    left: 100%;"
132
          + "    border-top-left-radius: 0;"
131
          + "    border-top-left-radius: 0;"
133
          + "    border-bottom-left-radius: 0;"
132
          + "    border-bottom-left-radius: 0;"
134
          + "  }"
133
          + "  }"
135
          + "}"
134
          + "}"
136
          + "#bow-top, #footer {"
135
          + "#bow-top, #footer {"
137
          + "  -webkit-animation-name: fade-out;"
136
          + "  -webkit-animation-name: fade-out;"
138
          + "  -webkit-animation-duration: 1s;"
137
          + "  -webkit-animation-duration: 1s;"
139
          + "  -webkit-animation-fill-mode: forwards;"
138
          + "  -webkit-animation-fill-mode: forwards;"
140
          + "}"
139
          + "}"
141
          + "#bow-top .text {"
140
          + "#bow-top .text {"
142
          + "  visibility: hidden;"
141
          + "  visibility: hidden;"
143
          + "}"
142
          + "}"
144
          + ".empty .separator-left {"
143
          + ".empty .separator-left {"
145
          + "  visibility: hidden;"
144
          + "  visibility: hidden;"
146
          + "}"
145
          + "}"
147
        ));
146
        ));
148
        document.head.appendChild(s);
147
        document.head.appendChild(s);
149
*/ ?>
148
*/ ?>
150
<?php /*
149
<?php /*
151
        jsx._import(jsx.dom.animation);
150
        jsx._import(jsx.dom.animation);
152
        var keyFrames = [
151
        var keyFrames = [
153
          {
152
          {
154
            values: {
153
            values: {
155
              style: {
154
              style: {
156
                overflow: "hidden",
155
                overflow: "hidden",
157
                "border-top-left-radius": 0,
156
                "border-top-left-radius": 0,
158
                "border-bottom-left-radius": 0
157
                "border-bottom-left-radius": 0
159
              }
158
              }
160
            }
159
            }
161
          },
160
          },
162
          {
161
          {
163
            time: "1s",
162
            time: "1s",
164
            values: {
163
            values: {
165
              style: {
164
              style: {
166
                overflow: "hidden",
165
                overflow: "hidden",
167
                left: "100%",
166
                left: "100%",
168
                "border-top-left-radius": 0,
167
                "border-top-left-radius": 0,
169
                "border-bottom-left-radius": 0
168
                "border-bottom-left-radius": 0
170
              }
169
              }
171
            }
170
            }
172
          }
171
          }
173
        ];
172
        ];
174
       
173
       
175
        var animation = new Animation({
174
        var animation = new Animation({
176
          timelines: [
175
          timelines: [
177
            new Timeline({
176
            new Timeline({
178
              target: document.getElementById("bow-top"),
177
              target: document.getElementById("bow-top"),
179
              keyFrames: keyFrames
178
              keyFrames: keyFrames
180
            }),
179
            }),
181
            new Timeline({
180
            new Timeline({
182
              target: document.getElementById("footer"),
181
              target: document.getElementById("footer"),
183
              keyFrames: keyFrames
182
              keyFrames: keyFrames
184
            })
183
            })
185
          ]
184
          ]
186
        });
185
        });
187
        animation.play();
186
        animation.play();
188
      }
187
      }
189
*/ ?>
188
*/ ?>
190
189
191
      function navigateTo (link)
190
      function navigateTo (link)
192
      {
191
      {
193
<?php /*
192
<?php /*
194
        animate();
193
        animate();
195
        window.setTimeout(function () {
194
        window.setTimeout(function () {
196
          window.alert(link);
195
          window.alert(link);
197
        }, 1000);
196
        }, 1000);
198
        return false;
197
        return false;
199
*/ ?>
198
*/ ?>
200
        return true;
199
        return true;
201
      }
200
      }
202
    </script>
201
    </script>
203
  </head>
202
  </head>
204
  <body class="fade-in empty" onload="if (typeof this.ontouchstart != 'undefined') this.ontouchstart = function () {}">
203
  <body class="fade-in empty" onload="if (typeof this.ontouchstart != 'undefined') this.ontouchstart = function () {}">
205
    <div id="LCARS">
204
    <div id="LCARS">
206
      <div id="bow">
205
      <div id="bow">
207
        <div id="bow-top">
206
        <div id="bow-top">
208
          <div class="separator-left">&nbsp;</div>
207
          <div class="separator-left">&nbsp;</div>
209
          <h1 class="text"><span>PointedEars’ Website</span></h1>
208
          <h1 class="text"><span>PointedEars’ Website</span></h1>
210
        </div>
209
        </div>
211
        <div id="bow-left">&nbsp;</div>
210
        <div id="bow-left">&nbsp;</div>
212
        <div id="bow-left-concave">&nbsp;</div>
211
        <div id="bow-left-concave">&nbsp;</div>
213
      </div>
212
      </div>
214
      <div id="footer-container">
213
      <div id="footer-container">
215
        <div id="footer">
214
        <div id="footer">
216
          <h2 class="text"><span>Language Selection</span></h2>
215
          <h2 class="text"><span>Language Selection</span></h2>
217
          <div class="separator-right">&nbsp;</div>
216
          <div class="separator-right">&nbsp;</div>
218
        </div>
217
        </div>
219
      </div>
218
      </div>
220
    </div>
219
    </div>
221
    <div id="content">
220
    <div id="content">
222
      <div style="text-align: center"><img
221
      <div style="text-align: center"><img
223
        src="media/video/img/vulcan_hand-black-bg.png"
222
        src="media/video/img/vulcan_hand-black-bg.png"
224
        width="120"
223
        width="120"
225
        height="168"
224
        height="168"
226
        alt="Vulcan greeting"
225
        alt="Vulcan greeting"
227
        title="Vulcan greeting"
226
        title="Vulcan greeting"
228
        border="0"
227
        border="0"
229
        onmouseover="return setStatus(this.title)"
228
        onmouseover="return setStatus(this.title)"
230
        onmouseout="return resetStatus()"></div>
229
        onmouseout="return resetStatus()"></div>
231
       
230
       
232
      <ul id="greeting">
231
      <ul id="greeting">
233
        <li style="white-space: nowrap"><p style="text-align: center" lang="x-vulcan-latin">Dif-tor heh smusma</p></li>
232
        <li style="white-space: nowrap"><p style="text-align: center" lang="x-vulcan-latin">Dif-tor heh smusma</p></li>
234
        <li style="white-space: nowrap"><p style="text-align: center" lang="en">Live long and prosper</p></li>
233
        <li style="white-space: nowrap"><p style="text-align: center" lang="en">Live long and prosper</p></li>
235
        <li style="white-space: nowrap"><p style="text-align: center" lang="de">Leben Sie lang und erfolgreich</p></li>
234
        <li style="white-space: nowrap"><p style="text-align: center" lang="de">Leben Sie lang und erfolgreich</p></li>
236
      </ul>
235
      </ul>
237
     
236
     
238
      <ul style="text-align: center">
237
      <ul style="text-align: center">
239
        <li class="instruction" lang="en">Please select your language</li>
238
        <li class="instruction" lang="en">Please select your language</li>
240
        <li class="instruction" lang="de">Bitte w&auml;hlen Sie Ihre Sprache</li>
239
        <li class="instruction" lang="de">Bitte w&auml;hlen Sie Ihre Sprache</li>
241
      </ul>
240
      </ul>
242
     
241
     
243
      <div class="group">
242
      <div class="group">
244
        <div class="separator">&nbsp;</div>
243
        <div class="separator">&nbsp;</div>
245
        <ul id="languages">
244
        <ul id="languages">
246
          <li><a href="index.en" class="button right" lang="en"
245
          <li><a href="index.en" class="button right" lang="en"
247
                 hreflang="en" accesskey="e"
246
                 hreflang="en" accesskey="e"
248
                 ><span class="key">en</span> <span class="text">English</span></a></li>
247
                 ><span class="key">en</span> <span class="text">English</span></a></li>
249
          <li><a href="index.de" class="button right" lang="de"
248
          <li><a href="index.de" class="button right" lang="de"
250
                 hreflang="de" accesskey="d"
249
                 hreflang="de" accesskey="d"
251
                 onclick="return navigateTo(this)"
250
                 onclick="return navigateTo(this)"
252
                 ><span class="key">de</span> <span class="text">Deutsch</span></a></li>
251
                 ><span class="key">de</span> <span class="text">Deutsch</span></a></li>
253
        </ul>
252
        </ul>
254
        <div style="clear: both"><!--  --></div>
253
        <div style="clear: both"><!--  --></div>
255
      </div>
254
      </div>
256
     
255
     
257
<?php
256
<?php
258
  $app = 'Language';
257
  $app = 'Language';
259
  require_once 'footer.phtml';
258
  require_once 'footer.phtml';
260
?>
259
?>
261
    </div>
260
    </div>
262
  </body>
261
  </body>
263
</html>
262
</html>