Subversion Repositories LCARS

Rev

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