WebSVN - LCARS - Diff - Rev 170 and 210

 <?php
 $language = 'en';
 $locale = 'en_US.UTF-8';
 require_once 'global.php';
 $encoding = 'UTF-8';
 header("Content-Type: text/html" . ($encoding ? "; charset=$encoding" : ""));
 $modi = max(array(
   @filemtime(__FILE__),
   @filemtime("styles/lcars-basic.css"),
   @filemtime("styles/lcars22.css"),
   @filemtime("styles/lcars22-ie6.css"),
 ));
 \header('Last-Modified: ' . gmdate('D, d M Y H:i:s', $modi ) . ' GMT');
 /* Resource expires in HTTP/1.1 caches 24h after last retrieval */
 \header('Cache-Control: max-age=86400, s-maxage=86400, must-revalidate, proxy-revalidate');
 /* Resource expires in HTTP/1.0 caches 24h after last retrieval */
 \header('Expires: ' . gmdate('D, d M Y H:i:s', time() + 86400) . ' GMT');
 ?><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
 <html lang="en">
   <head>
     <title>Language Selection — PointedEars’ Website</title>
     <link rel="SHORTCUT ICON" href="favicon.ico">
     <!-- Browsers: Character Set, Script Type, Style Sheets Type,
          Proxy Usage -->
     <meta http-equiv="content-type"content="text/html; charset=UTF-8">
     <meta http-equiv="Content-Script-Type" content="text/javascript">
     <meta http-equiv="Content-Style-Type" content="text/css">
     <meta http-equiv="expires" content="0">
     <!-- Robots: Language, Index, Subordinated Files, Description, Author,
          Keywords, Document Date -->
     <meta name="robots" content="index">
 <?php /*
     <meta name="description"
           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!">
 */ ?>
     <meta name="author" content="PointedEars, PointedEars Software (PES)">
     <!-- No localization of keywords due to following language selection -->
     <meta name="keywords"
           http-equiv="Keywords"
           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&auml;chste Generation, VFP, F&ouml;deration, Vereinte F&ouml;deration der Planeten, Datenbasis, Datenbank<?php /* , Lied, Liedtext, surfen, anonym */ ?>">
     <!--meta name="keywords" http-equiv="Keywords" lang="de" content=""-->
     <!--meta name="keywords" http-equiv="Keywords" lang="en-us" content=""-->
     <!--meta name="keywords" http-equiv="Keywords" lang="en" content=""-->
     <meta name="revisit-after" content="3 days">
     <meta name="date" content="2002-05-23T10:56:00+02:00">
     <!-- Robots: Dublin Core Metadata
          (http://purl.org/metadata/dublin_core) -->
     <meta name="DCTERMS.title" content="PointedEars’ Website">
     <meta name="DCTERMS.creator" content="PointedEars, PointedEars Software (PES)">
     <meta name="DCTERMS.subject" content="Private Homepage">
 <?php /*
     <meta name="DCTERMS.description"
           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!">
 */ ?>
     <meta name="DCTERMS.publisher" content="PointedEars">
     <meta name="DCTERMS.created" content="2002-05-23">
     <meta name="DCTERMS.modified" content="<?php echo gmdate('Y-m-dTH:i:sO', $modi); ?>">
 <?php /*
     <!--meta name="DC.Type" content=""-->
     <!--meta name="DC.Format" content=""-->
 */ ?>
     <meta name="DCTERMS.identifier" content="http://pointedears.de/">
     <meta name="DCTERMS.rightsHolder"
           content="Copyright © 2002&#8211;<?php echo gmdate('Y', $modi); ?> Thomas&nbsp;Lahn.">
     <meta name="DCTERMS.rights"
           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."); ?>">
 <?php /*
     <!-- <link rel="stylesheet" type="text/css" href="styles/lcars21.css"> -->
     <!-- IE 9 in non-Compatibility Mode sends "Accept: text/css",
          Apache responds with 406 without .php:
          http://blog.s9y.org/archives/227-ie9-has-trouble-with-css-content-types.html
          (Resource Builder handles negotation for sources)
          -->
 */ ?>
     <link rel="stylesheet" type="text/css" href="scripts/builder.php?type=text/css&amp;prefix=../styles/&amp;src=lcars-basic,lcars22">
     <!--[if lt IE 7]>
       <link rel="stylesheet" type="text/css" href="styles/lcars22-ie6.css">
     <![endif]-->
     <style type="text/css">
       <!--
       a {
         text-decoration: none;
+      }
       ul {
         list-style: none;
         padding-left: 0;
+      }
       #greeting {
         margin-top: 0;
+      }
       #greeting p {
         background-color: #000;
         color: #fff;
         font-size: 136%;
