Subversion Repositories LCARS

Rev

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