123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245 |
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html lang="en">
- <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" />
- <meta name="robots" content="noindex,nofollow" />
- <link type="text/css" href="/styles/style.css" media="screen" rel="stylesheet" title="CSS" />
- <link rel="apple-touch-icon" href="/favicon-303x303.png" />
- <title>{{{title}}}</title>
- <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>
- </head>
- <body id="xbody">
- <div id="container">
- <!-- Begin Masthead -->
- <div id="masthead" class=noselect>
- <div id="title1">{{{titlehtml}}}</div>
- <div id="title2">
- <strong><font id="title2a">{{{title1}}}</font></strong>
- </div>
- <div id="title3">
- <strong><font id="title3a">{{{title2}}}</font></strong>
- </div>
- </div>
- <div id="page_leftbar">
- <div id="page_leftbar_div"></div>
- </div>
- <div id=topbar class="noselect style3">
- <div id=uiMenuButton title="User interface selection">
- ♦
- <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>
- </div>
- </div>
- </div>
- <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>
- </div>
- <div id="footer">
- <table cellpadding="0" cellspacing="10" style="width: 100%">
- <tr>
- <td id="footerLeft"></td>
- <td id="footerRight"><a href="/">Back</a></td>
- </tr>
- </table>
- </div>
- </div>
- <script nonce="{{{cspNonce}}}">
- 'use strict';
- var random = '{{{randomlength}}}' // Random length string for BREACH mitigation
- var uiMode = parseInt(getstore('uiMode', 1));
- var webPageStackMenu = false;
- var webPageFullScreen = true;
- var nightMode = (getstore('_nightMode', '0') == '1');
- 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;
- var terms = '{{{terms}}}';
- if (terms != '') { QH('column_l', decodeURIComponent(terms)); }
- 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) { }
- menuVisible = !menuVisible;
- QV('uiMenu', menuVisible);
- 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;
- if (nightMode) { QC('xbody').add('night'); } else { QC('xbody').remove('night'); }
- 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) {
- QC('xbody').remove('menu_stack');
- QC('xbody').remove('fullscreen');
- QC('xbody').remove('arg_hide');
- //if (xxcurrentView >= 10) QC('column_l').add('room4submenu');
- //QV('UserDummyMenuSpan', false);
- //QV('page_leftbar', false);
- } else {
- QC('xbody').add('fullscreen');
- if (hide & 16) QC('xbody').add('arg_hide'); // This is replacement for QV('page_leftbar', !(hide & 16));
- //QV('UserDummyMenuSpan', (xxcurrentView < 10) && webPageFullScreen);
- //QV('page_leftbar', true);
- }
- QV('xbody', true);
- }
- // 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) {
- QC('xbody').remove('menu_stack');
- } else {
- QC('xbody').add('menu_stack');
- //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; } }
- function Q(x) { return document.getElementById(x); } // "Q"
- function QS(x) { try { return Q(x).style; } catch (x) { } } // "Q" style
- function QV(x, y) { try { QS(x).display = (y ? '' : 'none'); } catch (ex) { console.log(ex); } } // "Q" visible
- function QH(x, y) { Q(x).innerHTML = y; } // "Q" html
- function QC(x) { try { return Q(x).classList; } catch (x) { } } // "Q" class
- </script>
- </body>
- </html>
|