Subversion Repositories LCARS

Rev

Rev 37 | Rev 56 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
37 PointedEar 1 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
2 
  "http://www.w3.org/TR/html4/loose.dtd">
2 PointedEar 3 
<html lang="en">
4 
  <head>
5 
    <title>PointedEars' Website</title>
6 
    <link rel="SHORTCUT ICON" href="favicon.ico">
7 
    <!-- Browsers: Character Set, Script Type, Style Sheets Type,
8 
         Proxy Usage -->
37 PointedEar 9 
    <meta http-equiv="content-type"content="text/html; charset=UTF-8">
2 PointedEar 10 
    <meta http-equiv="Content-Script-Type" content="text/javascript">
11 
    <meta http-equiv="Content-Style-Type" content="text/css">
12 
    <meta http-equiv="expires" content="0">
13 
    <!-- Robots: Language, Index, Subordinated Files, Description, Author,
14 
         Keywords, Document Date -->
15 
    <meta name="robots" content="index">
16 
    <meta name="robots" content="nofollow">
17 
    <meta name="description"
18 
          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!">
19 
    <meta name="author" content="PointedEars, PointedEars Software (PES)">
20 
    <!-- No localization of keywords due to following language selection -->
21 
    <meta name="keywords"
22 
          http-equiv="Keywords"
23 
          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">
24 
    <!--meta name="keywords" http-equiv="Keywords" lang="de" content=""-->
25 
    <!--meta name="keywords" http-equiv="Keywords" lang="en-us" content=""-->
26 
    <!--meta name="keywords" http-equiv="Keywords" lang="en" content=""-->
27 
    <meta name="revisit-after" content="3 days">
28 
    <meta name="date" content="2002-05-23T10:56:00+02:00">
29 
    <!-- Robots: Dublin Core Metadata
30 
         (http://purl.org/metadata/dublin_core) -->
31 
    <meta name="DC.Title" content="PointedEars' Website">
32 
    <meta name="DC.Creator" content="PointedEars, PointedEars Software (PES)">
33 
    <meta name="DC.Subject" content="Private Homepage">
34 
    <meta name="DC.Description"
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!">
36 
    <meta name="DC.Publisher" content="PointedEars">
37 
    <meta name="DCTERMS.created" content="2002-05-23">
38 
    <meta name="DCTERMS.modified" content="2008-12-08T20:57+0100">
39 
    <!--meta name="DC.Type" content=""-->
40 
    <!--meta name="DC.Format" content=""-->
41 
    <meta name="DC.Identifier" content="http://pointedears.de/">
42 
    <meta name="DC.Language" content="mx">
43 
    <meta name="DC.Rights"
37 PointedEar 44 
          content="Copyright (c) 2002&#8211;2012 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 pleased 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.">
45 
    <!-- <link rel="stylesheet" type="text/css" href="styles/lcars21.css"> -->
46 
    <link rel="stylesheet" type="text/css" href="styles/lcars22.css">
47 
    <style type="text/css">
48 
      a {
49 
        text-decoration: none;
50 
      }
51 
 
52 
      ul {
53 
        list-style: none;
54 
        padding-left: 0;
55 
      }
56 
 
57 
      #greeting {
58 
        margin-top: 0;
59 
      }
60 
 
61 
      #greeting p {
62 
        background-color: #000;
63 
        color: #fff;
64 
        font-size: 136%;
65 
      }
66 
 
67 
      #languages .key {
38 PointedEar 68 
        min-width: 0.65em;
37 PointedEar 69 
      }
70 
    </style>
71 
    <script type="text/javascript" src="scripts/object.js"></script>
72 
    <script type="text/javascript" src="scripts/dom.js"></script>
73 
    <script type="text/javascript" src="scripts/dom/css.js"></script>
74 
    <script type="text/javascript" src="scripts/dom/css/color.js"></script>
75 
    <script type="text/javascript" src="scripts/dom/ani.js"></script>
76 
 
2 PointedEar 77 
    <script type="text/javascript">
78 
      function setStatus(Text) {
79 
        if (isNaN(Text))
80 
          Text = String(Text);
81 
        window.status = Text;
82 
        return true;
83 
      }
84 
 
85 
      function resetStatus() {
86 
        window.status = window.defaultStatus;
87 
        return true;
88 
      }
89 
 
90 
      function mailStatus() {
91 
        return setStatus("Send your feedback to PointedEars");
92 
      }
93 
 
94 
      /* Hardcore Frame Buster
95 
      if (parent.frames.length > 0 )
96 
        parent.location.href = window.location.href;
97 
      */
37 PointedEar 98 
 
99 
      function animate ()
