Subversion Repositories LCARS

Rev

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

Rev 39 Rev 43
1
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
1
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
2
<html lang="de">
2
<html lang="de">
3
  <head>
3
  <head>
4
    <title>PointedEars' Website</title>
4
    <title>PointedEars' Website</title>
5
5
6
    <link rel="SHORTCUT ICON" href="favicon.ico">
6
    <link rel="SHORTCUT ICON" href="favicon.ico">
7
7
8
    <!-- Browsers: Character Set, Script Type, Style Sheets Type,
8
    <!-- Browsers: Character Set, Script Type, Style Sheets Type,
9
         Proxy Usage -->
9
         Proxy Usage -->
10
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
10
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
11
    <meta http-equiv="content-language" content="de">
11
    <meta http-equiv="content-language" content="de">
12
    <meta http-equiv="Content-Script-Type" content="text/javascript">
12
    <meta http-equiv="Content-Script-Type" content="text/javascript">
13
    <meta http-equiv="Content-Style-Type" content="text/css">
13
    <meta http-equiv="Content-Style-Type" content="text/css">
14
    <meta http-equiv="expires" content="0">
14
    <meta http-equiv="expires" content="0">
15
15
16
    <!-- Robots: Language, Index, Subordinated Files, Description, Author,
16
    <!-- Robots: Language, Index, Subordinated Files, Description, Author,
17
         Keywords, Document Date -->
17
         Keywords, Document Date -->
18
    <meta name="robots" content="index">
18
    <meta name="robots" content="index">
19
    <meta name="robots" content="follow">
19
    <meta name="robots" content="follow">
20
    <meta name="description"
20
    <meta name="description"
21
          content="PointedEars' Website: Zugriff auf die Datenbanken der Vereinten F&ouml;deration der Planeten, ein Online-Songbook und Software-Downloads, die immer einen Klick wert sind. Bald gibt es hier auch die besten Internet-Links kategorisiert und vieles mehr &uuml;ber eine zweisprachige (englisch/deutsche) Benutzeroberfl&auml;che im Stil eines LCARS-Terminals, welche auch dazu verwendet werden kann, anonym im Web zu surfen! F&uuml;gen Sie die Seite JETZT zu ihren Bookmarks hinzu!">
21
          content="PointedEars' Website: Zugriff auf die Datenbanken der Vereinten F&ouml;deration der Planeten, ein Online-Songbook und Software-Downloads, die immer einen Klick wert sind. Bald gibt es hier auch die besten Internet-Links kategorisiert und vieles mehr &uuml;ber eine zweisprachige (englisch/deutsche) Benutzeroberfl&auml;che im Stil eines LCARS-Terminals, welche auch dazu verwendet werden kann, anonym im Web zu surfen! F&uuml;gen Sie die Seite JETZT zu ihren Bookmarks hinzu!">
22
    <meta name="author" content="PointedEars, PointedEars Software (PES)">
22
    <meta name="author" content="PointedEars, PointedEars Software (PES)">
23
23
24
    <!-- No localization of keywords at the time -->
24
    <!-- No localization of keywords at the time -->
25
    <meta name="keywords"
25
    <meta name="keywords"
26
          http-equiv="Keywords"
26
          http-equiv="Keywords"
27
          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">
27
          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">
28
    <!--meta name="keywords" http-equiv="Keywords" lang="de" content=""-->
28
    <!--meta name="keywords" http-equiv="Keywords" lang="de" content=""-->
29
    <!--meta name="keywords" http-equiv="Keywords" lang="en-us" content=""-->
29
    <!--meta name="keywords" http-equiv="Keywords" lang="en-us" content=""-->
30
    <!--meta name="keywords" http-equiv="Keywords" lang="en" content=""-->
30
    <!--meta name="keywords" http-equiv="Keywords" lang="en" content=""-->
31
31
32
    <meta name="date" content="2002-05-23T10:56:00+02:00">
32
    <meta name="date" content="2002-05-23T10:56:00+02:00">
33
    <meta name="revisit-after" content="3 days">
