mirror of https://gitlab.com/octtspacc/sitoctt
Agg. CSS e JS
This commit is contained in:
parent
6f618b4f12
commit
e4cdaf8e70
|
|
@ -237,7 +237,7 @@ IFrame {
|
|||
Z-Index: -1;
|
||||
Left: 0;
|
||||
Right: 0;
|
||||
Width: 75%;
|
||||
Width: 80%;
|
||||
Min-Height: 100vh;
|
||||
Padding-Left: 2.5%;
|
||||
Padding-Right: 2.5%;
|
||||
|
|
@ -397,6 +397,12 @@ Img.Center, Video.Center,
|
|||
User-Select: none;
|
||||
}
|
||||
|
||||
${wPagesList} > Li > .staticoso-List-Title {
|
||||
Left: -1em;
|
||||
Position: Relative;
|
||||
Font-Size: Large;
|
||||
}
|
||||
|
||||
${wPagesList} Li {
|
||||
/*background: RGBA(128,128,128,0.5);
|
||||
border-radius: 2px;
|
||||
|
|
@ -405,26 +411,21 @@ ${wPagesList} Li {
|
|||
Display: Block;
|
||||
}
|
||||
|
||||
${wPagesList} Li > Span {
|
||||
Min-Width: Fit-Content;
|
||||
}
|
||||
${wPagesList} Li > Span { Min-Width: Fit-Content; }
|
||||
|
||||
${wPagesList} > Li > A,
|
||||
${wPagesList} Li > Span + A {
|
||||
Font-Size: Larger;
|
||||
}
|
||||
|
||||
${wPagesList} Li > Span + A { Margin-Bottom: 1em; }
|
||||
|
||||
@Media (Max-Width: 750px) {
|
||||
${wPagesList} Li > Span + A {
|
||||
Display: Block;
|
||||
Margin-Bottom: 1em;
|
||||
}
|
||||
${wPagesList} Li > Span + A { Display: Block; }
|
||||
}
|
||||
|
||||
@Media (Min-Width: 750px) {
|
||||
${wPagesList} Li { Display: Flex; }
|
||||
${wPagesList} Li > Span + A {
|
||||
Margin-Bottom: 1em;
|
||||
}
|
||||
/*
|
||||
${wPagesList} Li:Not(:First-Of-Type) > Span {
|
||||
Margin-Left: 16px;
|
||||
|
|
|
|||
|
|
@ -9,7 +9,8 @@
|
|||
|
||||
/*
|
||||
*/#Background {
|
||||
Background: /*linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),*/ url('[staticoso:CustomPath:Assets]/Media/Minesweeper/XP-Window-www.techradar.com.webp'), #C0C0C0;
|
||||
Background-Color: #C0C0C0;
|
||||
Background-Image: /*linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),*/ url('[staticoso:CustomPath:Assets]/Media/Minesweeper/XP-Window-www.techradar.com.webp');
|
||||
Filter: Blur(5px);
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -9,7 +9,8 @@
|
|||
|
||||
/*
|
||||
*/#Background {
|
||||
Background: url('[staticoso:CustomPath:Assets]/Media/Nonogram/stock.adobe.com-323111281.jpg'), #CCF;
|
||||
Background-Color: #CCF;
|
||||
Background-Image: url('[staticoso:CustomPath:Assets]/Media/Nonogram/stock.adobe.com-323111281.jpg');
|
||||
Filter: Blur(5px);
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -90,7 +90,7 @@ p
|
|||
details
|
||||
summary: h4 Lista di script client-side usati nel sito Web (Espandi)
|
||||
div: ul
|
||||
li Script interni, scritti da me: Auto-espansione dei menu sulle pagine con tema sitoctt in modalità desktop.
|
||||
li Script interni, scritti da me: <del>Auto-espansione dei menu sulle pagine con tema sitoctt in modalità desktop</del> (sto cercando di sistemarlo..), Visualizzazione a schermo intero degli sfondi delle pagine.
|
||||
li #[del Polyfill per supportare le immagini AVIF su vecchi browser: #[a(href='https://github.com/Kagami/avif.js' target='_blank' rel='noopener') avif.js di Kagami]] (#[i Non ancora attivato... #[del lo sarà a breve] #[small quando cavolo lo farò? Sono mesi che rimando, il problema è che non è una soluzione plug-and-play, devo prima capirla e poi creare uno script di wrapping 😭]])
|
||||
|
||||
p Di seguito, metto la mia classifica dei possibili modi per visualizzare questo sito, dal migliore al peggiore. Per standardizzazione, tutti presuppongono supporto completo ai colori (nel possibile).
|
||||
|
|
|
|||
|
|
@ -13,7 +13,8 @@ python3 ../staticoso/App/Source/Build.py \
|
|||
" \
|
||||
--MastodonURL="https://botsin.space" \
|
||||
--MastodonToken="$MastodonToken;Debug=True" \
|
||||
--ActivityPubHoursLimit="0"
|
||||
--ActivityPubHoursLimit="0" \
|
||||
--GemtextOutput=True
|
||||
#--DiffBuild="True" \
|
||||
#--GemtextOutput=True #\
|
||||
#--MastodonURL="https://botsin.space" \
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@ GetArchive() {
|
|||
wget \
|
||||
-O ./staticoso.tar.bz2 \
|
||||
https://gitlab.com/octtspacc/staticoso/-/archive/$1/staticoso-$1.tar.bz2
|
||||
tar xvf ./staticoso.tar.bz2
|
||||
tar xf ./staticoso.tar.bz2
|
||||
mv ./staticoso-$1 ./staticoso
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
#!/bin/sh
|
||||
# Common action after the base site build succeeded
|
||||
|
||||
cp -vr ./Assets/* ./public/
|
||||
#cp -vr ./Assets/* ./public/
|
||||
|
||||
# Compile self-executable assets
|
||||
#for Dir in public public.*
|
||||
|
|
|
|||
|
|
@ -71,8 +71,9 @@
|
|||
<staticoso:DynamicPart:*/Foot>
|
||||
<script>
|
||||
// Issue on Firefox 69 / Chromium: Getting background CSS property doesn't work, maybe background: url('') is invalid for <meta>? Maybe use content: ''?
|
||||
var RawDataCss = JSON.parse(window.getComputedStyle(document.getElementById('RawDataCssInject')).background.split('url("')[1].split('")').slice(0, -1).join('")').replaceAll('\\\"', '\"'));
|
||||
//var RawDataCss = JSON.parse(window.getComputedStyle(document.getElementById('RawDataCssInject')).background.split('url("')[1].split('")').slice(0, -1).join('")').replaceAll('\\\"', '\"'));
|
||||
|
||||
/* Hyperbroken
|
||||
var MediaQuery = window.matchMedia(`(min-width: ${RawDataCss.DeskModeMinWid})`);
|
||||
var SectionMenu = document.querySelector('#RightBoxContainer > Details');
|
||||
var SectionButton = SectionMenu.querySelector('Summary');
|
||||
|
|
@ -94,29 +95,37 @@ function MediaQueryCheck(Query) {
|
|||
};
|
||||
MediaQuery.addListener(MediaQueryCheck);
|
||||
MediaQueryCheck(MediaQuery);
|
||||
*/
|
||||
|
||||
// Note: onclick doesn't work and doesn't show any error, wtf? But calling ShowHidePageBg manually works
|
||||
/*
|
||||
function ShowHidePageBg() {
|
||||
var Style = Body.style;
|
||||
if (Style.visibility || Style.overflow || Body.onclick) {
|
||||
Style.visibility = '';
|
||||
Style.overflow = '';
|
||||
Body.onclick = null;
|
||||
} else {
|
||||
Style.visibility = 'hidden';
|
||||
Style.overflow = 'hidden';
|
||||
Body.onclick = ShowHidePageBg;
|
||||
};
|
||||
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;
|
||||
};
|
||||
|
||||
var PageBgEl = document.getElementById('fn:PageBg');
|
||||
if (PageBgEl) {
|
||||
var PageBgPar = PageBgEl.querySelector('p');
|
||||
var PageBgTokens = PageBgPar.innerHTML.split('</a>');
|
||||
PageBgPar.innerHTML = PageBgTokens[0] + '</a> <button onclick="ShowHidePageBg()">Guarda</button>' + PageBgTokens.slice(1, -1);
|
||||
PageBgPar.innerHTML = PageBgTokens[0] + '</a> <button onclick="ShowPageBg()">Guarda</button>' + PageBgTokens.slice(1, -1);
|
||||
};
|
||||
*/
|
||||
</script>
|
||||
<link rel="stylesheet" href="[staticoso:CustomPath:Assets]/Fonts/SpaceMono/Style.css"/>
|
||||
</body>
|
||||
|
|
|
|||
Loading…
Reference in New Issue