<div id="LCARS">
<?php /*
<div id="button-grid" style="position: absolute; opacity: 0.3">
<a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
<a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
<a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
<a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
<a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
<a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
<a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
<a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
<a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
<a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
<a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
<a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
</div>
*/ ?>
<div id="bow">
<div id="bow-top">
<div class="separator-left"> </div>
<div class="text">
<span>PointedEars’ Website</span>
</div>
</div>
<div id="bow-top-left">
<div class="concave"> </div>
<div
style="position: absolute; top: 3.2em; left: 0; background-color: black"
>
<div class="bow"
style="margin-top: 0.2em; width: 8em; height: 1em"
> </div>
</div>
</div>
<div id="bottom">
<div id="bow-bottom">
<div class="concave"> </div>
<div class="spacer"> </div>
</div>
</div>
<div class="menu-container">
<nav class="menu">
<ul>
<?php foreach ($languages as $key => $name): ?>
<li><a
href="index.
<?php echo language_key_short
($key); ?>?ani=0"
lang="
<?php echo $key; ?>" hreflang="
<?php echo $key; ?>"
class="button
<?php if ($language === $key) { ?> selected
<?php } ?>"
tabindex="2"
><span class="text">
<?php echo language_name
($key); ?></span></a></li>
<?php endforeach; ?>
</ul>
<div class="bow" style="margin-bottom: 0.4em; height: 0.4em"> </div>
<ul style="margin-bottom: 1.2em">
<li><a href="
<?php echo $menu['scripts']['path']; ?>"
target="_top" class="button" lang="
<?php echo $language; ?>"
><span class="text">
<?php echo $menu['scripts']['text']; ?></span></a></li>
<li><a href="
<?php echo $menu['es-matrix']['path']; ?>"
target="_top" class="button"
title="
<?php echo $menu['es-matrix']['title']; ?>"
><span class="text">
<?php echo $menu['es-matrix']['text']; ?></span></a></li>
<li><a href="
<?php echo $menu['devel']['path']; ?>"
target="_top" class="button" lang="
<?php echo $language; ?>"
><span class="text">
<?php echo $menu['devel']['text']; ?></span></a></li>
</ul>
<ul style="margin-bottom: 0.2em">
<li><a href="psf/" target="_top" class="button ancillary"><abbr
title="
<?php echo tr
("PointedEars' Standard Frases"); ?>"
class="text"
>psf</abbr></a></li>
<li><a href="
<?php echo $menu['series']['path']; ?>"
target="_top" class="button ancillary"
title="
<?php echo tr
('List of recommended TV shows and episodes, with logos in CSS'); ?>"
><span class="text">
<?php echo $menu['series']['text']; ?></span></a></li>
<li><a href="
<?php echo $menu['ufpdb']['path']; ?>"
target="_top" class="button database"
><abbr title="
<?php echo $menu['ufpdb']['title']; ?>"
class="text"
>
<?php echo $menu['ufpdb']['text']; ?></abbr></a></li>
</ul>
<div style="position: relative; margin-bottom: 1.2em">
<div class="bow" style="height: 0.8em"> </div>
</div>
<ul>
<li><a
href="http://climateapps2.oerc.ox.ac.uk/cpdnboinc/show_user.php?userid=648544"
target="_top" class="button secondary"
title="
<?php echo tr
("The world’s largest climate forecasting experiment for the 21st century"); ?>"
><span class="text">climateprediction.net</span></a></li>
<li><a
href="http://fah-web2.stanford.edu/cgi-bin/main.py?qtype=userpage&username=Thomas_Lahn"
target="_top" class="button secondary"
title="
<?php echo tr
("Distributed computing to understand protein folding, protein aggregation, and related diseases"); ?>"
><span class="text">Folding at home</span></a></li>
<li><a
href="http://lhcathomeclassic.cern.ch/sixtrack/show_user.php?userid=221181"
target="_top" class="button secondary"
title="
<?php echo tr
("Particle physics research with the Large Hadron Collider at CERN"); ?>"
><span class="text">LHC at home</span></a></li>
<li><a
href="http://setiathome.berkeley.edu/show_user.php?userid=378921"
target="_top" class="button secondary"
title="
<?php echo tr
("The Search for Extra-Terrestrial Intelligence at HOME"); ?>"
><span class="text">SETI at home</span></a></li>
<li><a
href="http://stackoverflow.com/users/855543/pointedears"
target="_top" class="button secondary"
title="
<?php echo tr
("Me on Stack Overflow"); ?>"
><span class="text">Stack Overflow</span></a></li>
<li><a href="https://twitter.com/PointedEars2" target="_top"
class="button secondary"
title="
<?php echo tr
("Me on Twitter"); ?>"
><span class="text">Twitter</span></a></li>
<li><a
href="
<?php echo tr
("http://en.wikipedia.org/wiki/Special:Contributions/PointedEars"); ?>"
target="_top" class="button secondary"
title="
<?php echo tr
("My contributions to Wikipedia"); ?>"
><span class="text">
<?php echo tr
('Wikipedia'); ?></span></a></li>
</ul>
<?php /*
<script type="text/javascript">
var sURL = location.href;
var sFavAnchorTitle =
"Klicken Sie hier, um PointedEars' Website Ihren Favoriten"
+ " hinzuzufügen";
var sOtherAnchorTitle =
"Klicken Sie hier mit der rechten Maustaste, um PointedEars' Website"
+ " Ihren Lesezeichen hinzuzufügen";
var sFavoriteTitle = "PointedEars' Website";
if (jsx.object.isHostMethod(jsx.global.window, "external", "AddFavorite"))
{
document.write(
'<div style="position: relative; margin-top: 1em; border-bottom: 0.2em solid transparent">'
+ ' <div class="bow" style="width: 8em; height: 1em"> <\/div>'
+ ' <div class="bow" style="position: absolute; top: 0; left: 8.2em; width: 2em; height: 1em"> <\/div>'
+ '</div>'
+ '<a href="javascript:window.external.AddFavorite('
+ ' sURL, sFavoriteTitle);" title="' + sFavAnchorTitle + '"'
+ ' class="button"'
+ ' onclick="window.external.AddFavorite('
+ ' sURL, sFavoriteTitle); return false"'
+ ' onmouseover="return setStatus(sFavAnchorTitle)"'
+ ' onmouseout="return resetStatus()"'
+ '><span class="text">Favorit<\/span><\/a>');
}
</script>
*/ ?>
</nav>
</div>
</div>
<div id="connectors">
<div class="bow top left"> </div>
<div class="bow top right"> </div>
<div class="bow mid left"> </div>
<div class="bow mid right"> </div>
</div>
<div class="multi-display">
<div class="upper">
<div class="content">
<div class="title" id="title" lang="
<?php echo $language; ?>">
<span class="text">
<?php echo tr
('Home'); ?></span>
</div>
<div class="analysis" id="analysis">
<table>
<tr>
<th lang="
<?php echo $language; ?>"><span class="text">
<?php echo tr
('Display'); ?>:</span></th>
<td lang="
<?php echo $language; ?>"><script
type="text/javascript"
>
var _addEventListener = jsx.dom.addEventListener;
var _runAsync = jsx.dom.timeout.runAsync;
var ID_SCREEN_DIM = 'screenDim';
var ID_AVAIL_DIM = 'availDim';
var ID_INNER_DIM = 'innerDim';
var dim = (function () {
var screenInfo = jsx.dom.window.screenInfo;
return {
getScreenText: function () {
var screenDim = screenInfo.getDim();
return screenDim.width + "×" + screenDim.height;
},
getAvailText: function () {
var availDim = screenInfo.getAvailDim();
return
<?php echo sprintf(tr
('%s + "x" + %s + " available"'), 'availDim.width', 'availDim.height'); ?>;
},
getInnerText: function () {
var innerDim = screenInfo.getInnerDim();
return ", " +
<?php echo sprintf(tr
('%s + "x" + %s + " used"'), 'innerDim.width', 'innerDim.height'); ?>;
},
getColorDepthText: function () {
var colorDepth = screenInfo.getColorDepth();
return colorDepth
? '2<sup>' + colorDepth + "<\/sup>
<?php echo tr
('colors'); ?>"
: "";
}
};
}());
(function () {
var screenDimText = dim.getScreenText();
var availDimText = dim.getAvailText();
var innerDimText = dim.getInnerText();
var colorDepthText = dim.getColorDepthText();
var displayInfo = (screenDimText || availDimText || innerDimText || colorDepthText)
? (screenDimText ?
<?php echo sprintf("'" . tr
('%s pixels') . "'", "<span id=\"' + ID_SCREEN_DIM + '\">' + screenDimText + '<\/span>' + '"); ?> : "")
+ (availDimText ? ' (<span id="' + ID_AVAIL_DIM + '">' + availDimText + "<\/span>" : "")
+ (innerDimText ? '<span id="' + ID_INNER_DIM + '">' + innerDimText + "<\/span>)" : "")
+ (colorDepthText ? ' × <span id="colorDepth">' + colorDepthText + "<\/span>" : "")
: TEXT_NOT_AVAILABLE;
/* FIXME: Convert HTML to text, update whole title text */
document.write('<span class="text">' + displayInfo + '<\/span>');
var oColorDepth;
var tColor = _runAsync(function () {
if (typeof oColorDepth == "undefined")
{
oColorDepth = document.getElementById("colorDepth");
}
if (oColorDepth)
{
var colorDepthText = dim.getColorDepthText();
<?php /* FIXME: Also update title attribute value */ ?>
if (oColorDepth.innerHTML != colorDepthText)
{
oColorDepth.innerHTML = colorDepthText;
}
}
tColor = this.run();
}, 1000);
_addEventListener(document, "unload", function () {
tColor.unset();
tColor = null;
});
}());
</script>
<noscript>
<?php echo tr
('N/A'); ?></noscript></td>
</tr>
<tr>
<th lang="
<?php echo $language; ?>"><span class="text">
<?php echo tr
('User Agent'); ?>:</span></th>
<td><script type="text/javascript"
src="application/scripts/ua.js"
></script>
<noscript>
<?php
echo tr
('N/A'); ?></noscript></td>
</tr>
<tr>
<th lang="
<?php echo $language; ?>"><span class="text">
<?php echo tr
('Features'); ?>:</span></th>
<td><script type="text/javascript">
var fullscreen = jsx.dom.window.fullscreen;
(function () {
function getFeatures ()
{
var features = [];
if (typeof document.cookie != "undefined")
{
var cookiesText = "
<?php echo tr
('Cookies'); ?>"
if (navigator.cookieEnabled)
{
if (document.cookie)
{
var cookies = document.cookie;
cookies = cookies.split(/\s*;\s*/);
features.push('<a href="#" title="'
+ cookies.join(" ")
+ '"'
+ ' onclick="window.alert(\'
<?php echo tr
('Cookies for'); ?> ' + document.domain + '\\n\\n' + cookies.join("\\n") + '\'); return false">' + cookiesText + '<\/a>');
}
else
{
features.push('<span class="unavailable"'
+ ' title="
<?php echo tr
('Cookies supported, but no data for this site'); ?>"'
+ '>' + cookiesText + '<\/span>');
}
}
else
{
features.push('<span class="offline"'
+ ' title="
<?php echo tr
('Cookies supported, but disabled'); ?>"'
+ '>' + cookiesText + '<\/span>');
}
}
if (fullscreen.isSupportedBy(document.documentElement))
{
features.push("<span lang='
<?php echo $language; ?>'><span class='text'>
<?php echo tr
('Fullscreen'); ?><\/span><\/span>");
}
if (navigator.webkitGetGamepads && navigator.webkitGetGamepads().length)
{
features.push("
<?php echo tr
('Gamepad'); ?>");
}
if (jsx.dom.geolocation.isAvailable())
{
features.push('<a href="#" title="
<?php echo htmlspecialchars(tr
('Get location'), ENT_QUOTES); ?>"'
+ ' lang="
<?php echo $language; ?>"'
+ ' onclick=\'return lcars.multiDisplay.geolocate("
<?php echo htmlspecialchars(tr
('Geolocation'), ENT_QUOTES); ?>", "
<?php echo $language; ?>")\''
+ '><span class="text">
<?php echo htmlspecialchars(tr
('Geolocation'), ENT_QUOTES); ?><\/span><\/a>');
}
if (typeof navigator.javaEnabled != "undefined" && navigator.javaEnabled())
{
features.push("Java");
}
var storage = jsx.dom.storage;
if (storage.localStorage.isSupported()) features.push("Local Storage");
if (navigator.plugins)
{
if (navigator.plugins.length > 0)
{
features.push('<span title="'
+ navigator.plugins.length
+ '
<?php echo tr
('plugins installed'); ?>">Plugins<\/span>');
}
else
{
features.push('<span class="unavailable"'
+ ' title="
<?php echo tr
('Plugins supported, but none detected'); ?>"'
+ '>Plugins<\/span>');
}
}
if (storage.sessionStorage.isSupported())
{
features.push("Session Storage");
}
if (typeof window.ontouchstart != "undefined") features.push("Touch");
return features.join(" • ");
}
function stripTags (s)
{
return s.replace(/<[^>]+>/g, "");
}
var sFeatures = getFeatures();
document.write('<span id="features" title="' + stripTags(sFeatures) + '">' + sFeatures + '<\/span>');
var oFeatures;
var oFeaturesHtml;
var tFeatures = _runAsync(function () {
if (typeof oFeatures == "undefined")
{
oFeatures = document.getElementById("features");
}
if (oFeatures)
{
var sNewFeatures = getFeatures();
if (!oFeaturesHtml)
{
oFeaturesHtml = document.createElement("span");
}
if (oFeaturesHtml)
{
oFeaturesHtml.innerHTML = sNewFeatures;
sNewFeatures = oFeaturesHtml.innerHTML;
}
if (oFeatures.innerHTML != sNewFeatures)
{
oFeatures.innerHTML = sNewFeatures;
}
/* Converts CREs */
var newTitle = stripTags(oFeatures.innerHTML)
if (oFeatures.title != newTitle)
{
oFeatures.title = newTitle;
}
}
tFeatures = this.run();
}, 1000);
}());
_addEventListener(document, "unload", function () {
tFeatures.unset();
tFeatures = null;
});
var windowText = "
<?php echo tr
("Window"); ?>";
</script>
<noscript>
<?php echo tr
('N/A'); ?></noscript></td>
</tr>
</table>
</div>
<ul class="commands">
<li id="cmd1"><a href="index.php" title="Language selection"
tabindex="1" class="button left right"
onmouseover="return setStatus(this.title + ': ' + this.href)"
onmouseout="return resetStatus()"
onfocus="return this.onmouseover()"
onblur="return this.onmouseout()"
><abbr class="text" title="Language selection">Language</abbr></a></li>
<li id="cmd2"><a
href="index.
<?php echo $language; ?>?printable=1"
title="
<?php echo tr
('Printable version'); ?>" tabindex="1"
class="button left right"
onmouseover="return setStatus(this.title + ': ' + this.href)"
onmouseout="return resetStatus()"
onfocus="return this.onmouseover()"
onblur="return this.onmouseout()"
lang="
<?php echo $language; ?>"
><span class="text">
<?php echo tr
("Printable"); ?></span></a></li>
<li id="cmd3"><div class="button left right"
style="cursor: not-allowed !important"
onclick="fullscreen.requestOn(document.documentElement, this)"
onkeyup="if (event.keyCode == 13) { this.onclick(); }"
lang="
<?php echo $language; ?>"
><span class="text"><script type="text/javascript">
var cmd3;
if (fullscreen.isSupportedBy(document.documentElement))
{
_addEventListener(window, "load", function () {
if (typeof cmd3 == "undefined")
{
cmd3 = jsx.dom.getElementById("cmd3");
}
if (cmd3)
{
cmd3.firstChild.tabIndex = "1";
}
});
var fullscreenText = "
<?php echo tr
("Fullscreen"); ?>";
document.write(fullscreenText);
}
var oScreenDim;
var oAvailDim;
var oInnerDim;
var _gEBI = jsx.dom.getElementById;
var previousIsFullscreen;
var oldHandler;
_addEventListener(window, "resize", function () {
<?php /* FIXME: Also update title attribute value */ ?>
if (typeof oScreenDim == "undefined") oScreenDim = _gEBI(ID_SCREEN_DIM);
if (oScreenDim) oScreenDim.innerHTML = dim.getScreenText();
if (typeof oAvailDim == "undefined") oAvailDim = _gEBI(ID_AVAIL_DIM);
if (oAvailDim) oAvailDim.innerHTML = dim.getAvailText();
if (typeof oInnerDim == "undefined") oInnerDim = _gEBI(ID_INNER_DIM);
if (oInnerDim) oInnerDim.innerHTML = dim.getInnerText();
if (fullscreen.isSupportedBy(document.documentElement))
{
var nowIsFullscreen = fullscreen.isFullscreen();
if (nowIsFullscreen != previousIsFullscreen)
{
if (typeof cmd3 == "undefined")
{
cmd3 = document.getElementById("cmd3");
}
var target = cmd3.firstChild;
var textTarget = target.firstChild;
if (nowIsFullscreen)
{
/* FIXME: Do not override event listeners, use the state instead */
oldHandler = target.onclick;
target.onclick = function () {
fullscreen.cancel();
};
textTarget.textContent = "
<?php echo tr
("Window"); ?>";
}
else
{
target.onclick = oldHandler;
textTarget.textContent = fullscreenText;
}
previousIsFullscreen = nowIsFullscreen;
}
}
});
</script></span>
</div></li>
<li id="cmd4"><script type="text/javascript">
var LANG_KLINGON = "
<?php echo $klingon; ?>";
var LANG_VULCAN = "
<?php echo $vulcan; ?>";
lcars.language = "
<?php echo $language; ?>";
</script>
<script type="text/javascript" src="application/scripts/klingon.js"></script>
<script type="text/javascript" src="application/scripts/vulcan-media-script.js"></script>
<script type="text/javascript">
function toggleScript (button)
{
var is_alien_language = (lcars.language == LANG_KLINGON
|| lcars.language == LANG_VULCAN);
if (media_script_used)
{
klingonLatinScript(button);
latinScript(button);
if (!is_alien_language)
{
button.firstChild.textContent = button.getAttribute("data-caption");
}
}
else
{
pIqaD(button);
mediaScript(button);
if (!is_alien_language)
{
button.setAttribute("data-caption", button.firstChild.textContent);
button.firstChild.textContent = "Latin";
}
}
}
</script>
<div class="button left right"
<?php
$language_keys = array_keys($languages);
if (in_array(@$klingon, $language_keys) || in_array(@$vulcan, $language_keys))
{
?> tabindex="1" onclick="return toggleScript(this)"
<?php
}
else
{
?> style="cursor: not-allowed !important"
<?php
}
?>><span class="text" lang="
<?php echo $language; ?>">
<?php
switch ($language)
{
case $klingon: echo 'pIqaD'; break;
case $vulcan: echo 'Hitra-Zukitan'; break;
default: echo 'Original';
}
?></span>
</div></li>
</ul>
</div>
<div class="elbo-button">
<span class="text" lang="
<?php echo $language; ?>"
title="
<?php echo tr
("Date of last modification"); ?>"
>
<?php echo gmdate('Ym.d', $modi); ?></span>
</div>
<div class="elbo" lang="
<?php echo $language; ?>">
<span class="text"><abbr
title="
<?php echo tr
('Library Computer Access and Retrieval System'); ?>"
>
<?php echo tr
('LCARS'); ?></abbr> PE-22A</span>
<div class="concave"> </div>
</div>
<div class="border">
<div class="left"> </div>
<div class="right"> </div>
</div>
</div>
<div class="lower">
<div class="elbo">
<div class="concave"> </div>
</div>
<div class="bg"> </div>
<div class="border-container">
<div class="border">
<div class="left"> </div>
<div class="right"> </div>
</div>
</div>
</div>
</div>
</div>