Subversion Repositories LCARS

Rev

Rev 70 | Rev 96 | 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>
56 PointedEar 5 
    <title>PointedEars’ Website</title>
2 PointedEar 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"
56 PointedEar 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!">
2 PointedEar 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) -->
56 PointedEar 31 
    <meta name="DC.Title" content="PointedEars’ Website">
2 PointedEar 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"
70 PointedEar 44 
          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 45 
    <!-- <link rel="stylesheet" type="text/css" href="styles/lcars21.css"> -->
60 PointedEar 46 
    <link rel="stylesheet" type="text/css" href="styles/lcars-basic.css">
37 PointedEar 47 
    <link rel="stylesheet" type="text/css" href="styles/lcars22.css">
48 
    <style type="text/css">
49 
      a {
50 
        text-decoration: none;
51 
      }
52 
 
53 
      ul {
54 
        list-style: none;
55 
        padding-left: 0;
56 
      }
57 
 
58 
      #greeting {
59 
        margin-top: 0;
60 
      }
61 
 
62 
      #greeting p {
63 
        background-color: #000;
64 
        color: #fff;
65 
        font-size: 136%;
66 
      }
67 
 
68 
      #languages .key {
38 PointedEar 69 
        min-width: 0.65em;
37 PointedEar 70 
      }
71 
    </style>
72 
    <script type="text/javascript" src="scripts/object.js"></script>
73 
    <script type="text/javascript" src="scripts/dom.js"></script>
74 
    <script type="text/javascript" src="scripts/dom/css.js"></script>
75 
    <script type="text/javascript" src="scripts/dom/css/color.js"></script>
76 
    <script type="text/javascript" src="scripts/dom/ani.js"></script>
77 
 
2 PointedEar 78 
    <script type="text/javascript">
79 
      function setStatus(Text) {
80 
        if (isNaN(Text))
81 
          Text = String(Text);
82 
        window.status = Text;
83 
        return true;
84 
      }
85 
 
86 
      function resetStatus() {
87 
        window.status = window.defaultStatus;
88 
        return true;
89 
      }
90 
 
91 
      function mailStatus() {
92 
        return setStatus("Send your feedback to PointedEars");
93 
      }
94 
 
95 
      /* Hardcore Frame Buster
96 
      if (parent.frames.length > 0 )
97 
        parent.location.href = window.location.href;
98 
      */
37 PointedEar 99 
 
100 
      function animate ()
101 
      {
102 
        /*
103 
        var s = document.createElement("style");
104 
        s.type = "text/css";
105 
        s.appendChild(document.createTextNode(
106 
            "@-webkit-keyframes fade-out {"
107 
          + "  from {"
108 
          + "    overflow: hidden;"
109 
          + "    border-top-left-radius: 0;"
110 
          + "    border-bottom-left-radius: 0;"
111 
          + "  }"
112 
          + "  to {"
113 
          + "    overflow: hidden;"
114 
          + "    left: 100%;"
115 
          + "    border-top-left-radius: 0;"
116 
          + "    border-bottom-left-radius: 0;"
117 
          + "  }"
118 
          + "}"
119 
          + "#bow-top, #footer {"
120 
          + "  -webkit-animation-name: fade-out;"
121 
          + "  -webkit-animation-duration: 1s;"
122 
          + "  -webkit-animation-fill-mode: forwards;"
123 
          + "}"
124 
          + "#bow-top .text {"
125 
          + "  visibility: hidden;"
126 
          + "}"
127 
          + ".empty .separator-left {"
128 
          + "  visibility: hidden;"
129 
          + "}"
130 
        ));
131 
        document.head.appendChild(s);
132 
        */
133 
 
134 
        jsx._import(jsx.dom.animation);
135 
        var keyFrames = [
136 
          {
137 
            values: {
138 
              style: {
139 
                overflow: "hidden",
140 
                "border-top-left-radius": 0,
141 
                "border-bottom-left-radius": 0
142 
              }
143 
            }
144 
          },
145 
          {
146 
            time: "1s",
147 
            values: {
148 
              style: {
149 
                overflow: "hidden",
150 
                left: "100%",
151 
                "border-top-left-radius": 0,
152 
                "border-bottom-left-radius": 0
153 
              }
154 
            }
155 
          }
156 
        ];
157 
 
158 
        var animation = new Animation({
159 
          timelines: [
160 
            new Timeline({
161 
              target: document.getElementById("bow-top"),
162 
              keyFrames: keyFrames
163 
            }),
164 
            new Timeline({
165 
              target: document.getElementById("footer"),
166 
              keyFrames: keyFrames
167 
            })
168 
          ]
169 
        });
170 
        animation.play();
171 
      }
