octospacc
/
sitoctt
mirror of https://gitlab.com/octtspacc/sitoctt
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Agg. Interni; Agg. template e contenuto Home; Agg. PicoBlog

This commit is contained in:
octospacc 2022-10-22 00:09:27 +02:00
parent 2765a8278b
commit f6e8b70ed3
4 changed files with 61 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
Assets/Assets/WM.css
View File

@ -7,12 +7,17 @@
--WindowPadding: 8px;
--WindowBorderSize: 4px;
--WindowText: #000000;
/*--WindowLinks: #0000EE;*/
--WindowBackground: #EEE0FF;
--TitleBarHeight: 32px;
--TitleBarForeground: #FFFFFF;
--TitleBarText: #FFFFFF;
--TitleBarBackground: #2A0A3A;
--TaskBarForeground: #FFFFFF;
--TaskBarBackground: #2A0A3A;
--TaskBarText: #111111;
--TaskBarLinks: #0000EE;
--TaskBarBackground: #CCAADD;
--TaskBarHeight: 36px;
}
@ -24,11 +29,18 @@ Body {
Margin: 0;
Padding: 0;
Overflow-Y: Hidden;
Overflow-Wrap: Break-Word;
}
.Inline {
Display: Inline;
}
.NoDisplay {
Display: None;
}
.NoWrap {
White-Space: NoWrap;
}
.Center {
Text-Align: Center;
}
@ -49,8 +61,8 @@ Ul {
.Window {
Margin: Var(--WindowMargin);
Border: Solid Var(--WindowBorderSize) Var(--TitleBarBackground);
Color: #000000;
Background: #EEE0FF;
Color: Var(--WindowText);
Background: Var(--WindowBackground);
}
.WindowContent {
Min-Width: Calc(100% + Var(--WindowMargin)*2 + Var(--WindowBorderSize)*2);
@ -58,17 +70,20 @@ Ul {
Overflow-Y: Auto;
Margin-Left: Calc(0px - Var(--WindowMargin) - Var(--WindowBorderSize));
Margin-Top: Var(--WindowBorderSize);
Color: #000000;
Background: #EEE0FF;
Color: Var(--WindowText);
Background: Var(--WindowBackground);
Border: Solid Var(--WindowBorderSize) Var(--TitleBarBackground);
}
.Window:Hover {
Z-Index: 128 !Important;
}
/*.Window A, .WindowContent A {
Color: Var(--WindowLinks);
}*/
.TitleBar {
Padding: Var(--WindowMargin);
Color: Var(--TitleBarForeground);
Color: Var(--TitleBarText);
Background: Var(--TitleBarBackground);
Vertical-Align: Top;
Max-Height: Var(--TitleBarHeight);
@ -86,7 +101,7 @@ Ul {
.TaskBar {
Width: 100%;
Color: Var(--TaskBarForeground);
Color: Var(--TaskBarText);
Background: Var(--TaskBarBackground);
Position: Fixed;
Bottom: 0px;
@ -95,23 +110,32 @@ Ul {
Max-Height: Var(--TaskBarHeight);
Z-Index: 256;
}
.TaskBar > Details {
Z-Index: 296;
}
.TaskBar > Details > Div {
Position: Fixed;
Left: 0px;
Bottom: Var(--TaskBarHeight);
Padding: Calc(Var(--WindowPadding)*2);
Color: Var(--TaskBarForeground);
Color: Var(--TaskBarText);
Background: Var(--TaskBarBackground);
Max-Height: Calc(90vh - Var(--TaskBarHeight));
Overflow-Y: Scroll;
}
.TaskBarMenu A {
Color: #DDCCFF !Important;
Color: Var(--TaskBarLinks) !Important;
}
.MenuButton {
Display: Inline-Block;
Height: 100%;
}
.TaskBarRight {
Position: Absolute;
Bottom: 0;
Right: 0;
Height: Calc(Var(--TaskBarHeight) / 6 * 5);
}
/*--- "Shade window" button --------------------------*/
.CheckToggle {

9
Pages/PicoBlog.md
View File

@ -1,9 +1,9 @@
// % Title = ✉️ PicoBlog
// % HTMLTitle = <span class="twa twa-envelope"><span>✉️</span></span> PicoBlog
// % HTMLTitle = <span class="twa twa-envelope twa-✉️"><span>✉️</span></span> PicoBlog
// % Index = True
// % Order = 40
# <span class="twa twa-envelope"><span>✉️</span></span> PicoBlog
# <span class="twa twa-envelope twa-✉️"><span>✉️</span></span> PicoBlog
Stai avventurandoti in una sezione forse effimera del sitocto, ma che comunque, se esiste, vuol dire che ho pensato che ci debba stare lo stesso.
@ -24,6 +24,11 @@ Tieni a mente che le pubblicazioni più recenti vanno sempre in cima, facendo sc
<div markdown="1" class="BorderBoxContainer">
<details markdown="1"><summary>
#### [2022-10-21] Diarylog - Non più, circa </summary>
Un mesetto fa creai una sezione "Diarylog" qui, come il PicoBlog ma per ospitare scritture più lunghe di queste; non quanto post di Blog, ma più lunghe. Perché? Non lo so, ma ho realizzato solo l'altro giorno che non ha senso ed è difficile da mantenere, e quindi da ora creo normali post nella sezione [MicroBlog](./Categories/MicroBlog.html) per avere la stessa cosa..
</details>
<details markdown="1"><summary>
#### [2022-10-20] Più attenzione sul DS </summary>
Sul [Diarylog](./Diarylog.html) 4 giorni ho detto com'è continuata la storia del DSpacc: ora ho la flashcart.. e per cosa la uso? Beh, guardando con scrupolo la libreria DS, scopro che in effetti un sacco di titoli sono giocabili con solo lo schermo inferiore! 🌝

14
Pages/index.pug
View File

@ -1,6 +1,6 @@
// % Title = 🏠 ~Home~
// % HTMLTitle = <span class="twa twa-house twa-🏠">🏠</span> ~Home~
// // % Template = WM.html
// % Template = WM.html
// % Style = @import "[staticoso:Site:RelativeRoot]Assets/Pages/index.css";
// % Index = True
// % Order = 10
@ -42,10 +42,20 @@ p
br
| Se preferisci, puoi chiamarlo #[i(class='MainIdTextGradientL') sitocto]. O anche #[i(class='MainIdTextGradientR') postoctt]! È pur sempre un posto questo, il mio posto, anche se virtuale!
h2 Collegamenti rapidi
p Sul sito, ormai, un po' di roba c'è. Dovresti navigare il menu principale per poter accedere a tutto (leggi il seguito) ma, se proprio non sai dove partire, allora perché non dare un'occhiata a qualcosa tra..
<span>
<h3 class="Inline NoWrap"><a href="./Categories/Blog.html"><span class="twa twa-notebook twa-📓️"><span>📓️</span></span> Blog</a></h3>,
<h3 class="Inline NoWrap"><a href="./Categories/MicroBlog.html"><span class="twa twa-ledger twa-📒"><span>📒</span></span> MicroBlog</a></h3> o
<h3 class="Inline NoWrap"><a href="./PicoBlog.html"><span class="twa twa-envelope twa-✉️"><span>✉️</span></span> PicoBlog</a></h3> ?
</span>
h2 Stato del sito e come navigare
p
| Nonostante abbia già un po' più di sostanza, tutto questo ambaradan è ancora pesantemente in costruzione. E lo sarà per sempre, perché avrò sempre roba nuova da condividere. E, quando sarò morta, sarà comunque non finito perché nella mia vita non avrò scritto tutto lo scibile universale teoricamente possibile sul sitoctt.
| Nonostante abbia già un po' più di sostanza, tutto questo ambaradan è ancora pesantemente in costruzione. E lo sarà per sempre, perché avrò sempre roba nuova da condividere. #[del E, quando sarò morta, sarà comunque non finito perché nella mia vita non avrò scritto tutto lo scibile universale teoricamente possibile sul sitoctt.]
br
| Gli aggiornamenti al sito sono di diverso tipo: la pubblicazione di nuovi articoli di blog succede, boh, 3 volte al mese, è una buona idea usare i #[a(href='#-Feed-e-notifiche') feed] che metto a disposizione; le modifiche per pagine normali sono continue e avvengono a caso, quindi dovresti controllare magari ogni settimana quelle che ti interessano, se ti aspetti novità.

11
Templates/WM.html
View File

@ -26,32 +26,35 @@
[staticoso:DynamicPart:*/Head]
<script src="[staticoso:Site:RelativeRoot]Assets/AVIF-Polyfill/index.js"></script>
</head>
<!-- TitleBar: <span> - ❌ </span> <span> [staticoso:Page:Title] </span> <span> 🔺 🔼 ⬜ 🔷 </span> -->
<body id="Body">
<div class="TaskBar">
<details>
<summary><span class="MenuButton"><big><b>[<span class="twa twa-books"><span>📚</span></span>] Menu</b></big></span><br><br></summary>
<summary><span class="MenuButton"><big><b>[<span class="twa twa-books twa-📚"><span>📚</span></span>] Menu</b></big></span><br><br></summary>
<div class="TaskBarMenu">
[staticoso:Site:Menu]
</div>
</details>
<span class="TaskBarRight">&nbsp;<h4 class="Inline"><a href="[staticoso:Site:RelativeRoot]index.html"><span class="twa twa-sparkles twa-✨">✨</span>sitoctt2022<span class="twa twa-sparkles twa-✨">✨</span></a></h4>&nbsp;</span>
</div>
<div class="Window" id="MainWindow">
<div class="TitleBar">
<input type="checkbox" class="CheckToggle" id="MainWindowCheck">
<div class="TitleBarContent">
<span> <label class="CheckLabel" id="MainWindowCheckLabel" for="MainWindowCheck"></label> </span> &nbsp;&nbsp; <span> <b>[staticoso:Page:Title]</b> </span> &nbsp;&nbsp; <span> <span class="twa twa-pencil"><span>✏️</span></span> </span>
<span> <label class="CheckLabel" id="MainWindowCheckLabel" for="MainWindowCheck"></label> </span> &nbsp;&nbsp; <span> <b>[staticoso:Page:Title]</b> </span> &nbsp;&nbsp; <span> <span class="twa twa-pencil twa-✏️"><span>✏️</span></span> </span>
</div>
<div class="WindowContent ToggleBox">
[staticoso:Page:Content]
</div>
</div>
</div>
<div class="Window" id="TitlesWindow">
<div class="TitleBar">
<input type="checkbox" class="CheckToggle" id="TitlesWindowCheck">
<div class="TitleBarContent">
<span> <label class="CheckLabel" id="TitlesWindowCheckLabel" for="TitlesWindowCheck"></label> </span> &nbsp;&nbsp; <span> <b>Sezioni</b> </span> &nbsp;&nbsp; <span> <span class="twa twa-bookmark-tabs"><span>📑</span></span> </span>
<span> <label class="CheckLabel" id="TitlesWindowCheckLabel" for="TitlesWindowCheck"></label> </span> &nbsp;&nbsp; <span> <b>Sezioni</b> </span> &nbsp;&nbsp; <span> <span class="twa twa-bookmark-tabs twa-📑"><span>📑</span></span> </span>
</div>
<div class="WindowContent ToggleBox">
[staticoso:Page:Chapters]