sitoctt/Templates/sitoctt.html

133 lines
4.6 KiB
HTML
Raw Normal View History

2022-08-12 19:56:45 +02:00
<!DOCTYPE html>
<html lang="[staticoso:PageLang]">
2022-08-12 19:56:45 +02:00
<head>
<staticoso:StaticPart:Standard/Head.Global.html>
2023-03-22 13:06:34 +01:00
<link rel="stylesheet" href="[staticoso:SiteRelativeRoot]Assets/sitoctt.css"/>
2022-08-12 19:56:45 +02:00
<style>
2022-11-02 00:28:53 +01:00
<staticoso:PageStyle>
2022-08-12 19:56:45 +02:00
</style>
<staticoso:PageHead>
2022-11-02 00:28:53 +01:00
<staticoso:DynamicPart:*/Head>
2022-08-12 19:56:45 +02:00
</head>
<body id="Body">
2023-03-23 10:27:51 +01:00
<div id="Background"></div>
2022-08-12 19:56:45 +02:00
<div id="Header">
2022-11-02 00:28:53 +01:00
<staticoso:DynamicPart:*/Header>
2022-08-12 19:56:45 +02:00
</div>
<div id="Container">
<input type="checkbox" id="DesktopModeCheck" checked="true">
<label title="Attiva/Disattiva Vista a Colonne" id="DesktopModeLabel" for="DesktopModeCheck"><big><b>[<span class="twa twa-framed-picture twa-🖼️"><span>🖼️</span></span>]</b></big></label>
2022-08-12 19:56:45 +02:00
<div id="TopBox">
2022-11-02 00:28:53 +01:00
<staticoso:StaticPart:Standard/TopBox.html>
2022-08-12 19:56:45 +02:00
</div>
<div id="MiddleBox">
<div id="LeftBoxContainer">
<details>
<summary title="Menu Globale"><big><b>[<span class="twa twa-books twa-📚"><span>📚</span></span>]</b></big></summary>
2022-08-12 19:56:45 +02:00
<div id="LeftBox">
2022-11-02 00:28:53 +01:00
<staticoso:SiteMenu>
<hr>
<div id="LeftBoxBottom" class="Pixelated NoABigger">
<staticoso:StaticPart:Standard/MiscButtons.Vertical.html>
</div>
2022-08-12 19:56:45 +02:00
</div>
</details>
</div>
<div id="RightBoxContainer">
<details>
<summary title="Sezioni della Pagina"><big><b>[<span class="twa twa-bookmark-tabs twa-📑"><span>📑</span></span>]</b></big></summary>
2022-08-12 19:56:45 +02:00
<div id="RightBox">
2022-11-02 00:28:53 +01:00
<staticoso:PageSections>
2022-08-12 19:56:45 +02:00
</div>
</details>
</div>
<div id="MainBox">
<div id="MainBoxTop">
2022-11-02 00:28:53 +01:00
<staticoso:PageContentInfo>
2022-08-12 19:56:45 +02:00
</div>
<div id="PageContent">
<staticoso:PageContent>
</div>
2022-08-12 19:56:45 +02:00
<div id="MainBoxBottom">
2023-03-14 15:23:35 +01:00
<staticoso:Comments/>
2022-08-12 19:56:45 +02:00
<br>
2022-11-02 00:28:53 +01:00
<staticoso:DynamicPart:*/Footer>
2022-08-12 19:56:45 +02:00
<br>
<div id="MainBoxGlobalFooter" class="Pixelated">
2022-11-02 00:28:53 +01:00
<staticoso:StaticPart:Standard/Footer.html>
2022-08-12 19:56:45 +02:00
</div>
</div>
</div>
</div>
<div id="BottomBoxContainer">
<label title="Apri/Chiudi Nastro Inferiore" id="BottomBoxLabel" for="BottomBoxCheck"><big><b>[<span class="twa twa-label twa-🏷️"><span>🏷️</span></span>]</b></big></label>
<input type="checkbox" id="BottomBoxCheck" class="ToggleBoxCheck">
2022-08-12 19:56:45 +02:00
<div id="BottomBox" class="ToggleBox">
2022-11-02 00:28:53 +01:00
<staticoso:StaticPart:Standard/BottomBox.html>
2022-08-12 19:56:45 +02:00
</div>
</div>
2022-08-28 00:21:04 +02:00
<!-- <div id="PrivacyPopup"></div> -->
2022-08-12 19:56:45 +02:00
</div>
<staticoso:DynamicPart:*/Foot>
<script>
2023-03-22 23:47:51 +01:00
// Issue on Firefox 69 / Chromium: Getting background CSS property doesn't work, maybe background: url('') is invalid for <meta>? Maybe use content: ''?
2023-03-23 23:43:53 +01:00
//var RawDataCss = JSON.parse(window.getComputedStyle(document.getElementById('RawDataCssInject')).background.split('url("')[1].split('")').slice(0, -1).join('")').replaceAll('\\\"', '\"'));
2023-03-23 23:43:53 +01:00
/* Hyperbroken
2023-03-22 23:47:51 +01:00
var MediaQuery = window.matchMedia(`(min-width: ${RawDataCss.DeskModeMinWid})`);
2023-03-22 13:06:34 +01:00
var SectionMenu = document.querySelector('#RightBoxContainer > Details');
2023-03-22 23:47:51 +01:00
var SectionButton = SectionMenu.querySelector('Summary');
2023-03-22 13:06:34 +01:00
2023-03-22 23:47:51 +01:00
var NormalOpen = SectionMenu.open;
SectionButton.onclick = function() {
if (!MediaQuery.matches) {
// For some reason without the ! it sets the opposite of what's really happening???
// Maybe the onclick event fires before the details element is actually opened by the click?
NormalOpen = !SectionMenu.open;
};
};
2023-03-22 13:06:34 +01:00
function MediaQueryCheck(Query) {
2023-03-22 23:47:51 +01:00
if (MediaQuery.matches) SectionMenu.open = true; // Go in desktop mode
2023-03-22 13:06:34 +01:00
else SectionMenu.open = NormalOpen; // Going in normal mode
2023-03-22 23:47:51 +01:00
// we must when handle user manually disable desktop mode if we want hide the button
//SectionButton.style.display = {true: "none", false: ""}[Query.matches];
};
MediaQuery.addListener(MediaQueryCheck);
MediaQueryCheck(MediaQuery);
2023-03-23 23:43:53 +01:00
*/
2023-03-22 23:47:51 +01:00
2023-03-23 23:43:53 +01:00
var BackgroundFilter = getComputedStyle(Background).filter;
function ResetShowPageBg() {
Background.onclick = null;
Background.style.cursor = '';
Background.style.filter = BackgroundFilter;
Body.style.overflow = '';
[Header, Container].forEach(function(El) {
['visibility', 'overflow'].forEach(function(Prop) {
El.style[Prop] = '';
});
});
};
function ShowPageBg() {
[Header, Container].forEach(function(El) {
['visibility', 'overflow'].forEach(function(Prop) {
El.style[Prop] = 'hidden';
});
});
Body.style.overflow = 'hidden';
Background.style.filter = 'none';
Background.style.cursor = 'pointer';
Background.onclick = ResetShowPageBg;
2023-03-22 23:47:51 +01:00
};
var PageBgEl = document.getElementById('fn:PageBg');
if (PageBgEl) {
var PageBgPar = PageBgEl.querySelector('p');
var PageBgTokens = PageBgPar.innerHTML.split('</a>');
2023-03-23 23:43:53 +01:00
PageBgPar.innerHTML = PageBgTokens[0] + '</a>&nbsp;<button onclick="ShowPageBg()">Guarda</button>' + PageBgTokens.slice(1, -1);
2023-03-22 23:47:51 +01:00
};
</script>
2023-03-22 13:06:34 +01:00
<link rel="stylesheet" href="[staticoso:CustomPath:Assets]/Fonts/SpaceMono/Style.css"/>
2022-08-12 19:56:45 +02:00
</body>
</html>