2019-08-12 17:58:06 -04:00
|
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
2020-06-12 17:16:24 -04:00
|
|
|
<html lang="en">
|
2019-08-12 17:58:06 -04:00
|
|
|
<head>
|
|
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
|
|
|
|
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
|
|
|
|
|
<meta name="viewport" content="user-scalable=1.0,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0" />
|
|
|
|
|
<meta name="apple-mobile-web-app-capable" content="yes" />
|
|
|
|
|
<meta name="format-detection" content="telephone=no" />
|
2020-10-28 17:46:40 -04:00
|
|
|
<meta name="robots" content="noindex,nofollow" />
|
2020-06-19 18:56:48 -04:00
|
|
|
<link type="text/css" href="/styles/style.css" media="screen" rel="stylesheet" title="CSS" />
|
2020-08-18 21:29:13 -04:00
|
|
|
<link rel="apple-touch-icon" href="/favicon-303x303.png" />
|
2019-12-16 14:21:07 -05:00
|
|
|
<title>{{{title}}}</title>
|
2022-01-10 04:26:45 -05:00
|
|
|
<style nonce="{{{cspNonce}}}">
|
|
|
|
|
#xbody {
|
|
|
|
|
overflow:hidden;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#masthead {
|
|
|
|
|
background:url(logo.png) 0px 0px;background-color:#036;background-repeat:no-repeat;height:66px;width:100%;overflow:hidden;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#title1 {
|
|
|
|
|
float:left;text-shadow: 1px 1px 2px #000
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#title2 {
|
|
|
|
|
float:left; height: 66px; color:#c8c8c8; padding-left:16px; padding-top:7px
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#title2a {
|
|
|
|
|
font-size:46px; font-family: Arial, Helvetica, sans-serif;text-shadow: 1px 1px 2px #000
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#title3 {
|
|
|
|
|
float:left; height: 66px; color:#c8c8c8; padding-left:5px; padding-top:14px
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#title3a {
|
|
|
|
|
font-size:14px; font-family: Arial, Helvetica, sans-serif;text-shadow: 1px 1px 2px #000
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#footerLeft {
|
|
|
|
|
text-align:left
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#footerRight {
|
|
|
|
|
text-align:right
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#topbar {
|
|
|
|
|
height:24px;position:relative
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#page_leftbar_div {
|
|
|
|
|
height:16px
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#uiMenu {
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#text1 {
|
|
|
|
|
text-align:center;padding-top:30px;font-size:200px;font-family:Arial;color:#bbb
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#text2 {
|
|
|
|
|
text-align:center;font-size:20px;font-family:Arial;color:#999
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#text3 {
|
|
|
|
|
text-align:center;padding-top:20px;font-size:20px;font-family:Arial;color:#999
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#column_l {
|
|
|
|
|
max-height:calc(100vh - 135px);overflow-y:auto
|
|
|
|
|
}
|
|
|
|
|
</style>
|
2019-08-12 17:58:06 -04:00
|
|
|
</head>
|
2022-01-10 04:26:45 -05:00
|
|
|
<body id="xbody">
|
2019-08-12 17:58:06 -04:00
|
|
|
<div id="container">
|
|
|
|
|
<!-- Begin Masthead -->
|
2022-01-10 04:26:45 -05:00
|
|
|
<div id="masthead" class=noselect>
|
|
|
|
|
<div id="title1">{{{titlehtml}}}</div>
|
|
|
|
|
<div id="title2">
|
|
|
|
|
<strong><font id="title2a">{{{title1}}}</font></strong>
|
2019-08-12 17:58:06 -04:00
|
|
|
</div>
|
2022-01-10 04:26:45 -05:00
|
|
|
<div id="title3">
|
|
|
|
|
<strong><font id="title3a">{{{title2}}}</font></strong>
|
2019-08-12 17:58:06 -04:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="page_leftbar">
|
2022-01-10 04:26:45 -05:00
|
|
|
<div id="page_leftbar_div"></div>
|
2019-08-12 17:58:06 -04:00
|
|
|
</div>
|
2022-01-10 04:26:45 -05:00
|
|
|
<div id=topbar class="noselect style3">
|
|
|
|
|
<div id=uiMenuButton title="User interface selection">
|
2019-08-12 17:58:06 -04:00
|
|
|
♦
|
2022-01-10 04:26:45 -05:00
|
|
|
<div id=uiMenu>
|
|
|
|
|
<div id=uiViewButton1 class=uiSelector title="Left bar interface"><div class="uiSelector1"></div></div>
|
|
|
|
|
<div id=uiViewButton2 class=uiSelector title="Top bar interface"><div class="uiSelector2"></div></div>
|
|
|
|
|
<div id=uiViewButton3 class=uiSelector title="Fixed width interface"><div class="uiSelector3"></div></div>
|
|
|
|
|
<div id=uiViewButton4 class=uiSelector title="Toggle night mode"><div class="uiSelector4"></div></div>
|
2019-08-12 17:58:06 -04:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2022-01-10 04:26:45 -05:00
|
|
|
<div id="column_l">
|
|
|
|
|
<div id="text1"><b>404</b></div>
|
|
|
|
|
<div id="text2">This page does not exist</div>
|
|
|
|
|
<div id="text3"><a href="/" style="text-decoration:none"><b>Go to main site</b></a></div>
|
2019-08-12 17:58:06 -04:00
|
|
|
</div>
|
|
|
|
|
<div id="footer">
|
|
|
|
|
<table cellpadding="0" cellspacing="10" style="width: 100%">
|
|
|
|
|
<tr>
|
2022-01-10 04:26:45 -05:00
|
|
|
<td id="footerLeft"></td>
|
|
|
|
|
<td id="footerRight"><a href="/">Back</a></td>
|
2019-08-12 17:58:06 -04:00
|
|
|
</tr>
|
|
|
|
|
</table>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2022-01-10 04:26:45 -05:00
|
|
|
<script nonce="{{{cspNonce}}}">
|
2019-08-12 17:58:06 -04:00
|
|
|
'use strict';
|
|
|
|
|
var uiMode = parseInt(getstore('uiMode', 1));
|
|
|
|
|
var webPageStackMenu = false;
|
|
|
|
|
var webPageFullScreen = true;
|
|
|
|
|
var nightMode = (getstore('_nightMode', '0') == '1');
|
2022-01-10 04:26:45 -05:00
|
|
|
var menuVisible = false;
|
|
|
|
|
QV('uiMenu', menuVisible);
|
|
|
|
|
if (nightMode) { QC('xbody').add('night'); } else { QC('xbody').remove('night'); }
|
|
|
|
|
|
|
|
|
|
// Setup handlers
|
|
|
|
|
Q('uiMenuButton').onclick = showUserInterfaceSelectMenu;
|
|
|
|
|
Q('uiViewButton1').onclick = function () { userInterfaceSelectMenu(1); }
|
|
|
|
|
Q('uiViewButton2').onclick = function () { userInterfaceSelectMenu(2); }
|
|
|
|
|
Q('uiViewButton3').onclick = function () { userInterfaceSelectMenu(3); }
|
|
|
|
|
Q('uiViewButton4').onclick = toggleNightMode;
|
2019-08-12 17:58:06 -04:00
|
|
|
|
2019-10-17 20:13:55 -04:00
|
|
|
var terms = '{{{terms}}}';
|
|
|
|
|
if (terms != '') { QH('column_l', decodeURIComponent(terms)); }
|
2019-08-12 17:58:06 -04:00
|
|
|
QV('column_l', true);
|
|
|
|
|
userInterfaceSelectMenu();
|
|
|
|
|
|
|
|
|
|
// Toggle user interface menu
|
|
|
|
|
function showUserInterfaceSelectMenu() {
|
|
|
|
|
Q('uiViewButton1').classList.remove('uiSelectorSel');
|
|
|
|
|
Q('uiViewButton2').classList.remove('uiSelectorSel');
|
|
|
|
|
Q('uiViewButton3').classList.remove('uiSelectorSel');
|
|
|
|
|
Q('uiViewButton4').classList.remove('uiSelectorSel');
|
|
|
|
|
try { Q('uiViewButton' + uiMode).classList.add('uiSelectorSel'); } catch (ex) { }
|
2022-01-10 04:26:45 -05:00
|
|
|
menuVisible = !menuVisible;
|
|
|
|
|
QV('uiMenu', menuVisible);
|
2019-08-12 17:58:06 -04:00
|
|
|
if (nightMode) { Q('uiViewButton4').classList.add('uiSelectorSel'); }
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function userInterfaceSelectMenu(s) {
|
|
|
|
|
if (s) { uiMode = s; putstore('uiMode', uiMode); }
|
|
|
|
|
webPageFullScreen = (uiMode < 3);
|
|
|
|
|
webPageStackMenu = true;//(uiMode > 1);
|
|
|
|
|
toggleFullScreen(0);
|
|
|
|
|
toggleStackMenu(0);
|
|
|
|
|
QC('column_l').add('room4submenu');
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function toggleNightMode() {
|
|
|
|
|
nightMode = !nightMode;
|
2022-01-10 04:26:45 -05:00
|
|
|
if (nightMode) { QC('xbody').add('night'); } else { QC('xbody').remove('night'); }
|
2019-08-12 17:58:06 -04:00
|
|
|
putstore('_nightMode', nightMode ? '1' : '0');
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// Toggle the web page to full screen
|
|
|
|
|
function toggleFullScreen(toggle) {
|
|
|
|
|
if (toggle === 1) { webPageFullScreen = !webPageFullScreen; putstore('webPageFullScreen', webPageFullScreen); }
|
|
|
|
|
var hide = 0;
|
|
|
|
|
//if (args.hide) { hide = parseInt(args.hide); }
|
|
|
|
|
if (webPageFullScreen == false) {
|
2022-01-10 04:26:45 -05:00
|
|
|
QC('xbody').remove('menu_stack');
|
|
|
|
|
QC('xbody').remove('fullscreen');
|
|
|
|
|
QC('xbody').remove('arg_hide');
|
2019-08-12 17:58:06 -04:00
|
|
|
//if (xxcurrentView >= 10) QC('column_l').add('room4submenu');
|
|
|
|
|
//QV('UserDummyMenuSpan', false);
|
|
|
|
|
//QV('page_leftbar', false);
|
|
|
|
|
} else {
|
2022-01-10 04:26:45 -05:00
|
|
|
QC('xbody').add('fullscreen');
|
|
|
|
|
if (hide & 16) QC('xbody').add('arg_hide'); // This is replacement for QV('page_leftbar', !(hide & 16));
|
2019-08-12 17:58:06 -04:00
|
|
|
//QV('UserDummyMenuSpan', (xxcurrentView < 10) && webPageFullScreen);
|
|
|
|
|
//QV('page_leftbar', true);
|
|
|
|
|
}
|
2022-01-10 04:26:45 -05:00
|
|
|
QV('xbody', true);
|
2019-08-12 17:58:06 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// If FullScreen, toggle menu to be horisontal or vertical
|
|
|
|
|
function toggleStackMenu(toggle) {
|
|
|
|
|
if (webPageFullScreen == true) {
|
|
|
|
|
if (toggle === 1) {
|
|
|
|
|
webPageStackMenu = !webPageStackMenu;
|
|
|
|
|
putstore('webPageStackMenu', webPageStackMenu);
|
|
|
|
|
}
|
|
|
|
|
if (webPageStackMenu == false) {
|
2022-01-10 04:26:45 -05:00
|
|
|
QC('xbody').remove('menu_stack');
|
2019-08-12 17:58:06 -04:00
|
|
|
} else {
|
2022-01-10 04:26:45 -05:00
|
|
|
QC('xbody').add('menu_stack');
|
2019-08-12 17:58:06 -04:00
|
|
|
//if (xxcurrentView >= 10) QC('column_l').remove('room4submenu');
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function putstore(name, val) { try { if (typeof (localStorage) === 'undefined') return; localStorage.setItem(name, val); } catch (e) { } }
|
|
|
|
|
function getstore(name, val) { try { if (typeof (localStorage) === 'undefined') return val; var v = localStorage.getItem(name); if ((v == null) || (v == null)) return val; return v; } catch (e) { return val; } }
|
2020-06-19 18:56:48 -04:00
|
|
|
function Q(x) { return document.getElementById(x); } // "Q"
|
|
|
|
|
function QS(x) { try { return Q(x).style; } catch (x) { } } // "Q" style
|
2022-01-10 04:26:45 -05:00
|
|
|
function QV(x, y) { try { QS(x).display = (y ? '' : 'none'); } catch (ex) { console.log(ex); } } // "Q" visible
|
2020-06-19 18:56:48 -04:00
|
|
|
function QH(x, y) { Q(x).innerHTML = y; } // "Q" html
|
|
|
|
|
function QC(x) { try { return Q(x).classList; } catch (x) { } } // "Q" class
|
2019-08-12 17:58:06 -04:00
|
|
|
</script>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
