Subversion Repositories LCARS

Rev

Rev 127 | Rev 138 | 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
*/ ?>
125 PointedEar 73
    <link rel="stylesheet" type="text/css"
129 PointedEar 74
          href="scripts/builder?type=text/css&amp;prefix=../styles/&amp;src=lcars-basic">
75
    <link rel="stylesheet" type="text/css"
76
          href="scripts/builder?type=text/css&amp;prefix=../styles/&amp;src=lcars22">
37 PointedEar 77
    <style type="text/css">
105 PointedEar 78
      <!--
37 PointedEar 79
      a {
80
        text-decoration: none;
81
      }
82
 
83
      ul {
84
        list-style: none;
85
        padding-left: 0;
86
      }
87
 
88
      #greeting {
89
        margin-top: 0;
90
      }
91
 
92
      #greeting p {
93
        background-color: #000;
94
        color: #fff;
95
        font-size: 136%;
96
      }
97
 
98
      #languages .key {
38 PointedEar 99
        min-width: 0.65em;
37 PointedEar 100
      }
105 PointedEar 101
      -->
37 PointedEar 102
    </style>
105 PointedEar 103
<?php /*
127 PointedEar 104
    <script type="text/javascript" src="scripts/builder?src=object,dom,dom/css,dom/css/color,dom/ani,dom/window"></script>
105 PointedEar 105
*/ ?>
2 PointedEar 106
    <script type="text/javascript">
105 PointedEar 107
<?php /*
2 PointedEar 108
      /* Hardcore Frame Buster
109
      if (parent.frames.length > 0 )
110
        parent.location.href = window.location.href;
105 PointedEar 111
*/ ?>
112
<?php /*
37 PointedEar 113
      function animate ()
114
      {
105 PointedEar 115
*/ ?>
116
<?php /*
37 PointedEar 117
        var s = document.createElement("style");
118
        s.type = "text/css";
119
        s.appendChild(document.createTextNode(
120
            "@-webkit-keyframes fade-out {"
121
          + "  from {"
122
          + "    overflow: hidden;"
123
          + "    border-top-left-radius: 0;"
124
          + "    border-bottom-left-radius: 0;"
125
          + "  }"
126
          + "  to {"
127
          + "    overflow: hidden;"
128
          + "    left: 100%;"
129
          + "    border-top-left-radius: 0;"
130
          + "    border-bottom-left-radius: 0;"
131
          + "  }"
132
          + "}"
133
          + "#bow-top, #footer {"
134
          + "  -webkit-animation-name: fade-out;"
135
          + "  -webkit-animation-duration: 1s;"
136
          + "  -webkit-animation-fill-mode: forwards;"
137
          + "}"
138
          + "#bow-top .text {"
139
          + "  visibility: hidden;"
140
          + "}"
141
          + ".empty .separator-left {"
142
          + "  visibility: hidden;"
143
          + "}"
144
        ));
145
        document.head.appendChild(s);
105 PointedEar 146
*/ ?>
147
<?php /*
98 PointedEar 148
        jsx._import(jsx.dom.animation);
37 PointedEar 149
        var keyFrames = [
150
          {
151
            values: {
152
              style: {
153
                overflow: "hidden",
154
                "border-top-left-radius": 0,
155
                "border-bottom-left-radius": 0
156
              }
157
            }
158
          },
159
          {
160
            time: "1s",
161
            values: {
162
              style: {
163
                overflow: "hidden",
164
                left: "100%",
165
                "border-top-left-radius": 0,
166
                "border-bottom-left-radius": 0
167
              }
168
            }
169
          }
170
        ];
171
 
172
        var animation = new Animation({
173
          timelines: [
174
            new Timeline({
175
              target: document.getElementById("bow-top"),
176
              keyFrames: keyFrames
177
            }),
178
            new Timeline({
179
              target: document.getElementById("footer"),
180
              keyFrames: keyFrames
181
            })
182
          ]
183
        });
184
        animation.play();
185
      }
105 PointedEar 186
*/ ?>
187
 
37 PointedEar 188
      function navigateTo (link)
189
      {
105 PointedEar 190
<?php /*
191
        animate();
192
        window.setTimeout(function () {
193
          window.alert(link);
194
        }, 1000);
195
        return false;
196
*/ ?>
37 PointedEar 197
        return true;
198
      }
2 PointedEar 199
    </script>
200
  </head>
85 PointedEar 201
  <body class="fade-in empty" onload="if (typeof this.ontouchstart != 'undefined') this.ontouchstart = function () {}">
37 PointedEar 202
    <div id="LCARS">
203
      <div id="bow">
204
        <div id="bow-top">
205
          <div class="separator-left">&nbsp;</div>
38 PointedEar 206
          <h1 class="text"><span>PointedEars’ Website</span></h1>
37 PointedEar 207
        </div>
208
        <div id="bow-left">&nbsp;</div>
209
        <div id="bow-left-concave">&nbsp;</div>
210
      </div>
211
      <div id="footer-container">
212
        <div id="footer">
38 PointedEar 213
          <h2 class="text"><span>Language Selection</span></h2>
37 PointedEar 214
          <div class="separator-right">&nbsp;</div>
215
        </div>
216
      </div>
217
    </div>
218
    <div id="content">
219
      <div style="text-align: center"><img
220
        src="media/video/img/vulcan_hand-black-bg.png"
221
        width="120"
222
        height="168"
38 PointedEar 223
        alt="Vulcan greeting"
224
        title="Vulcan greeting"
37 PointedEar 225
        border="0"
226
        onmouseover="return setStatus(this.title)"
227
        onmouseout="return resetStatus()"></div>
228
 
229
      <ul id="greeting">
230
        <li style="white-space: nowrap"><p style="text-align: center" lang="x-vulcan-latin">Dif-tor heh smusma</p></li>
231
        <li style="white-space: nowrap"><p style="text-align: center" lang="en">Live long and prosper</p></li>
232
        <li style="white-space: nowrap"><p style="text-align: center" lang="de">Leben Sie lang und erfolgreich</p></li>
233
      </ul>
234
 
235
      <ul style="text-align: center">
236
        <li class="instruction" lang="en">Please select your language</li>
237
        <li class="instruction" lang="de">Bitte w&auml;hlen Sie Ihre Sprache</li>
238
      </ul>
239
 
240
      <div class="group">
241
        <div class="separator">&nbsp;</div>
38 PointedEar 242
        <ul id="languages">
243
          <li><a href="index.en" class="button right" lang="en"
37 PointedEar 244
                 hreflang="en" accesskey="e"
38 PointedEar 245
                 ><span class="key">en</span> <span class="text">English</span></a></li>
246
          <li><a href="index.de" class="button right" lang="de"
37 PointedEar 247
                 hreflang="de" accesskey="d"
248
                 onclick="return navigateTo(this)"
38 PointedEar 249
                 ><span class="key">de</span> <span class="text">Deutsch</span></a></li>
37 PointedEar 250
        </ul>
251
        <div style="clear: both"><!--  --></div>
252
      </div>
253
 
105 PointedEar 254
<?php
255
  $app = 'Language';
256
  require_once 'footer.phtml';
257
?>
37 PointedEar 258
    </div>
2 PointedEar 259
  </body>
105 PointedEar 260
</html>