2022-08-12 19:56:45 +02:00
<!DOCTYPE html>
2023-03-19 00:22:52 +01:00
< html lang = "[staticoso:PageLang]" >
2022-08-12 19:56:45 +02:00
< head >
2023-02-02 00:24:29 +01:00
< 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 >
2022-12-24 16:17:26 +01:00
< 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" >
2023-02-17 22:00:03 +01:00
< 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 >
2023-02-17 22:00:03 +01:00
< 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 >
2022-11-22 00:22:25 +01:00
< 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 >
2023-02-17 22:00:03 +01:00
< 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 >
2023-02-01 13:07:12 +01:00
< 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" >
2023-03-19 00:22:52 +01:00
< label title = "Apri/Chiudi Nastro Inferiore" id = "BottomBoxLabel" for = "BottomBoxCheck" > < big > < b > [< span class = "twa twa-label twa-🏷️" > < span > 🏷️< / span > < / span > ]< / b > < / big > < / label >
2023-02-17 22:00:03 +01:00
< 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 >
2023-02-01 13:07:12 +01:00
< staticoso:DynamicPart: * / Foot >
2023-03-19 00:22:52 +01:00
< 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-19 00:22:52 +01:00
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
2023-03-19 00:22:52 +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];
2023-03-19 00:22:52 +01:00
};
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 > < button onclick = "ShowPageBg()" > Guarda< / button > ' + PageBgTokens.slice(1, -1);
2023-03-22 23:47:51 +01:00
};
2023-03-19 00:22:52 +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 >
2023-02-01 13:07:12 +01:00
< / html >