33
    <meta name="revisit-after" content="3 days">
34
34
35
    <!-- Robots: Dublin Core Metadata (http://purl.org/metadata/dublin_core) -->
35
    <!-- Robots: Dublin Core Metadata (http://purl.org/metadata/dublin_core) -->
36
    <meta name="DC.Title" content="PointedEars' Website">
36
    <meta name="DC.Title" content="PointedEars' Website">
37
    <meta name="DC.Creator" content="PointedEars, PointedEars Software (PES)">
37
    <meta name="DC.Creator" content="PointedEars, PointedEars Software (PES)">
38
    <meta name="DC.Subject" content="Private Homepage">
38
    <meta name="DC.Subject" content="Private Homepage">
39
    <meta name="DC.Description"
39
    <meta name="DC.Description"
40
          content="PointedEars' Website: Zugriff auf die Datenbanken der Vereinten F&ouml;deration der Planeten, ein Online-Songbook und Software-Downloads, die immer einen Klick wert sind. Bald gibt es hier auch die besten Internet-Links kategorisiert und vieles mehr &uuml;ber eine zweisprachige (englisch/deutsche) Benutzeroberfl&auml;che im Stil eines LCARS-Terminals, welche auch dazu verwendet werden kann, anonym im Web zu surfen! F&uuml;gen Sie die Seite JETZT zu ihren Bookmarks hinzu!">
40
          content="PointedEars' Website: Zugriff auf die Datenbanken der Vereinten F&ouml;deration der Planeten, ein Online-Songbook und Software-Downloads, die immer einen Klick wert sind. Bald gibt es hier auch die besten Internet-Links kategorisiert und vieles mehr &uuml;ber eine zweisprachige (englisch/deutsche) Benutzeroberfl&auml;che im Stil eines LCARS-Terminals, welche auch dazu verwendet werden kann, anonym im Web zu surfen! F&uuml;gen Sie die Seite JETZT zu ihren Bookmarks hinzu!">
41
    <meta name="DC.Publisher" content="PointedEars">
41
    <meta name="DC.Publisher" content="PointedEars">
42
    <meta name="DCTERMS.created" content="2002-05-23">
42
    <meta name="DCTERMS.created" content="2002-05-23">
43
    <meta name="DCTERMS.modified" content="2008-12-08T20:57+0100">
43
    <meta name="DCTERMS.modified" content="2008-12-08T20:57+0100">
44
    <!--meta name="DC.Type" content=""-->
44
    <!--meta name="DC.Type" content=""-->
45
    <!--meta name="DC.Format" content=""-->
45
    <!--meta name="DC.Format" content=""-->
46
    <meta name="DC.Identifier" content="http://pointedears.de/index-de.htm">
46
    <meta name="DC.Identifier" content="http://pointedears.de/index-de.htm">
47
    <meta name="DC.Language" content="de">
47
    <meta name="DC.Language" content="de">
48
    <meta name="DC.Rights"
48
    <meta name="DC.Rights"
49
          content="Copyright (c) 2002&#8211;2008 Thomas&nbsp;Lahn. Alle Rechte vorbehalten. Der Autor ist nicht verantwortlich f&uuml;r die Verf&uuml;gbarkeit und den Inhalt der Webseiten, auf die durch diese Site verwiesen wird, und nicht verantwortlich f&uuml;r die Verf&uuml;gbarkeit und den Inhalt der Webseiten, auf welche die referenzierten Seiten verweisen. Wo fremdes Material verwendet wurde, ist keine Verletzung des Copyrights oder Warenzeichens beabsichtigt. Dritte, die Copyrights oder Warenzeichen, welche hier verwendet wurden, f&uuml;r sich beanspruchen, werden gebeten, eine informelle E-Mail an webmaster@PointedEars.de zu senden, um das entsprechende Material umgehend von der Website entfernen oder dieses modifizieren zu lassen, und von rechtlichen Schritten abzusehen.">
49
          content="Copyright (c) 2002&#8211;2008 Thomas&nbsp;Lahn. Alle Rechte vorbehalten. Der Autor ist nicht verantwortlich f&uuml;r die Verf&uuml;gbarkeit und den Inhalt der Webseiten, auf die durch diese Site verwiesen wird, und nicht verantwortlich f&uuml;r die Verf&uuml;gbarkeit und den Inhalt der Webseiten, auf welche die referenzierten Seiten verweisen. Wo fremdes Material verwendet wurde, ist keine Verletzung des Copyrights oder Warenzeichens beabsichtigt. Dritte, die Copyrights oder Warenzeichen, welche hier verwendet wurden, f&uuml;r sich beanspruchen, werden gebeten, eine informelle E-Mail an webmaster@PointedEars.de zu senden, um das entsprechende Material umgehend von der Website entfernen oder dieses modifizieren zu lassen, und von rechtlichen Schritten abzusehen.">
50
    <!-- <link rel="stylesheet" type="text/css" href="styles/lcars.css"> -->
50
    <!-- <link rel="stylesheet" type="text/css" href="styles/lcars.css"> -->
51
    <!-- <link rel="stylesheet" type="text/css" href="styles/lcars21.css"> -->
51
    <!-- <link rel="stylesheet" type="text/css" href="styles/lcars21.css"> -->
52
    <link rel="stylesheet" type="text/css" href="styles/lcars22.css">
52
    <link rel="stylesheet" type="text/css" href="styles/lcars22.css">
53
    <style type="text/css">
53
    <style type="text/css">
54
      <!--
54
      <!--
55
      p {
55
      p {
56
        max-width: 100%;
56
        max-width: 100%;
57
      }
57
      }
58
      -->
58
      -->
59
    </style>
59
    </style>
60
60
61
    <script type="text/javascript">
61
    <script type="text/javascript">
62
      function setStatus(Text)
62
      function setStatus(Text)
63
      {
63
      {
64
        if (isNaN(Text)) Text = String(Text);
64
        if (isNaN(Text)) Text = String(Text);
65
        window.status = Text;
65
        window.status = Text;
66
66
67
        return true;
67
        return true;
68
      }
68
      }
69
69
70
      function resetStatus()
70
      function resetStatus()
71
      {
71
      {
72
        window.status = window.defaultStatus;
72
        window.status = window.defaultStatus;
73
73
74
        return true;
74
        return true;
75
      }
75
      }
76
76
77
      function mailStatus()
77
      function mailStatus()
78
      {
78
      {
79
        return setStatus("Senden Sie eine Feedback E-Mail an PointedEars");
79
        return setStatus("Senden Sie eine Feedback E-Mail an PointedEars");
80
      }
80
      }
81
81
82
      /*
82
      /*
83
      var ms1Day = 60*60*24*1000; // ms for 1 days = 60sec*60min*24hours*1000ms
83
      var ms1Day = 60*60*24*1000; // ms for 1 days = 60sec*60min*24hours*1000ms
84
      var msLeaveDays = ms1Day*6;
84
      var msLeaveDays = ms1Day*6;
85
      var ms30Days=ms1Day*30;
85
      var ms30Days=ms1Day*30;
86
      var delta;
86
      var delta;
87
      var newTime=new Date();
87
      var newTime=new Date();
88
      var msTime=newTime.getTime();
88
      var msTime=newTime.getTime();
89
      var msExpire=msTime+ms30Days;
89
      var msExpire=msTime+ms30Days;
90
      var expireTime=new Date(msExpire);
90
      var expireTime=new Date(msExpire);
91
91
92
      cookieVal=
92
      cookieVal=
93
          "savedTime=" + newTime.toGMTString()
93
          "savedTime=" + newTime.toGMTString()
94
        + "; expires=" + expireTime.toGMTString()
94
        + "; expires=" + expireTime.toGMTString()
95
        + "; domain=anybody"
95
        + "; domain=anybody"
96
        + "; path=/";
96
        + "; path=/";
97
      document.cookie= cookieVal;
97
      document.cookie= cookieVal;
98
      */
98
      */
99
    </script>
99
    </script>
100
    <!-- bgsound src="media/interface/sound/beginop.wav" loop="infinite" -->
100
    <!-- bgsound src="media/interface/sound/beginop.wav" loop="infinite" -->
101
  </head>
101
  </head>
102
  <body class="fade-in">
102
  <body class="fade-in">
103
    <div id="content">
103
    <div id="content">
104
      <!--a href="main.htm"-->
104
      <!--a href="main.htm"-->
105
      <h1 align="center"><img
105
      <h1 align="center"><img
106
            src="media/video/img/vulcan_hand-black-bg.png"
106
            src="media/video/img/vulcan_hand-black-bg.png"
107
            width="120"
107
            width="120"
108
            height="168"
108
            height="168"
109
            alt="Vulcan greeting"
109
            alt="Vulcan greeting"
110
            title=""
110
            title=""
111
            border="0"
111
            border="0"
112
            onmouseover="return setStatus(this.title)"
112
            onmouseover="return setStatus(this.title)"
113
            onmouseout="return resetStatus()"><br>
113
            onmouseout="return resetStatus()"><br>
114
        Willkommen auf PointedEars’ Website</h1>
114
        Willkommen auf PointedEars’ Website</h1>
115
 
115
 
116
      <p>
-
 
117
  <!--
116
  <!--
-
 
117
      <p>
118
        | <a href="leisure/" target="_top"
118
        | <a href="leisure/" target="_top"
119
            >Freizeit-Datenbank</a>
119
            >Freizeit-Datenbank</a>
120
        | <a href="mozilla/" target="_top">Mozilla</a>
120
        | <a href="mozilla/" target="_top">Mozilla</a>
121
        | <a href="poetry/" target="_top">Poesie</a>
121
        | <a href="poetry/" target="_top">Poesie</a>
122
  -->
122
  -->
123
       
123
       
-
 
124
  <!--
124
        | [<abbr title="nur in englischer Sprache verf&uuml;gbar"
125
        | [<abbr title="nur in englischer Sprache verf&uuml;gbar"
125
                 >en</abbr>]
126
                 >en</abbr>]
126
  <!--
-
 
127
        | <a href="selfhtml.de/" target="_top">SELFHTML.DE</a>
127
        | <a href="selfhtml.de/" target="_top">SELFHTML.DE</a>
128
  -->
128
  -->
129
  <!--
129
  <!--
130
        | <a href="lyrics/" target="_top">Songbook</a>
130
        | <a href="lyrics/" target="_top">Songbook</a>
131
  -->
-
 
132
        | </p>
131
        | </p>
-
 
132
  -->
133
              <!--
133
              <!--
134
      <p><a href="about/worm.de.html" target="_top"
134
      <p><a href="about/worm.de.html" target="_top"
135
            >Seltsame E-Mails bekommen?</a></p>
135
            >Seltsame E-Mails bekommen?</a></p>
136
               -->
136
               -->
137
137
138
      <noscript>
138
      <noscript>
139
        <a
139
        <a
140
          href="http://pointedears.de/"
140
          href="http://pointedears.de/"
141
          title="PointedEars' Website"
141
          title="PointedEars' Website"
142
          >Diese Website zu Ihren Lesezeichen hinzuf&uuml;gen</a>
142
          >Diese Website zu Ihren Lesezeichen hinzuf&uuml;gen</a>
143
      </noscript>
143
      </noscript>
144
      <!-- Klicken Sie hier, falls Sie nach 5 Sekunden nicht automatisch
144
      <!-- Klicken Sie hier, falls Sie nach 5 Sekunden nicht automatisch
145
           weitergeleitet werden. -->
145
           weitergeleitet werden. -->
146
      <hr size="1" width="100%" noshade>
146
      <hr size="1" width="100%" noshade>
147
      <p>Copyright &copy;&nbsp;2002&#8211;2012 <a
147
      <p>Copyright &copy;&nbsp;2002&#8211;2012 <a
148
        href="mailto:webmaster@PointedEars.de?subject=Feedback/LCARS/Welcome/de&amp;body=[Ihr%20Feedback]"
148
        href="mailto:webmaster@PointedEars.de?subject=Feedback/LCARS/Welcome/de&amp;body=[Ihr%20Feedback]"
149
        title="Senden Sie eine Feedback E-Mail an PointedEars"
149
        title="Senden Sie eine Feedback E-Mail an PointedEars"
150
        onmouseover="return(mailStatus());"
150
        onmouseover="return(mailStatus());"
151
        onmouseout="return(resetStatus());"
151
        onmouseout="return(resetStatus());"
152
        >Thomas ‘PointedEars’ Lahn</a>. Alle Rechte vorbehalten.</p>
152
        >Thomas ‘PointedEars’ Lahn</a>. Alle Rechte vorbehalten.</p>
153
      <!-- embed src="media/interface/speech/de/warten.wav" width="0" height="0"
153
      <!-- embed src="media/interface/speech/de/warten.wav" width="0" height="0"
154
      hidden="true" autostart="true" dir="ltr" lang="de" -->
154
      hidden="true" autostart="true" dir="ltr" lang="de" -->
155
    </div>
155
    </div>
156
    <div id="LCARS">
156
    <div id="LCARS">
157
      <div id="button-grid" style="position: absolute; opacity: 0.3">
157
      <div id="button-grid" style="position: absolute; opacity: 0.3">
158
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
158
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
159
159
160
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
160
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
161
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
161
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
162
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
162
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
163
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
163
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
164
164
165
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
165
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
166
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
166
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
167
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
167
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
168
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
168
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
169
169
170
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
170
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
171
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
171
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
172
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
172
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
173
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
173
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
174
174
175
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
175
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
176
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
176
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
177
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
177
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
178
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
178
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
179
179
180
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
180
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
181
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
181
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
182
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
182
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
183
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
183
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
184
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
184
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
185
185
186
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
186
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
187
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
187
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
188
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
188
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
189
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
189
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
190
190
191
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
191
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
192
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
192
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
193
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
193
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
194
194
195
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
195
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
196
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
196
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
197
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
197
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
198
198
199
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
199
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
200
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
200
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
201
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
201
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
202
202
203
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
203
        <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
204
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
204
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
205
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
205
        <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
206
      </div>
206
      </div>
207
      <div id="bow">
207
      <div id="bow">
208
        <div id="bow-top">
208
        <div id="bow-top">
209
          <div class="separator-left">&nbsp;</div>
209
          <div class="separator-left">&nbsp;</div>
210
          <h1 class="text"><span>PointedEars’ Website</span></h1>
210
          <h1 class="text"><span>PointedEars’ Website</span></h1>
211
        </div>
211
        </div>
212
        <div id="bow-top-left">
212
        <div id="bow-top-left">
213
          <div class="concave">&nbsp;</div>
213
          <div class="concave">&nbsp;</div>
214
        </div>
214
        </div>
215
        <div id="bottom">
215
        <div id="bottom">
216
          <div id="bow-bottom">
216
          <div id="bow-bottom">
217
            <div class="concave">&nbsp;</div>
217
            <div class="concave">&nbsp;</div>
218
            <div class="spacer">&nbsp;</div>
218
            <div class="spacer">&nbsp;</div>
219
        </div>
219
        </div>
220
        </div>
220
        </div>
-
 
221
       
-
 
222
        <div class="menu-container">
221
        <div class="menu">
223
          <div class="menu">
222
          <div style="position: relative; margin-bottom: 1.2em">
224
              <div style="position: relative; margin-bottom: 1.2em">
223
            <div style="width: 8em; height: 1em; background-color: #999">&nbsp;</div>
225
                <div style="width: 8em; height: 1em; background-color: #999">&nbsp;</div>
-
 
226
                <!--
224
            <div style="position: absolute; top: 0; left: 8.2em; width: 2em; height: 1em; background-color: #999">&nbsp;</div>
227
                <div style="position: absolute; top: 0; left: 8.2em; width: 2em; height: 1em; background-color: #999">&nbsp;</div>
225
            <div style="position: absolute; top: 0; left: 10.4em; width: 5em; height: 1em; background-color: #999">&nbsp;</div>
228
                <div style="position: absolute; top: 0; left: 10.4em; width: 5em; height: 1em; background-color: #999">&nbsp;</div>
-
 
229
                 -->
226
          </div>
230
              </div>
227
          <ul>
231
              <ul>
228
          <?php foreach ($languages as $key => $name): ?>
232
              <?php foreach ($languages as $key => $name): ?>
229
            <li><a href="index.<?php echo $key; ?>" class="button<?php if ($language === $key) { ?> selected<?php } ?>" tabindex="1"><span class="text"><?php echo $name; ?></span></a></li>
233
                <li><a href="index.<?php echo $key; ?>" class="button<?php if ($language === $key) { ?> selected<?php } ?>" tabindex="1"><span class="text"><?php echo $name; ?></span></a></li>
230
          <?php endforeach; ?>
234
              <?php endforeach; ?>
231
          </ul>
235
              </ul>
232
          <div style="margin-bottom: 0.4em; width: 8em; height: 0.4em; background-color: #999">&nbsp;</div>
236
              <div style="margin-bottom: 0.4em; width: 8em; height: 0.4em; background-color: #999">&nbsp;</div>
233
          <ul style="margin-bottom: 1.2em">
237
              <ul style="margin-bottom: 1.2em">
234
            <li><a href="<?php echo $menu['scripts']['path']; ?>" target="_top" class="button"><span class="text"><?php echo $menu['scripts']['text']; ?></span></a></li>
238
                <li><a href="<?php echo $menu['scripts']['path']; ?>" target="_top" class="button"><span class="text"><?php echo $menu['scripts']['text']; ?></span></a></li>
235
            <li><a href="<?php echo $menu['devel']['path']; ?>" target="_top" class="button"><span class="text"><?php echo $menu['devel']['text']; ?></span></a></li>
239
                <li><a href="<?php echo $menu['devel']['path']; ?>" target="_top" class="button"><span class="text"><?php echo $menu['devel']['text']; ?></span></a></li>
236
          </ul>
240
              </ul>
237
          <ul style="margin-bottom: 0.2em">
241
              <ul style="margin-bottom: 0.2em">
-
 
242
                <li><a href="<?php echo $menu['series']['path']; ?>" target="_top" class="button secondary"
-
 
243
                       title="List of recommended TV shows and episodes, with logos in CSS"
-
 
244
                       ><span class="text"><?php echo $menu['series']['text']; ?></span></a></li>
238
            <li><a href="<?php echo $menu['ufpdb']['path']; ?>" target="_top" class="button database"
245
                <li><a href="<?php echo $menu['ufpdb']['path']; ?>" target="_top" class="button database"
239
                   ><acronym
246
                       ><acronym
240
                title="United Federation of Planets DataBase -- Datenbanken der Vereinten F&ouml;deration der Planeten"
247
                    title="United Federation of Planets DataBase -- Datenbanken der Vereinten F&ouml;deration der Planeten"
241
                class="text"><?php echo $menu['ufpdb']['text']; ?></acronym></a></li>
248
                    class="text"><?php echo $menu['ufpdb']['text']; ?></acronym></a></li>
242
            <li><a href="psf/" target="_top"
249
                <li><a href="psf/" target="_top"
243
               class="button"
250
                   class="button ancillary"
244
               ><acronym title="PointedEars' Standard-Floskeln"
251
                   ><acronym title="PointedEars' Standard-Floskeln"
245
                         class="text">psf</acronym></a></li>
252
                             class="text">psf</acronym></a></li>
246
          </ul>
253
              </ul>
247
          <div style="position: relative; margin-bottom: 1.2em">
254
              <div style="position: relative; margin-bottom: 1.2em">
248
            <div style="width: 8em; height: 0.8em; background-color: #999">&nbsp;</div>
255
                <div style="width: 8em; height: 0.8em; background-color: #999">&nbsp;</div>
-
 
256
                <!--
249
            <div style="position: absolute; top: 0; left: 8.2em; width: 2em; height: 0.8em; background-color: #999">&nbsp;</div>
257
                <div style="position: absolute; top: 0; left: 8.2em; width: 2em; height: 0.8em; background-color: #999">&nbsp;</div>
250
            <div style="position: absolute; top: 0; left: 10.4em; width: 5em; height: 0.8em; background-color: #999">&nbsp;</div>
258
                <div style="position: absolute; top: 0; left: 10.4em; width: 5em; height: 0.8em; background-color: #999">&nbsp;</div>
-
 
259
                 -->
-
 
260
              </div>
-
 
261
              <ul>
-
 
262
                <li><a href="http://vspx27.stanford.edu/cgi-bin/main.py?qtype=userpage&amp;username=Thomas_Lahn"
-
 
263
                   target="_top" class="button secondary"
-
 
264
                   title="Verteiltes Rechnen, um die Faltung und Anordnung von Proteinen und damit verbundener Krankheiten zu verstehen"
-
 
265
                   ><span class="text">Folding at home</span></a></li>
-
 
266
                 <li><a href="http://setiathome.berkeley.edu/show_user.php?userid=378921"
-
 
267
                   target="_top" class="button secondary"
-
 
268
                   title="Die Suche nach ausserirdischer Intelligenz von zuhause aus"
-
 
269
                   ><span class="text">SETI at home</span></a></li>
-
 
270
              </ul>
-
 
271
              <!--
-
 
272
              <script type="text/javascript" src="scripts/builder?src=object"></script>
-
 
273
              <script type="text/javascript">
-
 
274
                var sURL = location.href;
-
 
275
                var sFavAnchorTitle =
-
 
276
                    "Klicken Sie hier, um PointedEars' Website Ihren Favoriten"
-
 
277
                  + " hinzuzufügen";
-
 
278
                var sOtherAnchorTitle =
-
 
279
                    "Klicken Sie hier mit der rechten Maustaste, um PointedEars' Website"
-
 
280
                  + " Ihren Lesezeichen hinzuzufügen";
-
 
281
                var sFavoriteTitle = "PointedEars' Website";
-
 
282
         
-
 
283
                if (jsx.object.isHostMethod(jsx.global.window, "external", "AddFavorite"))
-
 
284
                {
-
 
285
                  document.write(
-
 
286
                      '<div style="position: relative; margin-top: 1em; border-bottom: 0.2em solid transparent">'
-
 
287
                    + '  <div style="width: 8em; height: 1em; background-color: #999">&nbsp;<\/div>'
-
 
288
                    + '  <div style="position: absolute; top: 0; left: 8.2em; width: 2em; height: 1em; background-color: #999">&nbsp;<\/div>'
-
 
289
                    + '</div>'
-
 
290
                    + '<a href="javascript:window.external.AddFavorite('
-
 
291
                    + ' sURL, sFavoriteTitle);" title="' + sFavAnchorTitle + '"'
-
 
292
                    + ' class="button"'
-
 
293
                    + ' onclick="window.external.AddFavorite('
-
 
294
                    + ' sURL, sFavoriteTitle); return false"'
-
 
295
                    + ' onmouseover="return(setStatus(sFavAnchorTitle));"'
-
 
296
                    + ' onmouseout="return(resetStatus());"'
-
 
297
                    + '><span class="text">Favorit<\/span><\/a>');
-
 
298
                }
-
 
299
              </script>
-
 
300
              -->
-
 
301
            </div>
251
          </div>
302
          </div>
252
          <ul style="margin-bottom: 1.2em">
-
 
253
            <li><a href="http://vspx27.stanford.edu/cgi-bin/main.py?qtype=userpage&amp;username=Thomas_Lahn"
-
 
254
               target="_top" class="button"
-
 
255
               title="Verteiltes Rechnen, um die Faltung und Anordnung von Proteinen und damit verbundener Krankheiten zu verstehen"
-
 
256
               ><span class="text">Folding at home</span></a></li>
-
 
257
             <li><a href="http://setiathome.berkeley.edu/show_user.php?userid=378921"
-
 
258
               target="_top" class="button"
-
 
259
               title="Die Suche nach ausserirdischer Intelligenz von zuhause aus"
-
 
260
               ><span class="text">SETI at home</span></a></li>
-
 
261
          </ul>
-
 
262
          <!--
-
 
263
          <script type="text/javascript" src="scripts/builder?src=object&amp;gzip=0"></script>
-
 
264
          <script type="text/javascript">
-
 
265
            var sURL = location.href;
-
 
266
            var sFavAnchorTitle =
-
 
267
                "Klicken Sie hier, um PointedEars' Website Ihren Favoriten"
-
 
268
              + " hinzuzufügen";
-
 
269
            var sOtherAnchorTitle =
-
 
270
                "Klicken Sie hier mit der rechten Maustaste, um PointedEars' Website"
-
 
271
              + " Ihren Lesezeichen hinzuzufügen";
-
 
272
            var sFavoriteTitle = "PointedEars' Website";
-
 
273
     
-
 
274
            if (jsx.object.isHostMethod(jsx.global.window, "external", "AddFavorite"))
-
 
275
            {
-
 
276
              document.write(
-
 
277
                  '<div style="position: relative; border-bottom: 0.2em solid transparent">'
-
 
278
                + '  <div style="width: 8em; height: 1em; background-color: #999">&nbsp;<\/div>'
-
 
279
                + '  <div style="position: absolute; top: 0; left: 8.2em; width: 2em; height: 1em; background-color: #999">&nbsp;<\/div>'
-
 
280
                + '</div>'
-
 
281
                + '<a href="javascript:window.external.AddFavorite('
-
 
282
                + ' sURL, sFavoriteTitle);" title="' + sFavAnchorTitle + '"'
-
 
283
                + ' class="button"'
-
 
284
                + ' onclick="window.external.AddFavorite('
-
 
285
                + ' sURL, sFavoriteTitle); return false"'
-
 
286
                + ' onmouseover="return(setStatus(sFavAnchorTitle));"'
-
 
287
                + ' onmouseout="return(resetStatus());"'
-
 
288
                + '><span class="text">Favorit<\/span><\/a>');
-
 
289
            }
-
 
290
          </script>
-
 
291
           -->
-
 
292
        </div>
303
        </div>
293
        <div style="width: 8em; background-color: #999; position: fixed; z-index: 1701; bottom: 2.8em; left: 0.2em; top: 22.2em;"
-
 
294
             >&nbsp;</div>
-
 
295
      </div>
-
 
296
      <div class="multi-display">
304
        <div class="multi-display">
297
        <div class="upper">
305
        <div class="upper">
298
          <div class="button" style="height: 3.8em">&nbsp;</div>
306
          <div class="button" style="height: 3.8em">&nbsp;</div>
299
          <div class="elbo">
307
          <div class="elbo">
300
            <div class="concave">&nbsp;</div>
308
            <div class="concave">&nbsp;</div>
301
          </div>
309
          </div>
302
          <div class="border">&nbsp;</div>
310
          <div class="border">&nbsp;</div>
303
        </div>
311
        </div>
304
        <div class="lower">
312
        <div class="lower">
305
          <div class="elbo">
313
          <div class="elbo">
306
            <div class="concave">&nbsp;</div>
314
            <div class="concave">&nbsp;</div>
307
          </div>
315
          </div>
308
          <div class="bg">&nbsp;</div>
316
          <div class="bg">&nbsp;</div>
309
          <div class="border-container">
317
          <div class="border-container">
310
            <div class="border">&nbsp;</div>
318
            <div class="border">&nbsp;</div>
311
          </div>
319
          </div>
312
        </div>
320
        </div>
313
      </div>
321
      </div>
314
    </div>
322
    </div>
315
  </body>
323
  </body>
316
</html>
324
</html>
317
 
325