Rev 84 | Rev 86 | Go to most recent revision | Only display areas with differences | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed
Rev 84 | Rev 85 | ||
---|---|---|---|
1 | <!DOCTYPE html> |
1 | <!DOCTYPE html> |
2 | <html lang="<?php echo $language; ?>"> |
2 | <html lang="<?php echo $language; ?>"> |
3 | <head> |
3 | <head> |
4 | <title>Home — PointedEars’ Website</title> |
4 | <title>Home — 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 Encoding --> |
8 | <!-- Browsers: Character Encoding --> |
9 | <meta charset="UTF-8"> |
9 | <meta charset="UTF-8"> |
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 | 11 | ||
12 | <!-- Robots: Index, Subordinated Files, Description, Author, |
12 | <!-- Robots: Index, Subordinated Files, Description, Author, |
13 | Keywords, Document Date --> |
13 | Keywords, Document Date --> |
14 | <meta name="robots" content="index"> |
14 | <meta name="robots" content="index"> |
15 | <meta name="robots" content="follow"> |
15 | <meta name="robots" content="follow"> |
16 | <meta name="description" |
16 | <meta name="description" |
17 | content="PointedEars' Website: <?php
|
17 | content="PointedEars' Website: <?php
|
18 | $description = _("Access to the United Federation of Planets Databanks, an online songbook and software downloads always worth a click. Coming soon: 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 | $description = _("Access to the United Federation of Planets Databanks, an online songbook and software downloads always worth a click. Coming soon: 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 | echo $description; |
19 | echo $description; |
20 | ?>">
|
20 | ?>">
|
21 | <meta name="author" content="Thomas ‘PointedEars’ Lahn"> |
21 | <meta name="author" content="Thomas ‘PointedEars’ Lahn"> |
22 | 22 | ||
23 | <?php /* No localization of keywords at the time */ ?> |
23 | <?php /* No localization of keywords at the time */ ?> |
24 | <meta name="keywords" |
24 | <meta name="keywords" |
25 | 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ächste Generation, VFP, Föderation, Vereinte Föderation der Planeten, Datenbasis, Datenbank, Lied, Liedtext, surfen, anonym"> |
25 | 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ächste Generation, VFP, Föderation, Vereinte Föderation der Planeten, Datenbasis, Datenbank, Lied, Liedtext, surfen, anonym"> |
26 | <?php /* |
26 | <?php /* |
27 | <meta name="keywords" http-equiv="Keywords" lang="de" content="">
|
27 | <meta name="keywords" http-equiv="Keywords" lang="de" content="">
|
28 | <meta name="keywords" http-equiv="Keywords" lang="en-us" content="">
|
28 | <meta name="keywords" http-equiv="Keywords" lang="en-us" content="">
|
29 | <meta name="keywords" http-equiv="Keywords" lang="en" content="">
|
29 | <meta name="keywords" http-equiv="Keywords" lang="en" content="">
|
30 | */ ?> |
30 | */ ?> |
31 | <meta name="revisit-after" content="3 days"> |
31 | <meta name="revisit-after" content="3 days"> |
32 | 32 | ||
33 | <!-- Robots: Dublin Core Metadata (http://purl.org/metadata/dublin_core) --> |
33 | <!-- Robots: Dublin Core Metadata (http://purl.org/metadata/dublin_core) --> |
34 | <meta name="dcterms.title" content="PointedEars’ Website"> |
34 | <meta name="dcterms.title" content="PointedEars’ Website"> |
35 | <meta name="dcterms.creator" content="Thomas ‘PointedEars’ Lahn"> |
35 | <meta name="dcterms.creator" content="Thomas ‘PointedEars’ Lahn"> |
36 | <meta name="dcterms.subject" content="Private Web site"> |
36 | <meta name="dcterms.subject" content="Private Web site"> |
37 | <meta name="dcterms.description" |
37 | <meta name="dcterms.description" |
38 | content="PointedEars' Website: <?php echo $description; ?>"> |
38 | content="PointedEars' Website: <?php echo $description; ?>"> |
39 | <meta name="dcterms.publisher" content="PointedEars"> |
39 | <meta name="dcterms.publisher" content="PointedEars"> |
40 | <meta name="dcterms.date" content="2002-05-23T10:56:00+02:00"> |
40 | <meta name="dcterms.date" content="2002-05-23T10:56:00+02:00"> |
41 | <meta name="dcterms.created" content="2002-05-23"> |
41 | <meta name="dcterms.created" content="2002-05-23"> |
42 | <meta name="dcterms.modified" content="<?php
|
42 | <meta name="dcterms.modified" content="<?php
|
43 | $modi = @filemtime(__FILE__); |
43 | $modi = @filemtime(__FILE__); |
44 | echo gmdate('Y-m-dTH:i:sO', $modi); ?>"> |
44 | echo gmdate('Y-m-dTH:i:sO', $modi); ?>"> |
45 | <?php /* |
45 | <?php /* |
46 | <meta name="dcterms.type" content="">
|
46 | <meta name="dcterms.type" content="">
|
47 | <meta name="dcterms.format" content="">
|
47 | <meta name="dcterms.format" content="">
|
48 | */ ?> |
48 | */ ?> |
49 | <meta name="dcterms.identifier" content="http://pointedears.de/index.<?php echo $language; ?>"> |
49 | <meta name="dcterms.identifier" content="http://pointedears.de/index.<?php echo $language; ?>"> |
50 | <meta name="dcterms.language" content="<?php echo $language; ?>"> |
50 | <meta name="dcterms.language" content="<?php echo $language; ?>"> |
51 | <meta name="dcterms.rightsHolder" |
51 | <meta name="dcterms.rightsHolder" |
52 | content="Copyright © 2002–<?php echo gmdate('Y', $modi); ?> Thomas Lahn."> |
52 | content="Copyright © 2002–<?php echo gmdate('Y', $modi); ?> Thomas Lahn."> |
53 | <meta name="dcterms.rights" |
53 | <meta name="dcterms.rights" |
54 | content="<?php echo _("All rights reserved."); ?> <?php echo _("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."); ?>"> |
54 | content="<?php echo _("All rights reserved."); ?> <?php echo _("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."); ?>"> |
55 | <?php /* |
55 | <?php /* |
56 | <!-- <link rel="stylesheet" type="text/css" href="styles/lcars.css"> -->
|
56 | <!-- <link rel="stylesheet" type="text/css" href="styles/lcars.css"> -->
|
57 | <!-- <link rel="stylesheet" type="text/css" href="styles/lcars21.css"> -->
|
57 | <!-- <link rel="stylesheet" type="text/css" href="styles/lcars21.css"> -->
|
58 | */ ?> |
58 | */ ?> |
59 | <link rel="stylesheet" type="text/css" href="styles/lcars-basic.css"> |
59 | <link rel="stylesheet" type="text/css" href="styles/lcars-basic.css"> |
60 | <?php
|
60 | <?php
|
61 | $printable = (isset($_GET['printable']) && $_GET['printable'] === '1'); |
61 | $printable = (isset($_GET['printable']) && $_GET['printable'] === '1'); |
62 | if (!$printable) |
62 | if (!$printable) |
63 | {
|
63 | {
|
64 | ?>
|
64 | ?>
|
65 | <link rel="stylesheet" type="text/css" href="styles/lcars22.css<?php
|
65 | <link rel="stylesheet" type="text/css" href="styles/lcars22.css<?php
|
66 | if (isset($_GET['ani']) && $_GET['ani'] !== '') |
66 | if (isset($_GET['ani']) && $_GET['ani'] !== '') |
67 | {
|
67 | {
|
68 | echo '?ani=' . $_GET['ani']; |
68 | echo '?ani=' . $_GET['ani']; |
69 | }
|
69 | }
|
70 | ?>">
|
70 | ?>">
|
71 | <?php
|
71 | <?php
|
72 | }
|
72 | }
|
73 | ?>
|
73 | ?>
|
74 | <style type="text/css"> |
74 | <style type="text/css"> |
75 | <!-- |
75 | <!-- |
76 | p { |
76 | p { |
77 | max-width: 100%; |
77 | max-width: 100%; |
78 | } |
78 | } |
79 | --> |
79 | --> |
80 | </style> |
80 | </style> |
81 | 81 | ||
82 | <script type="text/javascript"> |
82 | <script type="text/javascript"> |
83 | function setStatus (text) |
83 | function setStatus (text) |
84 | { |
84 | { |
85 | window.status = String(text); |
85 | window.status = String(text); |
86 | return true; |
86 | return true; |
87 | } |
87 | } |
88 | 88 | ||
89 | function resetStatus () |
89 | function resetStatus () |
90 | { |
90 | { |
91 | window.status = window.defaultStatus; |
91 | window.status = window.defaultStatus; |
92 | return true; |
92 | return true; |
93 | } |
93 | } |
94 | 94 | ||
95 | function mailStatus () |
95 | function mailStatus () |
96 | { |
96 | { |
97 | return setStatus("<?php echo _("Send your feedback to PointedEars"); ?>"); |
97 | return setStatus("<?php echo _("Send your feedback to PointedEars"); ?>"); |
98 | } |
98 | } |
99 | <?php
|
99 | <?php
|
100 | /*
|
100 | /*
|
101 | var ms1Day = 60*60*24*1000; // ms for 1 days = 60sec*60min*24hours*1000ms
|
101 | var ms1Day = 60*60*24*1000; // ms for 1 days = 60sec*60min*24hours*1000ms
|
102 | var msLeaveDays = ms1Day*6;
|
102 | var msLeaveDays = ms1Day*6;
|
103 | var ms30Days=ms1Day*30;
|
103 | var ms30Days=ms1Day*30;
|
104 | var delta;
|
104 | var delta;
|
105 | var newTime=new Date();
|
105 | var newTime=new Date();
|
106 | var msTime=newTime.getTime();
|
106 | var msTime=newTime.getTime();
|
107 | var msExpire=msTime+ms30Days;
|
107 | var msExpire=msTime+ms30Days;
|
108 | var expireTime=new Date(msExpire);
|
108 | var expireTime=new Date(msExpire);
|
109 | 109 | ||
110 | cookieVal=
|
110 | cookieVal=
|
111 | "savedTime=" + newTime.toGMTString()
|
111 | "savedTime=" + newTime.toGMTString()
|
112 | + "; expires=" + expireTime.toGMTString()
|
112 | + "; expires=" + expireTime.toGMTString()
|
113 | + "; domain=anybody"
|
113 | + "; domain=anybody"
|
114 | + "; path=/";
|
114 | + "; path=/";
|
115 | document.cookie= cookieVal;
|
115 | document.cookie= cookieVal;
|
116 | */
|
116 | */
|
117 | ?>
|
117 | ?>
|
118 | </script> |
118 | </script> |
119 | <?php /* <bgsound src="media/interface/sound/beginop.wav" loop="infinite"> */ ?> |
119 | <?php /* <bgsound src="media/interface/sound/beginop.wav" loop="infinite"> */ ?> |
120 | </head> |
120 | </head> |
121 | <body class="fade-in"> |
121 | <body class="fade-in" onload="if (typeof this.ontouchstart != 'undefined') this.ontouchstart = function () {}"> |
122 | <div id="content"> |
122 | <div id="content"> |
123 | <h1 style="text-align: center"><img |
123 | <h1 style="text-align: center"><img |
124 | src="media/video/img/vulcan_hand-black-bg.png" |
124 | src="media/video/img/vulcan_hand-black-bg.png" |
125 | width="120" |
125 | width="120" |
126 | height="168" |
126 | height="168" |
127 | alt="<?php echo _("Vulcan greeting"); ?>" |
127 | alt="<?php echo _("Vulcan greeting"); ?>" |
128 | title="" |
128 | title="" |
129 | style="border: none" |
129 | style="border: none; cursor: default" |
130 | onmouseover="return setStatus(this.title)" |
130 | onmouseover="return setStatus(this.title)" |
131 | onmouseout="return resetStatus()"><br> |
131 | onmouseout="return resetStatus()"><br> |
132 | <?php echo _("Welcome to PointedEars’ Website"); ?></h1> |
132 | <?php echo _("Welcome to PointedEars’ Website"); ?></h1> |
133 | <?php
|
133 | <?php
|
134 | if (!$printable) |
134 | if (!$printable) |
135 | {
|
135 | {
|
136 | ?>
|
136 | ?>
|
137 | <p class="instruction" style="font-size: 100%; text-align: center"><?php
|
137 | <p class="instruction" style="font-size: 100%; text-align: center"><?php
|
138 | echo sprintf( |
138 | echo sprintf( |
139 | _("This site uses recent <a href='https://developer.mozilla.org/en-US/docs/'" |
139 | _("This site uses recent <a href='https://developer.mozilla.org/en-US/docs/'" |
140 | . " title='Learn more: Mozilla Developer Network'>Web technologies</a>." |
140 | . " title='Learn more: Mozilla Developer Network'>Web technologies</a>." |
141 | . " You can use the <a href='index.%s?printable=1'>%s</a>" |
141 | . " You can use the <a href='index.%s?printable=1'>%s</a>" |
142 | . " if it is not displayed properly with your software."), |
142 | . " if it is not displayed properly with your software."), |
143 | $language, |
143 | $language, |
144 | _('Printable version')); |
144 | _('Printable version')); |
145 | ?></p>
|
145 | ?></p>
|
146 | <?php
|
146 | <?php
|
147 | }
|
147 | }
|
148 | 148 | ||
149 | /*
|
149 | /*
|
150 | <p>
|
150 | <p>
|
151 | | <a href="leisure/" target="_top"
|
151 | | <a href="leisure/" target="_top"
|
152 | >Freizeit-Datenbank</a>
|
152 | >Freizeit-Datenbank</a>
|
153 | | <a href="mozilla/" target="_top">Mozilla</a>
|
153 | | <a href="mozilla/" target="_top">Mozilla</a>
|
154 | | <a href="poetry/" target="_top">Poesie</a>
|
154 | | <a href="poetry/" target="_top">Poesie</a>
|
155 | */
|
155 | */
|
156 | 156 | ||
157 | /*
|
157 | /*
|
158 | | [<abbr title="nur in englischer Sprache verfügbar"
|
158 | | [<abbr title="nur in englischer Sprache verfügbar"
|
159 | >en</abbr>]
|
159 | >en</abbr>]
|
160 | | <a href="selfhtml.de/" target="_top">SELFHTML.DE</a>
|
160 | | <a href="selfhtml.de/" target="_top">SELFHTML.DE</a>
|
161 | */
|
161 | */
|
162 | /*
|
162 | /*
|
163 | | <a href="lyrics/" target="_top">Songbook</a>
|
163 | | <a href="lyrics/" target="_top">Songbook</a>
|
164 | | </p>
|
164 | | </p>
|
165 | */
|
165 | */
|
166 | /*
|
166 | /*
|
167 | <p><a href="about/worm.de.html" target="_top"
|
167 | <p><a href="about/worm.de.html" target="_top"
|
168 | >Seltsame E-Mails bekommen?</a></p>
|
168 | >Seltsame E-Mails bekommen?</a></p>
|
169 | */
|
169 | */
|
170 | /*
|
170 | /*
|
171 | <noscript>
|
171 | <noscript>
|
172 | <a
|
172 | <a
|
173 | href="http://pointedears.de/"
|
173 | href="http://pointedears.de/"
|
174 | title="PointedEars' Website"
|
174 | title="PointedEars' Website"
|
175 | >Diese Website zu Ihren Lesezeichen hinzufügen</a>
|
175 | >Diese Website zu Ihren Lesezeichen hinzufügen</a>
|
176 | </noscript>
|
176 | </noscript>
|
177 | 177 | ||
178 | <!-- Klicken Sie hier, falls Sie nach 5 Sekunden nicht automatisch
|
178 | <!-- Klicken Sie hier, falls Sie nach 5 Sekunden nicht automatisch
|
179 | weitergeleitet werden. -->
|
179 | weitergeleitet werden. -->
|
180 | */
|
180 | */
|
181 | ?>
|
181 | ?>
|
182 | <hr style="height: 0; border-width: 1px 0 0 0; width: 100%"> |
182 | <hr style="height: 0; border-width: 1px 0 0 0; width: 100%"> |
183 | <p style="text-align: center">Copyright © 2002–2013 <a |
183 | <p style="text-align: center">Copyright © 2002–2013 <a |
184 | href="mailto:webmaster@PointedEars.de?subject=Feedback/LCARS/Welcome/<?php
|
184 | href="mailto:webmaster@PointedEars.de?subject=Feedback/LCARS/Welcome/<?php
|
185 | echo $language; |
185 | echo $language; |
186 | ?>&body=<?php |
186 | ?>&body=<?php |
187 | echo rawurlencode(sprintf('[%s]', _("Your feedback"))); |
187 | echo rawurlencode(sprintf('[%s]', _("Your feedback"))); |
188 | ?>"
|
188 | ?>"
|
189 | title="<?php echo _("Send your feedback to PointedEars"); ?>" |
189 | title="<?php echo _("Send your feedback to PointedEars"); ?>" |
190 | onmouseover="return mailStatus()" |
190 | onmouseover="return mailStatus()" |
191 | onmouseout="return resetStatus()" |
191 | onmouseout="return resetStatus()" |
192 | >Thomas ‘PointedEars’ Lahn</a>. <?php echo _("All rights reserved."); ?></p> |
192 | >Thomas ‘PointedEars’ Lahn</a>. <?php echo _("All rights reserved."); ?></p> |
193 | <?php
|
193 | <?php
|
194 | /* embed src="media/interface/speech/de/warten.wav" width="0" height="0"
|
194 | /* embed src="media/interface/speech/de/warten.wav" width="0" height="0"
|
195 | hidden="true" autostart="true" dir="ltr" lang="de" */
|
195 | hidden="true" autostart="true" dir="ltr" lang="de" */
|
196 | ?>
|
196 | ?>
|
197 | </div> |
197 | </div> |
198 | <div id="LCARS"> |
198 | <div id="LCARS"> |
199 | <?php /* |
199 | <?php /* |
200 | <div id="button-grid" style="position: absolute; opacity: 0.3">
|
200 | <div id="button-grid" style="position: absolute; opacity: 0.3">
|
201 | <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
|
201 | <a class="button" style="display: block; clear: left; 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 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
206 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
207 | 207 | ||
208 | <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
|
208 | <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
|
209 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
209 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
210 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
210 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
211 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
211 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
212 | 212 | ||
213 | <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
|
213 | <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
|
214 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
214 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
215 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
215 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
216 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
216 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
217 | 217 | ||
218 | <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
|
218 | <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
|
219 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
219 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
220 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
220 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
221 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
221 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
222 | 222 | ||
223 | <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
|
223 | <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
|
224 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
224 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
225 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
225 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
226 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
226 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
227 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
227 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
228 | 228 | ||
229 | <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
|
229 | <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
|
230 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
230 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
231 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
231 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
232 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
232 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
233 | 233 | ||
234 | <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
|
234 | <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
|
235 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
235 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
236 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
236 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
237 | 237 | ||
238 | <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
|
238 | <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
|
239 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
239 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
240 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
240 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
241 | 241 | ||
242 | <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
|
242 | <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
|
243 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
243 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
244 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
244 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
245 | 245 | ||
246 | <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
|
246 | <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
|
247 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
247 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
248 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
248 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
249 | </div>
|
249 | </div>
|
250 | */ ?> |
250 | */ ?> |
251 | <div id="bow"> |
251 | <div id="bow"> |
252 | <div id="bow-top"> |
252 | <div id="bow-top"> |
253 | <div class="separator-left"> </div> |
253 | <div class="separator-left"> </div> |
254 | <h1 class="text"><span>PointedEars’ Website</span></h1> |
254 | <h1 class="text"><span>PointedEars’ Website</span></h1> |
255 | </div> |
255 | </div> |
256 | <div id="bow-top-left"> |
256 | <div id="bow-top-left"> |
257 | <div class="concave"> </div> |
257 | <div class="concave"> </div> |
258 | </div> |
258 | </div> |
259 | <div id="bottom"> |
259 | <div id="bottom"> |
260 | <div id="bow-bottom"> |
260 | <div id="bow-bottom"> |
261 | <div class="concave"> </div> |
261 | <div class="concave"> </div> |
262 | <div class="spacer"> </div> |
262 | <div class="spacer"> </div> |
263 | </div> |
263 | </div> |
264 | </div> |
264 | </div> |
265 | 265 | ||
266 | <div class="menu-container"> |
266 | <div class="menu-container"> |
267 | <div class="menu"> |
267 | <div class="menu"> |
268 | <div style="position: relative; margin-bottom: 1.2em"> |
268 | <div style="position: relative; margin-bottom: 1.2em"> |
269 | <div class="bow" style="width: 8em; height: 1em"> </div> |
269 | <div class="bow" style="width: 8em; height: 1em"> </div> |
270 | </div> |
270 | </div> |
271 | <ul> |
271 | <ul> |
272 | <?php foreach ($languages as $key => $name): ?> |
272 | <?php foreach ($languages as $key => $name): ?> |
273 | <li><a href="index.<?php echo $key; ?>?ani=0" |
273 | <li><a href="index.<?php echo $key; ?>?ani=0" |
274 | class="button<?php if ($language === $key) { ?> selected<?php } ?>" |
274 | class="button<?php if ($language === $key) { ?> selected<?php } ?>" |
275 | tabindex="2"><span class="text"><?php echo $name; ?></span></a></li> |
275 | tabindex="2"><span class="text"><?php echo $name; ?></span></a></li> |
276 | <?php endforeach; ?> |
276 | <?php endforeach; ?> |
277 | </ul> |
277 | </ul> |
278 | <div class="bow" style="margin-bottom: 0.4em; width: 8em; height: 0.4em"> </div> |
278 | <div class="bow" style="margin-bottom: 0.4em; width: 8em; height: 0.4em"> </div> |
279 | <ul style="margin-bottom: 1.2em"> |
279 | <ul style="margin-bottom: 1.2em"> |
280 | <li><a href="<?php echo $menu['scripts']['path']; ?>" target="_top" class="button"><span class="text"><?php echo $menu['scripts']['text']; ?></span></a></li> |
280 | <li><a href="<?php echo $menu['scripts']['path']; ?>" target="_top" class="button"><span class="text"><?php echo $menu['scripts']['text']; ?></span></a></li> |
281 | <li><a href="<?php echo $menu['es-matrix']['path']; ?>" target="_top" class="button" |
281 | <li><a href="<?php echo $menu['es-matrix']['path']; ?>" target="_top" class="button" |
282 | title="<?php echo $menu['es-matrix']['title']; ?>" |
282 | title="<?php echo $menu['es-matrix']['title']; ?>" |
283 | ><span class="text"><?php echo $menu['es-matrix']['text']; ?></span></a></li> |
283 | ><span class="text"><?php echo $menu['es-matrix']['text']; ?></span></a></li> |
284 | <li><a href="<?php echo $menu['devel']['path']; ?>" target="_top" class="button"><span class="text"><?php echo $menu['devel']['text']; ?></span></a></li> |
284 | <li><a href="<?php echo $menu['devel']['path']; ?>" target="_top" class="button"><span class="text"><?php echo $menu['devel']['text']; ?></span></a></li> |
285 | </ul> |
285 | </ul> |
286 | <ul style="margin-bottom: 0.2em"> |
286 | <ul style="margin-bottom: 0.2em"> |
287 | <li><a href="<?php echo $menu['series']['path']; ?>" target="_top" class="button secondary" |
287 | <li><a href="<?php echo $menu['series']['path']; ?>" target="_top" class="button secondary" |
288 | title="List of recommended TV shows and episodes, with logos in CSS" |
288 | title="List of recommended TV shows and episodes, with logos in CSS" |
289 | ><span class="text"><?php echo $menu['series']['text']; ?></span></a></li> |
289 | ><span class="text"><?php echo $menu['series']['text']; ?></span></a></li> |
290 | <li><a href="<?php echo $menu['ufpdb']['path']; ?>" target="_top" class="button database" |
290 | <li><a href="<?php echo $menu['ufpdb']['path']; ?>" target="_top" class="button database" |
291 | ><abbr title="<?php echo $menu['ufpdb']['title']; ?>" |
291 | ><abbr title="<?php echo $menu['ufpdb']['title']; ?>" |
292 | class="text"><?php echo $menu['ufpdb']['text']; ?></abbr></a></li> |
292 | class="text"><?php echo $menu['ufpdb']['text']; ?></abbr></a></li> |
293 | <li><a href="psf/" target="_top" |
293 | <li><a href="psf/" target="_top" |
294 | class="button ancillary" |
294 | class="button ancillary" |
295 | ><abbr title="<?php echo _("PointedEars' Standard Frases"); ?>" |
295 | ><abbr title="<?php echo _("PointedEars' Standard Frases"); ?>" |
296 | class="text">psf</abbr></a></li> |
296 | class="text">psf</abbr></a></li> |
297 | </ul> |
297 | </ul> |
298 | <div style="position: relative; margin-bottom: 1.2em"> |
298 | <div style="position: relative; margin-bottom: 1.2em"> |
299 | <div class="bow" style="width: 8em; height: 0.8em"> </div> |
299 | <div class="bow" style="width: 8em; height: 0.8em"> </div> |
300 | </div> |
300 | </div> |
301 | <ul> |
301 | <ul> |
302 | <li><a href="http://climateapps2.oerc.ox.ac.uk/cpdnboinc/show_user.php?userid=648544" |
302 | <li><a href="http://climateapps2.oerc.ox.ac.uk/cpdnboinc/show_user.php?userid=648544" |
303 | target="_top" class="button secondary" |
303 | target="_top" class="button secondary" |
304 | title="<?php echo _("The world’s largest climate forecasting experiment for the 21st century"); ?>" |
304 | title="<?php echo _("The world’s largest climate forecasting experiment for the 21st century"); ?>" |
305 | ><span class="text">climateprediction.net</span></a></li> |
305 | ><span class="text">climateprediction.net</span></a></li> |
306 | <?php /* http://vspx27.stanford.edu/cgi-bin/main.py?qtype=userpage&username=Thomas_Lahn */ ?> |
306 | <?php /* http://vspx27.stanford.edu/cgi-bin/main.py?qtype=userpage&username=Thomas_Lahn */ ?> |
307 | <li><a href="<?php echo _("http://folding.stanford.edu/English/HomePage"); ?>" |
307 | <li><a href="<?php echo _("http://folding.stanford.edu/English/HomePage"); ?>" |
308 | target="_top" class="button secondary" |
308 | target="_top" class="button secondary" |
309 | title="<?php echo _("Distributed computing to understand protein folding, protein aggregation, and related diseases"); ?>" |
309 | title="<?php echo _("Distributed computing to understand protein folding, protein aggregation, and related diseases"); ?>" |
310 | ><span class="text">Folding at home</span></a></li> |
310 | ><span class="text">Folding at home</span></a></li> |
311 | <li><a href="http://lhcathomeclassic.cern.ch/sixtrack/show_user.php?userid=221181" |
311 | <li><a href="http://lhcathomeclassic.cern.ch/sixtrack/show_user.php?userid=221181" |
312 | target="_top" class="button secondary" |
312 | target="_top" class="button secondary" |
313 | title="<?php echo _("Particle physics research with the Large Hadron Collider at CERN"); ?>" |
313 | title="<?php echo _("Particle physics research with the Large Hadron Collider at CERN"); ?>" |
314 | ><span class="text">LHC at home</span></a></li> |
314 | ><span class="text">LHC at home</span></a></li> |
315 | <li><a href="http://setiathome.berkeley.edu/show_user.php?userid=378921" |
315 | <li><a href="http://setiathome.berkeley.edu/show_user.php?userid=378921" |
316 | target="_top" class="button secondary" |
316 | target="_top" class="button secondary" |
317 | title="<?php echo _("The Search for Extra-Terrestrial Intelligence at HOME"); ?>" |
317 | title="<?php echo _("The Search for Extra-Terrestrial Intelligence at HOME"); ?>" |
318 | ><span class="text">SETI at home</span></a></li> |
318 | ><span class="text">SETI at home</span></a></li> |
319 | </ul> |
319 | </ul> |
320 | <script type="text/javascript" src="scripts/builder?src=object"></script> |
320 | <script type="text/javascript" src="scripts/builder?src=object"></script> |
321 | <?php /* |
321 | <?php /* |
322 | <script type="text/javascript">
|
322 | <script type="text/javascript">
|
323 | var sURL = location.href;
|
323 | var sURL = location.href;
|
324 | var sFavAnchorTitle =
|
324 | var sFavAnchorTitle =
|
325 | "Klicken Sie hier, um PointedEars' Website Ihren Favoriten"
|
325 | "Klicken Sie hier, um PointedEars' Website Ihren Favoriten"
|
326 | + " hinzuzufügen";
|
326 | + " hinzuzufügen";
|
327 | var sOtherAnchorTitle =
|
327 | var sOtherAnchorTitle =
|
328 | "Klicken Sie hier mit der rechten Maustaste, um PointedEars' Website"
|
328 | "Klicken Sie hier mit der rechten Maustaste, um PointedEars' Website"
|
329 | + " Ihren Lesezeichen hinzuzufügen";
|
329 | + " Ihren Lesezeichen hinzuzufügen";
|
330 | var sFavoriteTitle = "PointedEars' Website";
|
330 | var sFavoriteTitle = "PointedEars' Website";
|
331 |
|
331 |
|
332 | if (jsx.object.isHostMethod(jsx.global.window, "external", "AddFavorite"))
|
332 | if (jsx.object.isHostMethod(jsx.global.window, "external", "AddFavorite"))
|
333 | {
|
333 | {
|
334 | document.write(
|
334 | document.write(
|
335 | '<div style="position: relative; margin-top: 1em; border-bottom: 0.2em solid transparent">'
|
335 | '<div style="position: relative; margin-top: 1em; border-bottom: 0.2em solid transparent">'
|
336 | + ' <div class="bow" style="width: 8em; height: 1em"> <\/div>'
|
336 | + ' <div class="bow" style="width: 8em; height: 1em"> <\/div>'
|
337 | + ' <div class="bow" style="position: absolute; top: 0; left: 8.2em; width: 2em; height: 1em"> <\/div>'
|
337 | + ' <div class="bow" style="position: absolute; top: 0; left: 8.2em; width: 2em; height: 1em"> <\/div>'
|
338 | + '</div>'
|
338 | + '</div>'
|
339 | + '<a href="javascript:window.external.AddFavorite('
|
339 | + '<a href="javascript:window.external.AddFavorite('
|
340 | + ' sURL, sFavoriteTitle);" title="' + sFavAnchorTitle + '"'
|
340 | + ' sURL, sFavoriteTitle);" title="' + sFavAnchorTitle + '"'
|
341 | + ' class="button"'
|
341 | + ' class="button"'
|
342 | + ' onclick="window.external.AddFavorite('
|
342 | + ' onclick="window.external.AddFavorite('
|
343 | + ' sURL, sFavoriteTitle); return false"'
|
343 | + ' sURL, sFavoriteTitle); return false"'
|
344 | + ' onmouseover="return setStatus(sFavAnchorTitle)"'
|
344 | + ' onmouseover="return setStatus(sFavAnchorTitle)"'
|
345 | + ' onmouseout="return resetStatus()"'
|
345 | + ' onmouseout="return resetStatus()"'
|
346 | + '><span class="text">Favorit<\/span><\/a>');
|
346 | + '><span class="text">Favorit<\/span><\/a>');
|
347 | }
|
347 | }
|
348 | </script>
|
348 | </script>
|
349 | */ ?> |
349 | */ ?> |
350 | </div> |
350 | </div> |
351 | </div> |
351 | </div> |
352 | </div> |
352 | </div> |
353 | <div id="connectors"> |
353 | <div id="connectors"> |
354 | <div class="bow" style="position: absolute; top: 0; left: 0; width: 2em; height: 1em"> </div> |
354 | <div class="bow" style="position: absolute; top: 0; left: 0; width: 2em; height: 1em"> </div> |
355 | <div class="bow" style="position: absolute; top: 0; left: 2.2em; width: 5em; height: 1em"> </div> |
355 | <div class="bow" style="position: absolute; top: 0; left: 2.2em; width: 5em; height: 1em"> </div> |
356 | 356 | ||
357 | <div class="bow" style="position: absolute; top: 13.6em; left: 0; width: 2em; height: 0.8em"> </div> |
357 | <div class="bow" style="position: absolute; top: 13.6em; left: 0; width: 2em; height: 0.8em"> </div> |
358 | <div class="bow" style="position: absolute; top: 13.6em; left: 2.2em; width: 5em; height: 0.8em"> </div> |
358 | <div class="bow" style="position: absolute; top: 13.6em; left: 2.2em; width: 5em; height: 0.8em"> </div> |
359 | </div> |
359 | </div> |
360 | <div class="multi-display"> |
360 | <div class="multi-display"> |
361 | <div class="upper"> |
361 | <div class="upper"> |
362 | <div class="content"> |
362 | <div class="content"> |
363 | <div class="title"><span>Home</span></div> |
363 | <div class="title"><span>Home</span></div> |
364 | <a href="index.html" |
364 | <a href="index.html" |
365 | title="Language selection" |
365 | title="Language selection" |
366 | tabindex="1" |
366 | tabindex="1" |
367 | class="button left right" id="cmd1" |
367 | class="button left right" id="cmd1" |
- | 368 | onmouseover="return setStatus(this.title + ': ' + this.href)" |
|
- | 369 | onmouseout="return resetStatus()" |
|
- | 370 | onfocus="return this.onmouseover()" |
|
- | 371 | onblur="return this.onmouseout()" |
|
368 | ><abbr class="text" title="Language selection">Language</abbr></a> |
372 | ><abbr class="text" title="Language selection">Language</abbr></a> |
369 | <a href="index.<?php echo $language; ?>?printable=1" |
373 | <a href="index.<?php echo $language; ?>?printable=1" |
370 | title="<?php echo _('Printable version'); ?>" |
374 | title="<?php echo _('Printable version'); ?>" |
371 | tabindex="1" |
375 | tabindex="1" |
372 | class="button left right" id="cmd2" |
376 | class="button left right" id="cmd2" |
- | 377 | onmouseover="return setStatus(this.title + ': ' + this.href)" |
|
- | 378 | onmouseout="return resetStatus()" |
|
- | 379 | onfocus="return this.onmouseover()" |
|
- | 380 | onblur="return this.onmouseout()" |
|
373 | ><span class="text"><?php echo _("Printable"); ?></span></a> |
381 | ><span class="text"><?php echo _("Printable"); ?></span></a> |
374 | <div id="cmd3" class="button left right" style="cursor: not-allowed"> </div> |
382 | <div id="cmd3" class="button left right" style="cursor: not-allowed"> </div> |
375 | <script type="text/javascript"> |
383 | <script type="text/javascript"> |
376 | var fullScreen = (function () { |
384 | var fullScreen = (function () { |
377 | var _isHostMethod = jsx.object.isHostMethod; |
385 | var _isHostMethod = jsx.object.isHostMethod; |
378 | 386 | ||
379 | return { |
387 | return { |
380 | isSupportedBy: function (elem) { |
388 | isSupportedBy: function (elem) { |
381 | var prefixes = ["", "mozR", "webkitR"]; |
389 | var prefixes = ["r", "mozR", "webkitR"]; |
382 | var suffix = "equestFullscreen"; |
390 | var suffix = "equestFullscreen"; |
383 | 391 | ||
384 | for (var i = 0, len = prefixes.length; i < len; ++i) |
392 | for (var i = 0, len = prefixes.length; i < len; ++i) |
385 | { |
393 | { |
386 | var prefix = prefixes[i]; |
394 | var prefix = prefixes[i]; |
387 | 395 | ||
388 | if (_isHostMethod(elem, prefix + suffix)) |
396 | if (_isHostMethod(elem, prefix + suffix)) |
389 | { |
397 | { |
390 | return prefix + suffix; |
398 | return prefix + suffix; |
391 | } |
399 | } |
392 | } |
400 | } |
393 | 401 | ||
394 | return false; |
402 | return false; |
395 | }, |
403 | }, |
396 | 404 | ||
397 | isEnabled: function () { |
405 | isEnabled: function () { |
398 | return document.fullscreenEnabled || document.mozFullscreenEnabled || document.webkitFullscreenEnabled; |
406 | return document.fullscreenEnabled || document.mozFullscreenEnabled || document.webkitFullscreenEnabled; |
399 | }, |
407 | }, |
400 | 408 | ||
401 | cancel: function (target, oldHandler, textTarget) { |
409 | cancel: function (target, oldHandler, textTarget) { |
402 | var prefixes = ["", "mozC", "webkitC"]; |
410 | var prefixes = ["c", "mozC", "webkitC"]; |
403 | var suffix = "ancelFullScreen"; |
411 | var suffix = "ancelFullScreen"; |
404 | 412 | ||
405 | for (var i = 0, len = prefixes.length; i < len; ++i) |
413 | for (var i = 0, len = prefixes.length; i < len; ++i) |
406 | { |
414 | { |
407 | var prefix = prefixes[i]; |
415 | var prefix = prefixes[i]; |
408 | 416 | ||
409 | if (_isHostMethod(document, prefix + suffix)) |
417 | if (_isHostMethod(document, prefix + suffix)) |
410 | { |
418 | { |
411 | document[prefix + suffix](); |
419 | document[prefix + suffix](); |
412 | 420 | ||
413 | /* NOTE: ...FullscreenEnabled not reliable after cancel */ |
421 | /* NOTE: ...FullscreenEnabled not reliable after cancel */ |
414 | if (textTarget) |
422 | if (textTarget) |
415 | { |
423 | { |
416 | textTarget.textContent = "<?php echo _("Full Screen"); ?>"; |
424 | textTarget.textContent = "<?php echo _("Full Screen"); ?>"; |
417 | } |
425 | } |
418 | 426 | ||
419 | if (target) |
427 | if (target) |
420 | { |
428 | { |
421 | target.onclick = oldHandler; |
429 | target.onclick = oldHandler; |
422 | } |
430 | } |
423 | } |
431 | } |
424 | } |
432 | } |
425 | }, |
433 | }, |
426 | 434 | ||
427 | requestOn: function (elem, eventTarget, textTarget) { |
435 | requestOn: function (elem, eventTarget, textTarget) { |
428 | var requestMethodName; |
436 | var requestMethodName; |
429 | 437 | ||
430 | if (elem && (requestMethodName = this.isSupportedBy(elem))) |
438 | if (elem && (requestMethodName = this.isSupportedBy(elem))) |
431 | { |
439 | { |
432 | elem[requestMethodName](); |
440 | elem[requestMethodName](); |
433 | if (textTarget && this.isEnabled()) |
441 | if (textTarget && this.isEnabled()) |
434 | { |
442 | { |
435 | var oldText = textTarget.textContent; |
443 | var oldText = textTarget.textContent; |
436 | var me = this; |
444 | var me = this; |
437 | var oldHandler = eventTarget.onclick; |
445 | var oldHandler = eventTarget.onclick; |
438 | eventTarget.onclick = function () { |
446 | eventTarget.onclick = function () { |
439 | me.cancel(this, oldHandler, textTarget); |
447 | me.cancel(this, oldHandler, textTarget); |
440 | }; |
448 | }; |
441 | textTarget.textContent = "<?php echo _("Window"); ?>"; |
449 | textTarget.textContent = "<?php echo _("Window"); ?>"; |
442 | } |
450 | } |
443 | } |
451 | } |
444 | } |
452 | } |
445 | }; |
453 | }; |
446 | }()); |
454 | }()); |
447 | </script> |
455 | </script> |
448 | <div id="cmd4" class="button left right" |
456 | <div id="cmd4" class="button left right" |
449 | onclick="fullScreen.requestOn(document.documentElement, this, this.firstChild)" |
457 | onclick="fullScreen.requestOn(document.documentElement, this, this.firstChild)" |
- | 458 | onkeyup="if (event.keyCode == 13) { this.onclick(); this.onmouseup(); }" |
|
450 | onmouseup="this.blur()" |
459 | onmouseup="this.blur()" |
451 | tabindex="1" |
460 | tabindex="1" |
452 | ><span class="text"><script type="text/javascript"> |
461 | ><span class="text"><script type="text/javascript"> |
453 | if (fullScreen.isSupportedBy(document.documentElement)) |
462 | if (fullScreen.isSupportedBy(document.documentElement)) |
454 | { |
463 | { |
455 | document.write("<?php echo _("Full Screen"); ?>"); |
464 | document.write("<?php echo _("Full Screen"); ?>"); |
456 | } |
465 | } |
457 | </script></span></div> |
466 | </script></span></div> |
458 | </div> |
467 | </div> |
459 | <div class="elbo-button"> |
468 | <div class="elbo-button"> |
460 | <span class="text"><?php echo gmdate('Ym.d', $modi); ?></span> |
469 | <span class="text"><?php echo gmdate('Ym.d', $modi); ?></span> |
461 | </div> |
470 | </div> |
462 | <div class="elbo"> |
471 | <div class="elbo"> |
463 | <span class="text"><abbr title="Library Computer Access and Retrieval System">LCARS</abbr> PE-47A</span> |
472 | <span class="text"><abbr title="Library Computer Access and Retrieval System">LCARS</abbr> PE-47A</span> |
464 | <div class="concave"> </div> |
473 | <div class="concave"> </div> |
465 | </div> |
474 | </div> |
466 | <div class="border"> |
475 | <div class="border"> |
467 | <div class="left"> </div> |
476 | <div class="left"> </div> |
468 | <div class="right"> </div> |
477 | <div class="right"> </div> |
469 | </div> |
478 | </div> |
470 | </div> |
479 | </div> |
471 | <div class="lower"> |
480 | <div class="lower"> |
472 | <div class="elbo"> |
481 | <div class="elbo"> |
473 | <div class="concave"> </div> |
482 | <div class="concave"> </div> |
474 | </div> |
483 | </div> |
475 | <div class="bg"> </div> |
484 | <div class="bg"> </div> |
476 | <div class="border-container"> |
485 | <div class="border-container"> |
477 | <div class="border"> |
486 | <div class="border"> |
478 | <div class="left"> </div> |
487 | <div class="left"> </div> |
479 | <div class="right"> </div> |
488 | <div class="right"> </div> |
480 | </div> |
489 | </div> |
481 | </div> |
490 | </div> |
482 | </div> |
491 | </div> |
483 | </div> |
492 | </div> |
484 | </div> |
493 | </div> |
485 | </body> |
494 | </body> |
486 | </html> |
495 | </html> |
487 | 496 |