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>