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>