Subversion Repositories LCARS

Rev

Rev 98 | Rev 104 | 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__),
8
));
9
 
10
header('Last-Modified: ' . gmdate('D, d M Y H:i:s', $modi) . ' GMT');
11
 
12
/* Cached resource expires in HTTP/1.1 caches 24h after last retrieval */
13
header('Cache-Control: max-age=0, s-maxage=0, must-revalidate, proxy-revalidate');
14
 
15
/* Cached resource expires in HTTP/1.0 caches 24h after last retrieval */
16
header('Expires: ' . gmdate('D, d M Y H:i:s', time() /*+ 86400*/) . ' GMT');
17
 
18
?><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
37 PointedEar 19
  "http://www.w3.org/TR/html4/loose.dtd">
2 PointedEar 20
<html lang="en">
21
  <head>
56 PointedEar 22
    <title>PointedEars’ Website</title>
2 PointedEar 23
    <link rel="SHORTCUT ICON" href="favicon.ico">
24
    <!-- Browsers: Character Set, Script Type, Style Sheets Type,
25
         Proxy Usage -->
37 PointedEar 26
    <meta http-equiv="content-type"content="text/html; charset=UTF-8">
2 PointedEar 27
    <meta http-equiv="Content-Script-Type" content="text/javascript">
28
    <meta http-equiv="Content-Style-Type" content="text/css">
29
    <meta http-equiv="expires" content="0">
30
    <!-- Robots: Language, Index, Subordinated Files, Description, Author,
31
         Keywords, Document Date -->
32
    <meta name="robots" content="index">
33
    <meta name="robots" content="nofollow">
34
    <meta name="description"
56 PointedEar 35
          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 36
    <meta name="author" content="PointedEars, PointedEars Software (PES)">
37
    <!-- No localization of keywords due to following language selection -->
38
    <meta name="keywords"
39
          http-equiv="Keywords"
40
          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">
41
    <!--meta name="keywords" http-equiv="Keywords" lang="de" content=""-->
42
    <!--meta name="keywords" http-equiv="Keywords" lang="en-us" content=""-->
43
    <!--meta name="keywords" http-equiv="Keywords" lang="en" content=""-->
44
    <meta name="revisit-after" content="3 days">
45
    <meta name="date" content="2002-05-23T10:56:00+02:00">
46
    <!-- Robots: Dublin Core Metadata
47
         (http://purl.org/metadata/dublin_core) -->
56 PointedEar 48
    <meta name="DC.Title" content="PointedEars’ Website">
2 PointedEar 49
    <meta name="DC.Creator" content="PointedEars, PointedEars Software (PES)">
50
    <meta name="DC.Subject" content="Private Homepage">
51
    <meta name="DC.Description"
52
          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!">
53
    <meta name="DC.Publisher" content="PointedEars">
54
    <meta name="DCTERMS.created" content="2002-05-23">
55
    <meta name="DCTERMS.modified" content="2008-12-08T20:57+0100">
56
    <!--meta name="DC.Type" content=""-->
57
    <!--meta name="DC.Format" content=""-->
58
    <meta name="DC.Identifier" content="http://pointedears.de/">
59
    <meta name="DC.Language" content="mx">
60
    <meta name="DC.Rights"
70 PointedEar 61
          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 62
    <!-- <link rel="stylesheet" type="text/css" href="styles/lcars21.css"> -->
60 PointedEar 63
    <link rel="stylesheet" type="text/css" href="styles/lcars-basic.css">
37 PointedEar 64
    <link rel="stylesheet" type="text/css" href="styles/lcars22.css">
65
    <style type="text/css">
66
      a {
67
        text-decoration: none;
68
      }
69
 
70
      ul {
71
        list-style: none;
72
        padding-left: 0;
73
      }
74
 
75
      #greeting {
76
        margin-top: 0;
77
      }
78
 
79
      #greeting p {
80
        background-color: #000;
81
        color: #fff;
82
        font-size: 136%;
83
      }
84
 
85
      #languages .key {
38 PointedEar 86
        min-width: 0.65em;
37 PointedEar 87
      }
88
    </style>
89
    <script type="text/javascript" src="scripts/object.js"></script>
90
    <script type="text/javascript" src="scripts/dom.js"></script>
91
    <script type="text/javascript" src="scripts/dom/css.js"></script>
92
    <script type="text/javascript" src="scripts/dom/css/color.js"></script>
93
    <script type="text/javascript" src="scripts/dom/ani.js"></script>
94
 
2 PointedEar 95
    <script type="text/javascript">
96
      function setStatus(Text) {
97
        if (isNaN(Text))
98
          Text = String(Text);
99
        window.status = Text;
100
        return true;
101
      }
102
 
103
      function resetStatus() {
104
        window.status = window.defaultStatus;
105
        return true;
106
      }
107
 
108
      function mailStatus() {
109
        return setStatus("Send your feedback to PointedEars");
110
      }
111
 
112
      /* Hardcore Frame Buster
113
      if (parent.frames.length > 0 )
114
        parent.location.href = window.location.href;
115
      */
37 PointedEar 116
 
117
      function animate ()
118
      {
119
        /*
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);
149
        */
150
 
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
      }
189
 
190
      function navigateTo (link)
191
      {
192
        //animate();
193
        //window.setTimeout(function () {
194
        //  window.alert(link);
195
        //}, 1000);
196
        //return false;
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
 
254
      <hr size=1 width="100%" noshade>
98 PointedEar 255
      <p style="text-align: center"><?php echo sprintf(
99 PointedEar 256
          "Original LCARS design by"
257
          . " <a href='%s' title='%s'>Michael&nbsp;Okuda</a>."
258
          . " This site is based on an <a href='%s'"
259
          . " title='LCARS Standards Development Board'"
260
          . ">implementation in Flash by Chris&nbsp;Rossi</a>,"
261
          . " and research by <a href='%s'"
262
          . " title='Creating a Coherent LCARS Interface'>Bracer&nbsp;Jack</a>"
263
          . " and <a href='%s'"
264
          . " title='LCARS 47 Development Blog&nbsp;– LCARS&nbsp;101: A Designer’s Handbook'"
265
          . ">Eleanor&nbsp;Denver</a>.",
98 PointedEar 266
          'https://twitter.com/MikeOkuda',
99 PointedEar 267
          'Michael Okuda on Twitter',
98 PointedEar 268
          'http://www.lcarsdeveloper.com/',
269
          'http://www.bracercom.com/tutorial/content/CoherentLCARSInterface/LCARSCoherentInterface.html',
270
          'http://www.lcars47.com/p/lcars-101.html');
271
        ?><br>
272
        Copyright &copy;&nbsp;2002&#8211;2013 <a
37 PointedEar 273
            href="mailto:webmaster@PointedEars.de?subject=Feedback/LCARS/Welcome&amp;body=[Your%20feedback%20|%20Ihr%20Feedback]"
274
            title="Send your feedback to PointedEars"
275
            onmouseover="return mailStatus()"
276
            onmouseout="return resetStatus()"
98 PointedEar 277
            >Thomas ‘PointedEars’ Lahn.</a> All rights reserved.</p>
37 PointedEar 278
    </div>
2 PointedEar 279
  </body>
280
</html>