Subversion Repositories LCARS

Rev

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

Rev 104 Rev 105
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
/* Cached 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=0, must-revalidate, proxy-revalidate');
16
16
17
/* Cached resource expires in HTTP/1.0 caches 24h after last retrieval */
17
/* Cached 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>PointedEars’ Website</title>
24
    <title>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
    <meta name="robots" content="nofollow">
35
<?php /*
36
    <meta name="description"
36
    <meta name="description"
37
          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!">
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
    <meta name="author" content="PointedEars, PointedEars Software (PES)">
39
    <meta name="author" content="PointedEars, PointedEars Software (PES)">
39
    <!-- No localization of keywords due to following language selection -->
40
    <!-- No localization of keywords due to following language selection -->
40
    <meta name="keywords"
41
    <meta name="keywords"
41
          http-equiv="Keywords"
42
          http-equiv="Keywords"
42
          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">
43
    <!--meta name="keywords" http-equiv="Keywords" lang="de" content=""-->
44
    <!--meta name="keywords" http-equiv="Keywords" lang="de" content=""-->
44
    <!--meta name="keywords" http-equiv="Keywords" lang="en-us" content=""-->
45
    <!--meta name="keywords" http-equiv="Keywords" lang="en-us" content=""-->
45
    <!--meta name="keywords" http-equiv="Keywords" lang="en" content=""-->
46
    <!--meta name="keywords" http-equiv="Keywords" lang="en" content=""-->
46
    <meta name="revisit-after" content="3 days">
47
    <meta name="revisit-after" content="3 days">
47
    <meta name="date" content="2002-05-23T10:56:00+02:00">
48
    <meta name="date" content="2002-05-23T10:56:00+02:00">
48
    <!-- Robots: Dublin Core Metadata
49
    <!-- Robots: Dublin Core Metadata
49
         (http://purl.org/metadata/dublin_core) -->
50
         (http://purl.org/metadata/dublin_core) -->
50
    <meta name="DC.Title" content="PointedEars’ Website">
51
    <meta name="DCTERMS.title" content="PointedEars’ Website">
51
    <meta name="DC.Creator" content="PointedEars, PointedEars Software (PES)">
52
    <meta name="DCTERMS.creator" content="PointedEars, PointedEars Software (PES)">
52
    <meta name="DC.Subject" content="Private Homepage">
53
    <meta name="DCTERMS.subject" content="Private Homepage">
-
 
54
<?php /*
53
    <meta name="DC.Description"
55
    <meta name="DCTERMS.description"
54
          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
*/ ?>
55
    <meta name="DC.Publisher" content="PointedEars">
58
    <meta name="DCTERMS.publisher" content="PointedEars">
56
    <meta name="DCTERMS.created" content="2002-05-23">
59
    <meta name="DCTERMS.created" content="2002-05-23">
57
    <meta name="DCTERMS.modified" content="2008-12-08T20:57+0100">
60
    <meta name="DCTERMS.modified" content="<?php echo gmdate('Y-m-dTH:i:sO', $modi); ?>">
-
 
61
<?php /*
58
    <!--meta name="DC.Type" content=""-->
62
    <!--meta name="DC.Type" content=""-->
59
    <!--meta name="DC.Format" content=""-->
63
    <!--meta name="DC.Format" content=""-->
-
 
64
*/ ?>
60
    <meta name="DC.Identifier" content="http://pointedears.de/">
65
    <meta name="DCTERMS.identifier" content="http://pointedears.de/">
61
    <meta name="DC.Language" content="mx">
66
    <meta name="DCTERMS.rightsHolder"
-
 
67
          content="Copyright © 2002&#8211;<?php echo gmdate('Y', $modi); ?> Thomas&nbsp;Lahn.">
-
 
68
    <meta name="DCTERMS.rights"
62
    <meta name="DC.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."); ?>">
63
          content="Copyright © 2002&#8211;2013 Thomas&nbsp;Lahn. All rights reserved. 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 /*
64
    <!-- <link rel="stylesheet" type="text/css" href="styles/lcars21.css"> -->
71
    <!-- <link rel="stylesheet" type="text/css" href="styles/lcars21.css"> -->
-
 
72
*/ ?>
65
    <link rel="stylesheet" type="text/css" href="styles/lcars-basic.css">
73
    <link rel="stylesheet" type="text/css" href="styles/lcars-basic.css">
66
    <link rel="stylesheet" type="text/css" href="styles/lcars22.css">
