Lavoro sul nuovo tema

This commit is contained in:
octospacc 2022-08-28 00:21:04 +02:00
parent e8178a5814
commit 0e0eafdb64
4 changed files with 156 additions and 11 deletions

108
Assets/Assets/WM.css Normal file
View File

@ -0,0 +1,108 @@
/*--------------------------------------------------------*
* Costanti Globali *
*--------------------------------------------------------*/
:Root {
--WindowPadding: 4px;
--TitleBarHeight: 28px;
--TaskBarHeight: 36px;
}
/*--------------------------------------------------------*/
Body {
Margin: 0;
Padding: 0;
Overflow-Y: Hidden;
}
/*--------------------------------------------------------*
* Window Manager *
*--------------------------------------------------------*/
.Window {
Margin: Var(--WindowPadding);
Border: Solid 2px;
Color: #000000;
Background: #FFFFFF;
}
.WindowContent {
Min-Width: 100%;
Padding: Var(--WindowPadding);
Overflow-Y: Auto;
}
.Window:Hover {
Z-Index: 128 !important;
}
.TitleBar {
Padding: Var(--WindowPadding);
Color: #FFFFFF;
Background: #000000;
Text-Align: Center;
Vertical-Align: Top;
Max-Height: Var(--TitleBarHeight);
}
.TitleBar span:nth-child(1) {
Float: Left;
}
.TitleBar span:nth-child(3) {
Float: Right;
}
.TaskBar {
Width: 100%;
Color: #FFFFFF;
Background: #000000;
Position: Fixed;
Bottom: 0px;
Padding: Var(--WindowPadding);
Max-Height: Var(--TaskBarHeight);
Z-Index: 256;
}
.MenuButton {
Display: Inline-Block;
Min-Height: 100%;
}
/*--------------------------------------------------------*/
/*--------------------------------------------------------*
* Fritto Misto - Andrebbe ordinato *
*--------------------------------------------------------*/
* {
Box-Sizing: Border-Box;
}
#MainWindow {
Width: 80vw;
Position: Absolute;
Top: 16px;
Right: 16px;
Max-Height: 80vh;
Z-Index: 16;
}
#MainWindow > .WindowContent {
Max-Height: Calc(80vh - Calc(Var(--TitleBarHeight) * 2) - Var(--WindowPadding));
}
#TitlesWindow {
Width: 50vw;
Position: Absolute;
Top: 80px;
Left: 16px;
Max-Height: 50vh;
Z-Index: 8;
}
#TitlesWindow > .WindowContent {
Max-Height: Calc(50vh - Calc(Var(--TitleBarHeight) * 2) - Var(--WindowPadding));
}
/*--------------------------------------------------------*/

View File

@ -1,9 +0,0 @@
#!/bin/sh
# Why does Python-Markdown on Termux shit itself with local third-party extensions?
python3 ../staticoso/Source/Build.py \
--SiteDomain="https://sitoctt.octt.eu.org" \
--FolderRoots="{'*':'https://octtspacc.gitlab.io'}" \
--Minify="False" \
--MarkdownExts="('attr_list', 'def_list', 'footnotes', 'md_in_html', 'tables')"

47
Templates/WM.html Normal file
View File

@ -0,0 +1,47 @@
<!DOCTYPE html>
<html lang="[staticoso:Page:Lang]">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- <link rel="stylesheet" href="[staticoso:Site:RelativeRoot]Assets/WM.css"> -->
<link rel="stylesheet" href="../Assets/Assets/WM.css">
<link href="[staticoso:Folder:*:AbsoluteRoot]/sitoctt-assets/Fonts/SpaceMono/Style.css" rel="stylesheet">
<link rel="alternate" type="application/atom+xml" title="Feed Atom" href="[staticoso:Site:RelativeRoot]feed/atom.xml">
<link rel="alternate" type="application/rss+xml" title="Feed RSS" href="[staticoso:Site:RelativeRoot]feed/rss.xml">
<title>[staticoso:Page:Title] - [staticoso:Site:Name]</title>
<meta name="description" content="[staticoso:Page:Description]">
<link href="[staticoso:Site:RelativeRoot]favicon.png" rel="icon" type="image/png">
<meta property="og:type" content="website">
<meta property="og:title" content="[staticoso:Page:Title] - [staticoso:Site:Name]">
<meta property="og:description" content="[staticoso:Page:Description]">
<meta property="og:url" content="https://sitoctt.octt.eu.org/[staticoso:Page:Path]">
<meta property="og:image" content="[staticoso:Page:Image]">
<style>
[staticoso:Page:Style]
</style>
<!-- [staticoso:DynamicPart:*/Head] -->
<script src="[staticoso:Site:RelativeRoot]Assets/AVIF-Polyfill/index.js"></script>
</head>
<body id="Body">
<div class="Window" id="MainWindow">
<div class="TitleBar">
<span> - ❌ </span> <span> [staticoso:Page:Title] </span> <span> 🔼 ⬜ </span>
</div>
<div class="WindowContent" id="MainWindowContent">
[staticoso:Page:Content]
</div>
</div>
<div class="Window" id="TitlesWindow">
<div class="TitleBar">
<span> - ❌ </span> <span> Sezioni </span> <span> 🔼 ⬜ </span>
</div>
<div class="WindowContent" id="MainWindowContent">
[staticoso:Page:Chapters]
</div>
</div>
<div class="TaskBar">
<span class="MenuButton"><big><b>[<span class="twa twa-books"><span>📚</span></span>]</b></big> Menu</span>
</div>
</div>
</body>
</html>

View File

@ -70,8 +70,7 @@
[staticoso:StaticPart:Standard/BottomBox.html] [staticoso:StaticPart:Standard/BottomBox.html]
</div> </div>
</div> </div>
<div id="PrivacyPopup"> <!-- <div id="PrivacyPopup"></div> -->
</div>
</div> </div>
</body> </body>
</html> </html>