+      }
+      .instruction {
+        line-height: 1.2;
+      }
+      .group {
+        width: 9.92em;
+      }
-      #languages .key {
+      #languages .button {
+        width: 8.25em;
+      }
+      #languages .button .key {
-        min-width: 0.65em;
+        min-width: 0.675em;
+      }
+      #languages .button .text {
+        max-width: 4.55em;
+      }
       -->
     </style>
 <?php /*
     <script type="text/javascript" src="scripts/builder?src=object,dom,dom/css,dom/css/color,dom/ani,dom/window"></script>
 */ ?>
-    <script type="text/javascript" src="scripts/builder?src=object,dom/window"></script>
+    <script type="text/javascript" src="scripts/builder?src=object,dom,dom/xpath,dom/window,dom/xpath,regexp"></script>
+    <script type="text/javascript" src="application/scripts/vulcan-media-script.js"></script>
     <script type="text/javascript">
 <?php /*
       /* Hardcore Frame Buster
       if (parent.frames.length > 0 )
         parent.location.href = window.location.href;
 */ ?>
 <?php /*
       function animate ()
+      {
 */ ?>
 <?php /*
         var s = document.createElement("style");
         s.type = "text/css";
         s.appendChild(document.createTextNode(
             "@-webkit-keyframes fade-out {"
           + "  from {"
           + "    overflow: hidden;"
           + "    border-top-left-radius: 0;"
           + "    border-bottom-left-radius: 0;"
           + "  }"
           + "  to {"
           + "    overflow: hidden;"
           + "    left: 100%;"
           + "    border-top-left-radius: 0;"
           + "    border-bottom-left-radius: 0;"
           + "  }"
           + "}"
           + "#bow-top, #footer {"
           + "  -webkit-animation-name: fade-out;"
           + "  -webkit-animation-duration: 1s;"
           + "  -webkit-animation-fill-mode: forwards;"
           + "}"
           + "#bow-top .text {"
           + "  visibility: hidden;"
           + "}"
           + ".empty .separator-left {"
           + "  visibility: hidden;"
           + "}"
         ));
         document.head.appendChild(s);
 */ ?>
 <?php /*
         jsx._import(jsx.dom.animation);
         var keyFrames = [
+          {
             values: {
               style: {
                 overflow: "hidden",
                 "border-top-left-radius": 0,
                 "border-bottom-left-radius": 0
+              }
+            }
           },
+          {
             time: "1s",
             values: {
               style: {
                 overflow: "hidden",
                 left: "100%",
                 "border-top-left-radius": 0,
                 "border-bottom-left-radius": 0
+              }
+            }
+          }
         ];
         var animation = new Animation({
           timelines: [
             new Timeline({
               target: document.getElementById("bow-top"),
               keyFrames: keyFrames
             }),
             new Timeline({
               target: document.getElementById("footer"),
               keyFrames: keyFrames
             })
+          ]
         });
         animation.play();
+      }
+*/
-*/ ?>
+?>
+      var translatables;
+      function lcars_translate (language)
+      {
+        if (!translatables)
+        {
+          translatables = jsx.dom.xpath.evaluate(
+            './/li[(@lang and (../../*[@id and (@id != "languages")]))'
+            + ' or (p and p[@lang])]',
+            document.body);
+        }
+        if (!translatables)
+        {
+          return;
+        }
+        var language_prefix = language.match(/^[^-]+/);
+        for (var i = translatables.length; i--;)
+        {
+          var translatable = translatables[i];
+          translatable.style.display =
+            (translatable.lang.indexOf(language_prefix) == 0
+              || translatable.firstChild.lang == language
+              || translatable.firstChild.lang.indexOf("vuh") == 0
+              || (translatable.firstChild.lang == "en" && language.indexOf("vuh") == 0))
+                ? ""
+                : "none";
+        }
+      }
+      function lcars_translate_reset ()
+      {
+        lcars_translate('en');
+      }
+      var LANG_VULCAN = "<?php echo $vulcan; ?>";
+      function body_load (body)
+      {
+        if (typeof body.ontouchstart != 'undefined')
+        {
+          body.ontouchstart = function () {};
+        }
+        lcars_translate_reset();
+        mediaScript();
+      }
       function navigateTo (link)
