1,4 → 1,5 |
<div id="LCARS"> |
|
<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> |
52,90 → 53,108 |
</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 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> |
<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> |
<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> |
<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; |
166,24 → 185,28 |
</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> |
<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"> |
<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'; |
258,16 → 281,20 |
tColor = null; |
}); |
}()); |
</script><noscript><?php echo tr('N/A'); ?></noscript></td> |
</tr> |
<tr> |
<th><?php echo tr('User Agent'); ?>:</th> |
<td><script type="text/javascript" src="application/scripts/ua.js"></script><noscript><?php |
</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><?php echo tr('Features'); ?>:</th> |
<td><script type="text/javascript"> |
</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 () { |
315,9 → 342,10 |
|
if (jsx.dom.geolocation.isAvailable()) |
{ |
features.push('<a href="#" title="<?php echo tr('Get location'); ?>"' |
+ ' onclick="return lcars.multiDisplay.geolocate(\'<?php echo tr('Geolocation'); ?>\', \'<?php echo $language; ?>\')"' |
+ '><?php echo tr('Geolocation'); ?><\/a>'); |
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()) |
407,36 → 435,35 |
}); |
|
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"> |
</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)) |
{ |
488,6 → 515,7 |
var textTarget = target.firstChild; |
if (nowIsFullscreen) |
{ |
/* FIXME: Do not override event listeners, use the state instead */ |
oldHandler = target.onclick; |
target.onclick = function () { |
fullscreen.cancel(); |
504,48 → 532,65 |
} |
} |
}); |
</script></span></div></li> |
<li id="cmd4"><script type="text/javascript"> |
</script></span> |
</div></li> |
<li id="cmd4"><script type="text/javascript"> |
var LANG_KLINGON = "<?php echo $klingon; ?>"; |
var LANG_VULCAN = "<?php echo $vulcan; ?>"; |
</script><script type="text/javascript" src="application/scripts/vulcan-media-script.js"></script><div |
class="button left right"<?php |
if ($language == $vulcan) |
{ |
?> tabindex="1" onclick="mediaScript(this)"<?php |
} |
else |
{ |
?> style="cursor: not-allowed !important"<?php |
} |
?>><span class="text"><?php |
echo $language == $vulcan ? 'Hitra-Zukitan' : ' '; |
?></span></div></li> |
</ul> |
</div> |
<div class="elbo-button"> |
<span class="text" 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> |
</script> |
<script type="text/javascript" |
src="application/scripts/klingon.js" |
<script type="text/javascript" |
src="application/scripts/vulcan-media-script.js" |
></script> |
<div class="button left right"<?php |
if (in_array($language, array($klingon, $vulcan))) |
{ |
?> tabindex="1" onclick="<?php |
switch ($language) |
{ |
case $klingon: echo 'pIqaD(this)'; break; |
case $vulcan: echo 'if (media_script_used) { latinScript(this); } else { mediaScript(this); }'; break; |
} |
?>"<?php |
} |
else |
{ |
?> style="cursor: not-allowed !important"<?php |
} |
?>><span class="text"><?php |
echo $language == $vulcan ? 'Hitra-Zukitan' : ' '; |
?></span> |
</div></li> |
</ul> |
</div> |
<div class="elbo-button"> |
<span class="text" |
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 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> |
</div> |
</div> |