Subversion Repositories LCARS

Rev

Rev 37 | Rev 56 | Go to most recent revision | Only display areas with differences | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

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