Subversion Repositories LCARS

Rev

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

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