172 
 
173 
      function navigateTo (link)
174 
      {
175 
        //animate();
176 
        //window.setTimeout(function () {
177 
        //  window.alert(link);
178 
        //}, 1000);
179 
        //return false;
180 
        return true;
181 
      }
2 PointedEar 182 
    </script>
183 
  </head>
85 PointedEar 184 
  <body class="fade-in empty" onload="if (typeof this.ontouchstart != 'undefined') this.ontouchstart = function () {}">
37 PointedEar 185 
    <div id="LCARS">
186 
      <div id="bow">
187 
        <div id="bow-top">
188 
          <div class="separator-left">&nbsp;</div>
38 PointedEar 189 
          <h1 class="text"><span>PointedEars’ Website</span></h1>
37 PointedEar 190 
        </div>
191 
        <div id="bow-left">&nbsp;</div>
192 
        <div id="bow-left-concave">&nbsp;</div>
193 
      </div>
194 
      <div id="footer-container">
195 
        <div id="footer">
38 PointedEar 196 
          <h2 class="text"><span>Language Selection</span></h2>
37 PointedEar 197 
          <div class="separator-right">&nbsp;</div>
198 
        </div>
199 
      </div>
200 
    </div>
201 
    <div id="content">
202 
      <div style="text-align: center"><img
203 
        src="media/video/img/vulcan_hand-black-bg.png"
204 
        width="120"
205 
        height="168"
38 PointedEar 206 
        alt="Vulcan greeting"
207 
        title="Vulcan greeting"
37 PointedEar 208 
        border="0"
209 
        onmouseover="return setStatus(this.title)"
210 
        onmouseout="return resetStatus()"></div>
211 
 
212 
      <ul id="greeting">
213 
        <li style="white-space: nowrap"><p style="text-align: center" lang="x-vulcan-latin">Dif-tor heh smusma</p></li>
214 
        <li style="white-space: nowrap"><p style="text-align: center" lang="en">Live long and prosper</p></li>
215 
        <li style="white-space: nowrap"><p style="text-align: center" lang="de">Leben Sie lang und erfolgreich</p></li>
216 
      </ul>
217 
 
218 
      <ul style="text-align: center">
219 
        <li class="instruction" lang="en">Please select your language</li>
220 
        <li class="instruction" lang="de">Bitte w&auml;hlen Sie Ihre Sprache</li>
221 
      </ul>
222 
 
223 
      <div class="group">
224 
        <div class="separator">&nbsp;</div>
38 PointedEar 225 
        <ul id="languages">
226 
          <li><a href="index.en" class="button right" lang="en"
37 PointedEar 227 
                 hreflang="en" accesskey="e"
38 PointedEar 228 
                 ><span class="key">en</span> <span class="text">English</span></a></li>
229 
          <li><a href="index.de" class="button right" lang="de"
37 PointedEar 230 
                 hreflang="de" accesskey="d"
231 
                 onclick="return navigateTo(this)"
38 PointedEar 232 
                 ><span class="key">de</span> <span class="text">Deutsch</span></a></li>
37 PointedEar 233 
        </ul>
234 
        <div style="clear: both"><!--  --></div>
235 
      </div>
236 
 
237 
      <hr size=1 width="100%" noshade>
56 PointedEar 238 
      <div style="text-align: center">Copyright &copy;&nbsp;2002&#8211;2013 <a
37 PointedEar 239 
            href="mailto:webmaster@PointedEars.de?subject=Feedback/LCARS/Welcome&amp;body=[Your%20feedback%20|%20Ihr%20Feedback]"
240 
            title="Send your feedback to PointedEars"
241 
            onmouseover="return mailStatus()"
242 
            onmouseout="return resetStatus()"
243 
            >Thomas ‘PointedEars’ Lahn.</a> All rights reserved.</div>
244 
    </div>
2 PointedEar 245 
  </body>
246 
</html>