100 
      {
101 
        /*
102 
        var s = document.createElement("style");
103 
        s.type = "text/css";
104 
        s.appendChild(document.createTextNode(
105 
            "@-webkit-keyframes fade-out {"
106 
          + "  from {"
107 
          + "    overflow: hidden;"
108 
          + "    border-top-left-radius: 0;"
109 
          + "    border-bottom-left-radius: 0;"
110 
          + "  }"
111 
          + "  to {"
112 
          + "    overflow: hidden;"
113 
          + "    left: 100%;"
114 
          + "    border-top-left-radius: 0;"
115 
          + "    border-bottom-left-radius: 0;"
116 
          + "  }"
117 
          + "}"
118 
          + "#bow-top, #footer {"
119 
          + "  -webkit-animation-name: fade-out;"
120 
          + "  -webkit-animation-duration: 1s;"
121 
          + "  -webkit-animation-fill-mode: forwards;"
122 
          + "}"
123 
          + "#bow-top .text {"
124 
          + "  visibility: hidden;"
125 
          + "}"
126 
          + ".empty .separator-left {"
127 
          + "  visibility: hidden;"
128 
          + "}"
129 
        ));
130 
        document.head.appendChild(s);
131 
        */
132 
 
133 
        jsx._import(jsx.dom.animation);
134 
        var keyFrames = [
135 
          {
136 
            values: {
137 
              style: {
138 
                overflow: "hidden",
139 
                "border-top-left-radius": 0,
140 
                "border-bottom-left-radius": 0
141 
              }
142 
            }
143 
          },
144 
          {
145 
            time: "1s",
146 
            values: {
147 
              style: {
148 
                overflow: "hidden",
149 
                left: "100%",
150 
                "border-top-left-radius": 0,
151 
                "border-bottom-left-radius": 0
152 
              }
153 
            }
154 
          }
155 
        ];
156 
 
157 
        var animation = new Animation({
158 
          timelines: [
159 
            new Timeline({
160 
              target: document.getElementById("bow-top"),
161 
              keyFrames: keyFrames
162 
            }),
163 
            new Timeline({
164 
              target: document.getElementById("footer"),
165 
              keyFrames: keyFrames
166 
            })
167 
          ]
168 
        });
169 
        animation.play();
170 
      }
171 
 
172 
      function navigateTo (link)
173 
      {
174 
        //animate();
175 
        //window.setTimeout(function () {
176 
        //  window.alert(link);
177 
        //}, 1000);
178 
        //return false;
179 
        return true;
180 
      }
2 PointedEar 181 
    </script>
182 
  </head>
37 PointedEar 183 
  <body class="fade-in empty">
184 
    <div id="LCARS">
185 
      <div id="bow">
186 
        <div id="bow-top">
187 
          <div class="separator-left">&nbsp;</div>
38 PointedEar 188 
          <h1 class="text"><span>PointedEars’ Website</span></h1>
37 PointedEar 189 
        </div>
190 
        <div id="bow-left">&nbsp;</div>
191 
        <div id="bow-left-concave">&nbsp;</div>
192 
      </div>
193 
      <div id="footer-container">
194 
        <div id="footer">
38 PointedEar 195 
          <h2 class="text"><span>Language Selection</span></h2>
37 PointedEar 196 
          <div class="separator-right">&nbsp;</div>
197 
        </div>
198 
      </div>
199 
    </div>
200 
    <div id="content">
201 
      <div style="text-align: center"><img
202 
        src="media/video/img/vulcan_hand-black-bg.png"
203 
        width="120"
204 
        height="168"
38 PointedEar 205 
        alt="Vulcan greeting"
206 
        title="Vulcan greeting"
37 PointedEar 207 
        border="0"
208 
        onmouseover="return setStatus(this.title)"
209 
        onmouseout="return resetStatus()"></div>
210 
 
211 
      <ul id="greeting">
212 
        <li style="white-space: nowrap"><p style="text-align: center" lang="x-vulcan-latin">Dif-tor heh smusma</p></li>
213 
        <li style="white-space: nowrap"><p style="text-align: center" lang="en">Live long and prosper</p></li>
214 
        <li style="white-space: nowrap"><p style="text-align: center" lang="de">Leben Sie lang und erfolgreich</p></li>
215 
      </ul>
216 
 
217 
      <ul style="text-align: center">
218 
        <li class="instruction" lang="en">Please select your language</li>
219 
        <li class="instruction" lang="de">Bitte w&auml;hlen Sie Ihre Sprache</li>
220 
      </ul>
221 
 
222 
      <div class="group">
223 
        <div class="separator">&nbsp;</div>
38 PointedEar 224 
        <ul id="languages">
225 
          <li><a href="index.en" class="button right" lang="en"
37 PointedEar 226 
                 hreflang="en" accesskey="e"
38 PointedEar 227 
                 ><span class="key">en</span> <span class="text">English</span></a></li>
228 
          <li><a href="index.de" class="button right" lang="de"
37 PointedEar 229 
                 hreflang="de" accesskey="d"
230 
                 onclick="return navigateTo(this)"
38 PointedEar 231 
                 ><span class="key">de</span> <span class="text">Deutsch</span></a></li>
37 PointedEar 232 
        </ul>
233 
        <div style="clear: both"><!--  --></div>
234 
      </div>
235 
 
236 
      <hr size=1 width="100%" noshade>
237 
      <div style="text-align: center">Copyright &copy;&nbsp;2002&#8211;2012 <a
238 
            href="mailto:webmaster@PointedEars.de?subject=Feedback/LCARS/Welcome&amp;body=[Your%20feedback%20|%20Ihr%20Feedback]"
239 
            title="Send your feedback to PointedEars"
240 
            onmouseover="return mailStatus()"
241 
            onmouseout="return resetStatus()"
242 
            >Thomas ‘PointedEars’ Lahn.</a> All rights reserved.</div>
243 
    </div>
2 PointedEar 244 
  </body>
245 
</html>