74
    <link rel="stylesheet" type="text/css" href="styles/lcars22.css">
67
    <style type="text/css">
75
    <style type="text/css">
-
 
76
      <!--
68
      a {
77
      a {
69
        text-decoration: none;
78
        text-decoration: none;
70
      }
79
      }
71
     
80
     
72
      ul {
81
      ul {
73
        list-style: none;
82
        list-style: none;
74
        padding-left: 0;
83
        padding-left: 0;
75
      }
84
      }
76
     
85
     
77
      #greeting {
86
      #greeting {
78
        margin-top: 0;
87
        margin-top: 0;
79
      }
88
      }
80
     
89
     
81
      #greeting p {
90
      #greeting p {
82
        background-color: #000;
91
        background-color: #000;
83
        color: #fff;
92
        color: #fff;
84
        font-size: 136%;
93
        font-size: 136%;
85
      }
94
      }
86
     
95
     
87
      #languages .key {
96
      #languages .key {
88
        min-width: 0.65em;
97
        min-width: 0.65em;
89
      }
98
      }
-
 
99
      -->
90
    </style>
100
    </style>
-
 
101
<?php /*
91
    <script type="text/javascript" src="scripts/object.js"></script>
102
    <script type="text/javascript" src="scripts/object.js"></script>
92
    <script type="text/javascript" src="scripts/dom.js"></script>
103
    <script type="text/javascript" src="scripts/dom.js"></script>
93
    <script type="text/javascript" src="scripts/dom/css.js"></script>
104
    <script type="text/javascript" src="scripts/dom/css.js"></script>
94
    <script type="text/javascript" src="scripts/dom/css/color.js"></script>
105
    <script type="text/javascript" src="scripts/dom/css/color.js"></script>
95
    <script type="text/javascript" src="scripts/dom/ani.js"></script>
106
    <script type="text/javascript" src="scripts/dom/ani.js"></script>
96
107
*/ ?>
97
    <script type="text/javascript">
108
    <script type="text/javascript">
98
      function setStatus(Text) {
109
      function setStatus (text)
99
        if (isNaN(Text))
110
      {
100
          Text = String(Text);
-
 
101
        window.status = Text;
111
        window.status = String(text);
102
        return true;
112
        return true;
103
      }
113
      }
104
114
 
105
      function resetStatus() {
115
      function resetStatus ()
-
 
116
      {
106
        window.status = window.defaultStatus;
117
        window.status = window.defaultStatus;
107
        return true;
118
        return true;
108
      }
119
      }
109
-
 
110
      function mailStatus() {
-
 
111
        return setStatus("Send your feedback to PointedEars");
-
 
112
      }
120
<?php /*
113
-
 
114
      /* Hardcore Frame Buster
121
      /* Hardcore Frame Buster
115
      if (parent.frames.length > 0 )
122
      if (parent.frames.length > 0 )
116
        parent.location.href = window.location.href;
123
        parent.location.href = window.location.href;
117
      */
124
*/ ?>
118
     
125
<?php /*
119
      function animate ()
126
      function animate ()
120
      {
127
      {
-
 
128
*/ ?>
121
        /*
129
<?php /*
122
        var s = document.createElement("style");
130
        var s = document.createElement("style");
123
        s.type = "text/css";
131
        s.type = "text/css";
124
        s.appendChild(document.createTextNode(
132
        s.appendChild(document.createTextNode(
125
            "@-webkit-keyframes fade-out {"
133
            "@-webkit-keyframes fade-out {"
126
          + "  from {"
134
          + "  from {"
127
          + "    overflow: hidden;"
135
          + "    overflow: hidden;"
128
          + "    border-top-left-radius: 0;"
136
          + "    border-top-left-radius: 0;"
129
          + "    border-bottom-left-radius: 0;"
137
          + "    border-bottom-left-radius: 0;"
130
          + "  }"
138
          + "  }"
131
          + "  to {"
139
          + "  to {"
132
          + "    overflow: hidden;"
140
          + "    overflow: hidden;"
133
          + "    left: 100%;"
141
          + "    left: 100%;"
134
          + "    border-top-left-radius: 0;"
142
          + "    border-top-left-radius: 0;"
135
          + "    border-bottom-left-radius: 0;"
143
          + "    border-bottom-left-radius: 0;"
136
          + "  }"
144
          + "  }"
137
          + "}"
145
          + "}"
138
          + "#bow-top, #footer {"
146
          + "#bow-top, #footer {"
139
          + "  -webkit-animation-name: fade-out;"
147
          + "  -webkit-animation-name: fade-out;"
140
          + "  -webkit-animation-duration: 1s;"
148
          + "  -webkit-animation-duration: 1s;"
141
          + "  -webkit-animation-fill-mode: forwards;"
149
          + "  -webkit-animation-fill-mode: forwards;"
142
          + "}"
150
          + "}"
143
          + "#bow-top .text {"
151
          + "#bow-top .text {"
144
          + "  visibility: hidden;"
152
          + "  visibility: hidden;"
145
          + "}"
153
          + "}"
146
          + ".empty .separator-left {"
154
          + ".empty .separator-left {"
147
          + "  visibility: hidden;"
155
          + "  visibility: hidden;"
148
          + "}"
156
          + "}"
149
        ));
157
        ));
150
        document.head.appendChild(s);
158
        document.head.appendChild(s);
151
        */
