Subversion Repositories LCARS

Rev

Rev 116 | Rev 125 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log | RSS feed

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