Rev 151 | Rev 166 | Go to most recent revision | Only display areas with differences | Regard whitespace | Details | Blame | Last modification | View Log | RSS feed
Rev 151 | Rev 165 | ||
---|---|---|---|
1 | <?php
|
1 | <?php
|
2 | 2 | ||
3 | $language = 'en'; |
3 | $language = 'en'; |
4 | $locale = 'en_US.UTF-8'; |
4 | $locale = 'en_US.UTF-8'; |
5 | require_once 'global.php'; |
5 | require_once 'global.php'; |
6 | 6 | ||
7 | $encoding = 'UTF-8'; |
7 | $encoding = 'UTF-8'; |
8 | header("Content-Type: text/html" . ($encoding ? "; charset=$encoding" : "")); |
8 | header("Content-Type: text/html" . ($encoding ? "; charset=$encoding" : "")); |
9 | 9 | ||
10 | $modi = max(array( |
10 | $modi = max(array( |
11 | @filemtime(__FILE__), |
11 | @filemtime(__FILE__), |
12 | @filemtime("styles/lcars-basic.css"), |
12 | @filemtime("styles/lcars-basic.css"), |
13 | @filemtime("styles/lcars22.css"), |
13 | @filemtime("styles/lcars22.css"), |
14 | )); |
14 | )); |
15 | 15 | ||
16 | \header('Last-Modified: ' . gmdate('D, d M Y H:i:s', $modi ) . ' GMT'); |
16 | \header('Last-Modified: ' . gmdate('D, d M Y H:i:s', $modi ) . ' GMT'); |
17 | 17 | ||
18 | /* Resource expires in HTTP/1.1 caches 24h after last retrieval */
|
18 | /* Resource expires in HTTP/1.1 caches 24h after last retrieval */
|
19 | \header('Cache-Control: max-age=86400, s-maxage=86400, must-revalidate, proxy-revalidate'); |
19 | \header('Cache-Control: max-age=86400, s-maxage=86400, must-revalidate, proxy-revalidate'); |
20 | 20 | ||
21 | /* Resource expires in HTTP/1.0 caches 24h after last retrieval */
|
21 | /* Resource expires in HTTP/1.0 caches 24h after last retrieval */
|
22 | \header('Expires: ' . gmdate('D, d M Y H:i:s', time() + 86400) . ' GMT'); |
22 | \header('Expires: ' . gmdate('D, d M Y H:i:s', time() + 86400) . ' GMT'); |
23 | 23 | ||
24 | ?><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
|
24 | ?><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
|
25 | "http://www.w3.org/TR/html4/loose.dtd"> |
25 | "http://www.w3.org/TR/html4/loose.dtd"> |
26 | <html lang="en"> |
26 | <html lang="en"> |
27 | <head> |
27 | <head> |
28 | <title>Language Selection — PointedEars’ Website</title> |
28 | <title>Language Selection — PointedEars’ Website</title> |
29 | <link rel="SHORTCUT ICON" href="favicon.ico"> |
29 | <link rel="SHORTCUT ICON" href="favicon.ico"> |
30 | <!-- Browsers: Character Set, Script Type, Style Sheets Type, |
30 | <!-- Browsers: Character Set, Script Type, Style Sheets Type, |
31 | Proxy Usage --> |
31 | Proxy Usage --> |
32 | <meta http-equiv="content-type"content="text/html; charset=UTF-8"> |
32 | <meta http-equiv="content-type"content="text/html; charset=UTF-8"> |
33 | <meta http-equiv="Content-Script-Type" content="text/javascript"> |
33 | <meta http-equiv="Content-Script-Type" content="text/javascript"> |
34 | <meta http-equiv="Content-Style-Type" content="text/css"> |
34 | <meta http-equiv="Content-Style-Type" content="text/css"> |
35 | <meta http-equiv="expires" content="0"> |
35 | <meta http-equiv="expires" content="0"> |
36 | <!-- Robots: Language, Index, Subordinated Files, Description, Author, |
36 | <!-- Robots: Language, Index, Subordinated Files, Description, Author, |
37 | Keywords, Document Date --> |
37 | Keywords, Document Date --> |
38 | <meta name="robots" content="index"> |
38 | <meta name="robots" content="index"> |
39 | <?php /* |
39 | <?php /* |
40 | <meta name="description"
|
40 | <meta name="description"
|
41 | content="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!">
|
41 | content="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!">
|
42 | */ ?> |
42 | */ ?> |
43 | <meta name="author" content="PointedEars, PointedEars Software (PES)"> |
43 | <meta name="author" content="PointedEars, PointedEars Software (PES)"> |
44 | <!-- No localization of keywords due to following language selection --> |
44 | <!-- No localization of keywords due to following language selection --> |
45 | <meta name="keywords" |
45 | <meta name="keywords" |
46 | http-equiv="Keywords" |
46 | http-equiv="Keywords" |
47 | 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"> |
47 | content="<?php // 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, <?php /* Song, Songbook, Surf, anonymously, */ ?>Raumschiff Enterprise, DNG, Die nächste Generation, VFP, Föderation, Vereinte Föderation der Planeten, Datenbasis, Datenbank<?php /* , Lied, Liedtext, surfen, anonym */ ?>"> |
48 | <!--meta name="keywords" http-equiv="Keywords" lang="de" content=""--> |
48 | <!--meta name="keywords" http-equiv="Keywords" lang="de" content=""--> |
49 | <!--meta name="keywords" http-equiv="Keywords" lang="en-us" content=""--> |
49 | <!--meta name="keywords" http-equiv="Keywords" lang="en-us" content=""--> |
50 | <!--meta name="keywords" http-equiv="Keywords" lang="en" content=""--> |
50 | <!--meta name="keywords" http-equiv="Keywords" lang="en" content=""--> |
51 | <meta name="revisit-after" content="3 days"> |
51 | <meta name="revisit-after" content="3 days"> |
52 | <meta name="date" content="2002-05-23T10:56:00+02:00"> |
52 | <meta name="date" content="2002-05-23T10:56:00+02:00"> |
53 | <!-- Robots: Dublin Core Metadata |
53 | <!-- Robots: Dublin Core Metadata |
54 | (http://purl.org/metadata/dublin_core) --> |
54 | (http://purl.org/metadata/dublin_core) --> |
55 | <meta name="DCTERMS.title" content="PointedEars’ Website"> |
55 | <meta name="DCTERMS.title" content="PointedEars’ Website"> |
56 | <meta name="DCTERMS.creator" content="PointedEars, PointedEars Software (PES)"> |
56 | <meta name="DCTERMS.creator" content="PointedEars, PointedEars Software (PES)"> |
57 | <meta name="DCTERMS.subject" content="Private Homepage"> |
57 | <meta name="DCTERMS.subject" content="Private Homepage"> |
58 | <?php /* |
58 | <?php /* |
59 | <meta name="DCTERMS.description"
|
59 | <meta name="DCTERMS.description"
|
60 | 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!">
|
60 | 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!">
|
61 | */ ?> |
61 | */ ?> |
62 | <meta name="DCTERMS.publisher" content="PointedEars"> |
62 | <meta name="DCTERMS.publisher" content="PointedEars"> |
63 | <meta name="DCTERMS.created" content="2002-05-23"> |
63 | <meta name="DCTERMS.created" content="2002-05-23"> |
64 | <meta name="DCTERMS.modified" content="<?php echo gmdate('Y-m-dTH:i:sO', $modi); ?>"> |
64 | <meta name="DCTERMS.modified" content="<?php echo gmdate('Y-m-dTH:i:sO', $modi); ?>"> |
65 | <?php /* |
65 | <?php /* |
66 | <!--meta name="DC.Type" content=""-->
|
66 | <!--meta name="DC.Type" content=""-->
|
67 | <!--meta name="DC.Format" content=""-->
|
67 | <!--meta name="DC.Format" content=""-->
|
68 | */ ?> |
68 | */ ?> |
69 | <meta name="DCTERMS.identifier" content="http://pointedears.de/"> |
69 | <meta name="DCTERMS.identifier" content="http://pointedears.de/"> |
70 | <meta name="DCTERMS.rightsHolder" |
70 | <meta name="DCTERMS.rightsHolder" |
71 | content="Copyright © 2002–<?php echo gmdate('Y', $modi); ?> Thomas Lahn."> |
71 | content="Copyright © 2002–<?php echo gmdate('Y', $modi); ?> Thomas Lahn."> |
72 | <meta name="DCTERMS.rights" |
72 | <meta name="DCTERMS.rights" |
73 | content="<?php echo tr("All rights reserved."); ?> <?php echo tr("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."); ?>"> |
73 | content="<?php echo tr("All rights reserved."); ?> <?php echo tr("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."); ?>"> |
74 | <?php /* |
74 | <?php /* |
75 | <!-- <link rel="stylesheet" type="text/css" href="styles/lcars21.css"> -->
|
75 | <!-- <link rel="stylesheet" type="text/css" href="styles/lcars21.css"> -->
|
76 | */ ?> |
76 | */ ?> |
77 | <link rel="stylesheet" type="text/css" href="styles/lcars-basic.css"> |
77 | <link rel="stylesheet" type="text/css" href="styles/lcars-basic.css"> |
78 | <link rel="stylesheet" type="text/css" href="styles/lcars22"> |
78 | <link rel="stylesheet" type="text/css" href="styles/lcars22"> |
79 | <style type="text/css"> |
79 | <style type="text/css"> |
80 | <!-- |
80 | <!-- |
81 | a { |
81 | a { |
82 | text-decoration: none; |
82 | text-decoration: none; |
83 | } |
83 | } |
84 | 84 | ||
85 | ul { |
85 | ul { |
86 | list-style: none; |
86 | list-style: none; |
87 | padding-left: 0; |
87 | padding-left: 0; |
88 | } |
88 | } |
89 | 89 | ||
90 | #greeting { |
90 | #greeting { |
91 | margin-top: 0; |
91 | margin-top: 0; |
92 | } |
92 | } |
93 | 93 | ||
94 | #greeting p { |
94 | #greeting p { |
95 | background-color: #000; |
95 | background-color: #000; |
96 | color: #fff; |
96 | color: #fff; |
97 | font-size: 136%; |
97 | font-size: 136%; |
98 | } |
98 | } |
99 | 99 | ||
100 | #languages .key { |
100 | #languages .key { |
101 | min-width: 0.65em; |
101 | min-width: 0.65em; |
102 | } |
102 | } |
103 | --> |
103 | --> |
104 | </style> |
104 | </style> |
105 | <?php /* |
105 | <?php /* |
106 | <script type="text/javascript" src="scripts/builder?src=object,dom,dom/css,dom/css/color,dom/ani,dom/window"></script>
|
106 | <script type="text/javascript" src="scripts/builder?src=object,dom,dom/css,dom/css/color,dom/ani,dom/window"></script>
|
107 | */ ?> |
107 | */ ?> |
108 | <script type="text/javascript"> |
108 | <script type="text/javascript"> |
109 | <?php /* |
109 | <?php /* |
110 | /* Hardcore Frame Buster
|
110 | /* Hardcore Frame Buster
|
111 | if (parent.frames.length > 0 )
|
111 | if (parent.frames.length > 0 )
|
112 | parent.location.href = window.location.href;
|
112 | parent.location.href = window.location.href;
|
113 | */ ?> |
113 | */ ?> |
114 | <?php /* |
114 | <?php /* |
115 | function animate ()
|
115 | function animate ()
|
116 | {
|
116 | {
|
117 | */ ?> |
117 | */ ?> |
118 | <?php /* |
118 | <?php /* |
119 | var s = document.createElement("style");
|
119 | var s = document.createElement("style");
|
120 | s.type = "text/css";
|
120 | s.type = "text/css";
|
121 | s.appendChild(document.createTextNode(
|
121 | s.appendChild(document.createTextNode(
|
122 | "@-webkit-keyframes fade-out {"
|
122 | "@-webkit-keyframes fade-out {"
|
123 | + " from {"
|
123 | + " from {"
|
124 | + " overflow: hidden;"
|
124 | + " overflow: hidden;"
|
125 | + " border-top-left-radius: 0;"
|
125 | + " border-top-left-radius: 0;"
|
126 | + " border-bottom-left-radius: 0;"
|
126 | + " border-bottom-left-radius: 0;"
|
127 | + " }"
|
127 | + " }"
|
128 | + " to {"
|
128 | + " to {"
|
129 | + " overflow: hidden;"
|
129 | + " overflow: hidden;"
|
130 | + " left: 100%;"
|
130 | + " left: 100%;"
|
131 | + " border-top-left-radius: 0;"
|
131 | + " border-top-left-radius: 0;"
|
132 | + " border-bottom-left-radius: 0;"
|
132 | + " border-bottom-left-radius: 0;"
|
133 | + " }"
|
133 | + " }"
|
134 | + "}"
|
134 | + "}"
|
135 | + "#bow-top, #footer {"
|
135 | + "#bow-top, #footer {"
|
136 | + " -webkit-animation-name: fade-out;"
|
136 | + " -webkit-animation-name: fade-out;"
|
137 | + " -webkit-animation-duration: 1s;"
|
137 | + " -webkit-animation-duration: 1s;"
|
138 | + " -webkit-animation-fill-mode: forwards;"
|
138 | + " -webkit-animation-fill-mode: forwards;"
|
139 | + "}"
|
139 | + "}"
|
140 | + "#bow-top .text {"
|
140 | + "#bow-top .text {"
|
141 | + " visibility: hidden;"
|
141 | + " visibility: hidden;"
|
142 | + "}"
|
142 | + "}"
|
143 | + ".empty .separator-left {"
|
143 | + ".empty .separator-left {"
|
144 | + " visibility: hidden;"
|
144 | + " visibility: hidden;"
|
145 | + "}"
|
145 | + "}"
|
146 | ));
|
146 | ));
|
147 | document.head.appendChild(s);
|
147 | document.head.appendChild(s);
|
148 | */ ?> |
148 | */ ?> |
149 | <?php /* |
149 | <?php /* |
150 | jsx._import(jsx.dom.animation);
|
150 | jsx._import(jsx.dom.animation);
|
151 | var keyFrames = [
|
151 | var keyFrames = [
|
152 | {
|
152 | {
|
153 | values: {
|
153 | values: {
|
154 | style: {
|
154 | style: {
|
155 | overflow: "hidden",
|
155 | overflow: "hidden",
|
156 | "border-top-left-radius": 0,
|
156 | "border-top-left-radius": 0,
|
157 | "border-bottom-left-radius": 0
|
157 | "border-bottom-left-radius": 0
|
158 | }
|
158 | }
|
159 | }
|
159 | }
|
160 | },
|
160 | },
|
161 | {
|
161 | {
|
162 | time: "1s",
|
162 | time: "1s",
|
163 | values: {
|
163 | values: {
|
164 | style: {
|
164 | style: {
|
165 | overflow: "hidden",
|
165 | overflow: "hidden",
|
166 | left: "100%",
|
166 | left: "100%",
|
167 | "border-top-left-radius": 0,
|
167 | "border-top-left-radius": 0,
|
168 | "border-bottom-left-radius": 0
|
168 | "border-bottom-left-radius": 0
|
169 | }
|
169 | }
|
170 | }
|
170 | }
|
171 | }
|
171 | }
|
172 | ];
|
172 | ];
|
173 |
|
173 |
|
174 | var animation = new Animation({
|
174 | var animation = new Animation({
|
175 | timelines: [
|
175 | timelines: [
|
176 | new Timeline({
|
176 | new Timeline({
|
177 | target: document.getElementById("bow-top"),
|
177 | target: document.getElementById("bow-top"),
|
178 | keyFrames: keyFrames
|
178 | keyFrames: keyFrames
|
179 | }),
|
179 | }),
|
180 | new Timeline({
|
180 | new Timeline({
|
181 | target: document.getElementById("footer"),
|
181 | target: document.getElementById("footer"),
|
182 | keyFrames: keyFrames
|
182 | keyFrames: keyFrames
|
183 | })
|
183 | })
|
184 | ]
|
184 | ]
|
185 | });
|
185 | });
|
186 | animation.play();
|
186 | animation.play();
|
187 | }
|
187 | }
|
188 | */ ?> |
188 | */ ?> |
189 | 189 | ||
190 | function navigateTo (link) |
190 | function navigateTo (link) |
191 | { |
191 | { |
192 | <?php /* |
192 | <?php /* |
193 | animate();
|
193 | animate();
|
194 | window.setTimeout(function () {
|
194 | window.setTimeout(function () {
|
195 | window.alert(link);
|
195 | window.alert(link);
|
196 | }, 1000);
|
196 | }, 1000);
|
197 | return false;
|
197 | return false;
|
198 | */ ?> |
198 | */ ?> |
199 | return true; |
199 | return true; |
200 | } |
200 | } |
201 | </script> |
201 | </script> |
202 | </head> |
202 | </head> |
203 | <body class="fade-in empty" onload="if (typeof this.ontouchstart != 'undefined') this.ontouchstart = function () {}"> |
203 | <body class="fade-in empty" onload="if (typeof this.ontouchstart != 'undefined') this.ontouchstart = function () {}"> |
204 | <div id="LCARS"> |
204 | <div id="LCARS"> |
205 | <div id="bow"> |
205 | <div id="bow"> |
206 | <div id="bow-top"> |
206 | <div id="bow-top"> |
207 | <div class="separator-left"> </div> |
207 | <div class="separator-left"> </div> |
208 | <h1 class="text"><span>PointedEars’ Website</span></h1> |
208 | <h1 class="text"><span>PointedEars’ Website</span></h1> |
209 | </div> |
209 | </div> |
210 | <div id="bow-left"> </div> |
210 | <div id="bow-left"> </div> |
211 | <div id="bow-left-concave"> </div> |
211 | <div id="bow-left-concave"> </div> |
212 | </div> |
212 | </div> |
213 | <div id="footer-container"> |
213 | <div id="footer-container"> |
214 | <div id="footer"> |
214 | <div id="footer"> |
215 | <h2 class="text"><span>Language Selection</span></h2> |
215 | <h2 class="text"><span>Language Selection</span></h2> |
216 | <div class="separator-right"> </div> |
216 | <div class="separator-right"> </div> |
217 | </div> |
217 | </div> |
218 | </div> |
218 | </div> |
219 | </div> |
219 | </div> |
220 | <div id="content"> |
220 | <div id="content"> |
221 | <div style="text-align: center"><img |
221 | <div style="text-align: center"><img |
222 | src="media/video/img/vulcan_hand-black-bg.png" |
222 | src="media/video/img/vulcan_hand-black-bg.png" |
223 | width="120" |
223 | width="120" |
224 | height="168" |
224 | height="168" |
225 | alt="Vulcan greeting" |
225 | alt="Vulcan greeting" |
226 | title="Vulcan greeting" |
226 | title="Vulcan greeting" |
227 | border="0" |
227 | border="0" |
228 | onmouseover="return setStatus(this.title)" |
228 | onmouseover="return setStatus(this.title)" |
229 | onmouseout="return resetStatus()"></div> |
229 | onmouseout="return resetStatus()"></div> |
230 | 230 | ||
231 | <ul id="greeting"> |
231 | <ul id="greeting"> |
232 | <li style="white-space: nowrap"><p style="text-align: center" lang="x-vulcan-latin">Dif-tor heh smusma</p></li> |
232 | <li style="white-space: nowrap"><p style="text-align: center" lang="x-vulcan-latin">Dif-tor heh smusma</p></li> |
233 | <li style="white-space: nowrap"><p style="text-align: center" lang="en">Live long and prosper</p></li> |
233 | <li style="white-space: nowrap"><p style="text-align: center" lang="en">Live long and prosper</p></li> |
234 | <li style="white-space: nowrap"><p style="text-align: center" lang="de">Leben Sie lang und erfolgreich</p></li> |
234 | <li style="white-space: nowrap"><p style="text-align: center" lang="de">Leben Sie lang und erfolgreich</p></li> |
235 | </ul> |
235 | </ul> |
236 | 236 | ||
237 | <ul style="text-align: center"> |
237 | <ul style="text-align: center"> |
238 | <li class="instruction" lang="en">Please select your language</li> |
238 | <li class="instruction" lang="en">Please select your language</li> |
239 | <li class="instruction" lang="de">Bitte wählen Sie Ihre Sprache</li> |
239 | <li class="instruction" lang="de">Bitte wählen Sie Ihre Sprache</li> |
240 | </ul> |
240 | </ul> |
241 | 241 | ||
242 | <div class="group"> |
242 | <div class="group"> |
243 | <div class="separator"> </div> |
243 | <div class="separator"> </div> |
244 | <ul id="languages"> |
244 | <ul id="languages"> |
245 | <li><a href="index.en" class="button right" lang="en" |
245 | <li><a href="index.en" class="button right" lang="en" |
246 | hreflang="en" accesskey="e" |
246 | hreflang="en" accesskey="e" |
247 | ><span class="key">en</span> <span class="text">English</span></a></li> |
247 | ><span class="key">en</span> <span class="text">English</span></a></li> |
248 | <li><a href="index.de" class="button right" lang="de" |
248 | <li><a href="index.de" class="button right" lang="de" |
249 | hreflang="de" accesskey="d" |
249 | hreflang="de" accesskey="d" |
250 | onclick="return navigateTo(this)" |
250 | onclick="return navigateTo(this)" |
251 | ><span class="key">de</span> <span class="text">Deutsch</span></a></li> |
251 | ><span class="key">de</span> <span class="text">Deutsch</span></a></li> |
252 | </ul> |
252 | </ul> |
253 | <div style="clear: both"><!-- --></div> |
253 | <div style="clear: both"><!-- --></div> |
254 | </div> |
254 | </div> |
255 | 255 | ||
256 | <?php
|
256 | <?php
|
257 | $app = 'Language'; |
257 | $app = 'Language'; |
258 | require_once 'footer.phtml'; |
258 | require_once 'footer.phtml'; |
259 | ?>
|
259 | ?>
|
260 | </div> |
260 | </div> |
261 | </body> |
261 | </body> |
262 | </html> |
262 | </html> |