159
*/ ?>
152
       
160
<?php /*
153
        jsx._import(jsx.dom.animation);
161
        jsx._import(jsx.dom.animation);
154
        var keyFrames = [
162
        var keyFrames = [
155
          {
163
          {
156
            values: {
164
            values: {
157
              style: {
165
              style: {
158
                overflow: "hidden",
166
                overflow: "hidden",
159
                "border-top-left-radius": 0,
167
                "border-top-left-radius": 0,
160
                "border-bottom-left-radius": 0
168
                "border-bottom-left-radius": 0
161
              }
169
              }
162
            }
170
            }
163
          },
171
          },
164
          {
172
          {
165
            time: "1s",
173
            time: "1s",
166
            values: {
174
            values: {
167
              style: {
175
              style: {
168
                overflow: "hidden",
176
                overflow: "hidden",
169
                left: "100%",
177
                left: "100%",
170
                "border-top-left-radius": 0,
178
                "border-top-left-radius": 0,
171
                "border-bottom-left-radius": 0
179
                "border-bottom-left-radius": 0
172
              }
180
              }
173
            }
181
            }
174
          }
182
          }
175
        ];
183
        ];
176
       
184
       
177
        var animation = new Animation({
185
        var animation = new Animation({
178
          timelines: [
186
          timelines: [
179
            new Timeline({
187
            new Timeline({
180
              target: document.getElementById("bow-top"),
188
              target: document.getElementById("bow-top"),
181
              keyFrames: keyFrames
189
              keyFrames: keyFrames
182
            }),
190
            }),
183
            new Timeline({
191
            new Timeline({
184
              target: document.getElementById("footer"),
192
              target: document.getElementById("footer"),
185
              keyFrames: keyFrames
193
              keyFrames: keyFrames
186
            })
194
            })
187
          ]
195
          ]
188
        });
196
        });
189
        animation.play();
197
        animation.play();
190
      }
198
      }
-
 
199
*/ ?>
191
     
200
192
      function navigateTo (link)
201
      function navigateTo (link)
193
      {
202
      {
-
 
203
<?php /*
194
        //animate();
204
        animate();
195
        //window.setTimeout(function () {
205
        window.setTimeout(function () {
196
        //  window.alert(link);
206
          window.alert(link);
197
        //}, 1000);
207
        }, 1000);
198
        //return false;
208
        return false;
-
 
209
*/ ?>
199
        return true;
210
        return true;
200
      }
211
      }
201
    </script>
212
    </script>
202
  </head>
213
  </head>
203
  <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 () {}">
204
    <div id="LCARS">
215
    <div id="LCARS">
205
      <div id="bow">
216
      <div id="bow">
206
        <div id="bow-top">
217
        <div id="bow-top">
207
          <div class="separator-left">&nbsp;</div>
218
          <div class="separator-left">&nbsp;</div>
208
          <h1 class="text"><span>PointedEars’ Website</span></h1>
219
          <h1 class="text"><span>PointedEars’ Website</span></h1>
209
        </div>
220
        </div>
210
        <div id="bow-left">&nbsp;</div>
221
        <div id="bow-left">&nbsp;</div>
211
        <div id="bow-left-concave">&nbsp;</div>
222
        <div id="bow-left-concave">&nbsp;</div>
212
      </div>
223
      </div>
213
      <div id="footer-container">
224
      <div id="footer-container">
214
        <div id="footer">
225
        <div id="footer">
215
          <h2 class="text"><span>Language Selection</span></h2>
226
          <h2 class="text"><span>Language Selection</span></h2>
216
          <div class="separator-right">&nbsp;</div>