+      {
 <?php /*
         animate();
         window.setTimeout(function () {
           window.alert(link);
         }, 1000);
         return false;
 */ ?>
         return true;
+      }
     </script>
   </head>
-  <body class="fade-in empty" onload="if (typeof this.ontouchstart != 'undefined') this.ontouchstart = function () {}">
+  <body class="fade-in empty" onload="body_load(this)">
     <div id="LCARS">
       <div id="bow">
         <div id="bow-top">
           <div class="separator-left">&nbsp;</div>
           <h1 class="text"><span>PointedEars’ Website</span></h1>
         </div>
         <div id="bow-left">&nbsp;</div>
         <div id="bow-left-concave">&nbsp;</div>
       </div>
       <div id="footer-container">
         <div id="footer">
           <h2 class="text"><span>Language Selection</span></h2>
           <div class="separator-right">&nbsp;</div>
         </div>
       </div>
     </div>
     <div id="content">
       <div style="text-align: center"><img
         src="media/video/img/vulcan_hand-black-bg.png"
         width="120"
         height="168"
         alt="Vulcan greeting"
         title="Vulcan greeting"
         border="0"
         onmouseover="return setStatus(this.title)"
         onmouseout="return resetStatus()"></div>
       <ul id="greeting">
-        <li style="white-space: nowrap"><p style="text-align: center" lang="x-vulcan-latin">Dif-tor heh smusma</p></li>
+        <li style="white-space: nowrap"><p style="text-align: center" lang="<?php echo $vulcan; ?>">Dif-tor heh smusma</p></li>
-        <li style="white-space: nowrap"><p style="text-align: center" lang="en">Live long and prosper</p></li>
+<?php foreach ($languages as $key => $name): ?>
+<?php   if ($key != $vulcan): ?>
-        <li style="white-space: nowrap"><p style="text-align: center" lang="de">Leben Sie lang und erfolgreich</p></li>
+        <li style="white-space: nowrap"><p style="text-align: center" lang="<?php echo $key; ?>"><?php echo tr('Live long and prosper', $key); ?></p></li>
+<?php   endif; ?>
+<?php endforeach; ?>
       </ul>
       <ul style="text-align: center">
-        <li class="instruction" lang="en">Please select your language</li>
+<?php foreach ($languages as $key => $name): ?>
-        <li class="instruction" lang="de">Bitte w&auml;hlen Sie Ihre Sprache</li>
+        <li class="instruction" lang="<?php echo $key; ?>"><span class="text"><?php echo tr('Please select your language', $key); ?></span></li>
+<?php endforeach; ?>
       </ul>
       <div class="group">
         <div class="separator">&nbsp;</div>
-        <ul id="languages">
+        <ul id="languages" onmouseout="lcars_translate_reset()">
+<?php foreach ($languages as $key => $name): ?>
-          <li><a href="index.en" class="button right" lang="en"
+          <li><a href="index.<?php echo language_key_short($key); ?>"
+                 class="button right" lang="<?php echo $key; ?>"
-                 hreflang="en" accesskey="e"
+                 hreflang="<?php echo $key; ?>"
-                 ><span class="key">en</span> <span class="text">English</span></a></li>
+                 accesskey="<?php echo strtolower($key[0]); ?>"
-          <li><a href="index.de" class="button right" lang="de"
+                 onfocus="lcars_translate('<?php echo $key; ?>')"
-                 hreflang="de" accesskey="d"
+                 onmouseover="lcars_translate('<?php echo $key; ?>')"
                  onclick="return navigateTo(this)"
+                 onblur="lcars_translate_reset()"
+                 ><span class="key"><?php echo language_key_short($key); ?></span>
-                 ><span class="key">de</span> <span class="text">Deutsch</span></a></li>
+                  <span class="text"><?php echo language_name($key); ?></span></a></li>
+<?php endforeach; ?>
         </ul>
         <div style="clear: both"><!--  --></div>
       </div>
 <?php
   $app = 'Language';
-  require_once 'footer.phtml';
+  require_once 'application/layouts/index/footer.phtml';
 ?>
     </div>
   </body>
 </html>

Subversion Repositories LCARS

(root)/trunk/index.php - Rev 170 → 210