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,102 |
</div> |
*/ ?> |
<div id="bow"> |
<div id="bow-top"> |
<div class="separator-left"> </div> |
<div class="text"><span>PointedEars’ Website</span></div> |
<div id="bow-top"> |
<div class="separator-left"> </div> |
<div class="text" lang="<?php echo $language; ?>"> |
<span><?php echo tr("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> |
<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> |
<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 → 179,26 |
</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'; |
224,7 → 239,7 |
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>' + '"); ?> : "") |
? (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>" : "") |
258,16 → 273,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 () { |
286,12 → 305,19 |
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>'); |
+ ' onclick=\'window.alert(<?php |
echo htmlspecialchars(sprintf(tr('"Cookies for " + %s + "'), 'document.domain'), ENT_QUOTES); |
?>' |
+ '\\n\\n' |
+ cookies.join("\\n") |
+ '"); return false\'><span class=\'text\' lang=\'<?php |
echo $language; |
?>\'>' + cookiesText + '<\/span><\/a>'); |
} |
else |
{ |
features.push('<span class="unavailable"' |
+ ' title="<?php echo tr('Cookies supported, but no data for this site'); ?>"' |
+ ' title="<?php echo htmlspecialchars(tr('Cookies supported, but no data for this site'), ENT_QUOTES); ?>"' |
+ '>' + cookiesText + '<\/span>'); |
} |
} |
298,7 → 324,7 |
else |
{ |
features.push('<span class="offline"' |
+ ' title="<?php echo tr('Cookies supported, but disabled'); ?>"' |
+ ' title="<?php echo htmlspecialchars(tr('Cookies supported, but disabled'), ENT_QUOTES); ?>"' |
+ '>' + cookiesText + '<\/span>'); |
} |
} |
305,19 → 331,20 |
|
if (fullscreen.isSupportedBy(document.documentElement)) |
{ |
features.push("<span lang='<?php echo $language; ?>'><span class='text'><?php echo tr('Fullscreen'); ?><\/span><\/span>"); |
features.push("<span class='text' lang='<?php echo $language; ?>'><?php echo tr('Fullscreen'); ?><\/span>"); |
} |
|
if (navigator.webkitGetGamepads && navigator.webkitGetGamepads().length) |
{ |
features.push("<?php echo tr('Gamepad'); ?>"); |
features.push("<span class='text' lang='<?php echo $language; ?>'><?php echo tr('Gamepad'); ?></span>"); |
} |
|
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()) |
334,12 → 361,12 |
{ |
features.push('<span title="' |
+ navigator.plugins.length |
+ ' <?php echo tr('plugins installed'); ?>">Plugins<\/span>'); |
+ ' <?php echo htmlspecialchars(tr('plugins installed'), ENT_QUOTES); ?>">Plugins<\/span>'); |
} |
else |
{ |
features.push('<span class="unavailable"' |
+ ' title="<?php echo tr('Plugins supported, but none detected'); ?>"' |
+ ' title="<?php echo htmlspecialchars(tr('Plugins supported, but none detected'), ENT_QUOTES); ?>"' |
+ '>Plugins<\/span>'); |
} |
} |
355,7 → 382,7 |
|
function stripTags (s) |
{ |
return s.replace(/<[^>]+>/g, ""); |
return s.replace(/<(br|p)\s*\/?>/ig, "\\n").replace(/<[^>]*>/g, ""); |
} |
|
var sFeatures = getFeatures(); |
407,145 → 434,68 |
}); |
|
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) |
{ |
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_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> |
<noscript><?php echo tr('N/A'); ?></noscript></td> |
</tr> |
</table> |
</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> |
<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_key_short($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="toggleFullscreen(this)" |
onkeyup="if (event.keyCode == 13) { this.click(); }" |
lang="<?php echo $language; ?>" |
><span class="text"></span></div></li> |
<li id="cmd4"><div class="button left right" |
style="cursor: not-allowed !important" |
onkeyup="if (event.keyCode == 13) { this.click(); }" |
><span class="text" lang="<?php echo $language; ?>"></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> <span lang="en">PE-</span>22<span style="text-transform: uppercase">a</span></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> |