227
          <div class="separator-right">&nbsp;</div>
217
        </div>
228
        </div>
218
      </div>
229
      </div>
219
    </div>
230
    </div>
220
    <div id="content">
231
    <div id="content">
221
      <div style="text-align: center"><img
232
      <div style="text-align: center"><img
222
        src="media/video/img/vulcan_hand-black-bg.png"
233
        src="media/video/img/vulcan_hand-black-bg.png"
223
        width="120"
234
        width="120"
224
        height="168"
235
        height="168"
225
        alt="Vulcan greeting"
236
        alt="Vulcan greeting"
226
        title="Vulcan greeting"
237
        title="Vulcan greeting"
227
        border="0"
238
        border="0"
228
        onmouseover="return setStatus(this.title)"
239
        onmouseover="return setStatus(this.title)"
229
        onmouseout="return resetStatus()"></div>
240
        onmouseout="return resetStatus()"></div>
230
       
241
       
231
      <ul id="greeting">
242
      <ul id="greeting">
232
        <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>
233
        <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>
234
        <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>
235
      </ul>
246
      </ul>
236
     
247
     
237
      <ul style="text-align: center">
248
      <ul style="text-align: center">
238
        <li class="instruction" lang="en">Please select your language</li>
249
        <li class="instruction" lang="en">Please select your language</li>
239
        <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>
240
      </ul>
251
      </ul>
241
     
252
     
242
      <div class="group">
253
      <div class="group">
243
        <div class="separator">&nbsp;</div>
254
        <div class="separator">&nbsp;</div>
244
        <ul id="languages">
255
        <ul id="languages">
245
          <li><a href="index.en" class="button right" lang="en"
256
          <li><a href="index.en" class="button right" lang="en"
246
                 hreflang="en" accesskey="e"
257
                 hreflang="en" accesskey="e"
247
                 ><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>
248
          <li><a href="index.de" class="button right" lang="de"
259
          <li><a href="index.de" class="button right" lang="de"
249
                 hreflang="de" accesskey="d"
260
                 hreflang="de" accesskey="d"
250
                 onclick="return navigateTo(this)"
261
                 onclick="return navigateTo(this)"
251
                 ><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>
252
        </ul>
263
        </ul>
253
        <div style="clear: both"><!--  --></div>
264
        <div style="clear: both"><!--  --></div>
254
      </div>
265
      </div>
255
     
266
     
256
      <hr size=1 width="100%" noshade>
267
<?php
257
      <p style="text-align: center"><?php echo sprintf(
-
 
258
          "Original LCARS design by"
-
 
259
          . " <a href='%s' title='%s'>Michael&nbsp;Okuda</a>."
-
 
260
          . " This site is based on an <a href='%s'"
-
 
261
          . " title='LCARS Standards Development Board'"
-
 
262
          . ">implementation in Flash by Chris&nbsp;Rossi</a>,"
-
 
263
          . " and research by <a href='%s'"
-
 
264
          . " title='Creating a Coherent LCARS Interface'>Bracer&nbsp;Jack</a>"
-
 
265
          . " and <a href='%s'"
268
  $app = 'Language';
266
          . " title='LCARS 47 Development Blog&nbsp;– LCARS&nbsp;101: A Designer’s Handbook'"
-
 
267
          . ">Eleanor&nbsp;Denver</a>.",
-
 
268
          'https://twitter.com/MikeOkuda',
-
 
269
          'Michael Okuda on Twitter',
269
  require_once 'footer.phtml';
270
          'http://www.lcarsdeveloper.com/',
-
 
271
          'http://www.bracercom.com/tutorial/content/CoherentLCARSInterface/LCARSCoherentInterface.html',
-
 
272
          'http://www.lcars47.com/p/lcars-101.html');
-
 
273
        ?><br>
270
?>
274
        Copyright &copy;&nbsp;2002&#8211;2013 <a
-
 
275
            href="mailto:webmaster@PointedEars.de?subject=Feedback/LCARS/Welcome&amp;body=[Your%20feedback%20|%20Ihr%20Feedback]"
-
 
276
            title="Send your feedback to PointedEars"
-
 
277
            onmouseover="return mailStatus()"
-
 
278
            onmouseout="return resetStatus()"
-
 
279
            >Thomas ‘PointedEars’ Lahn.</a> All rights reserved.</p>
-
 
280
    </div>
271
    </div>
281
  </body>
272
  </body>
282
</html>
273
</html>
283
 
274