octospacc/sitoctt
1
0
Fork 0
mirror of https://gitlab.com/octtspacc/sitoctt synced 2025-03-12 09:10:07 +01:00
Code Issues Projects Releases Wiki Activity

Agg. CSS

Browse Source
This commit is contained in:
octospacc 2023-03-23 10:27:51 +01:00
parent 931658b1de
commit 6f618b4f12
5 changed files with 42 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
Assets/Assets/sitoctt.css.SelfBuild.js
View File

@ -238,6 +238,7 @@ IFrame {
Left: 0;
Right: 0;
Width: 75%;
Min-Height: 100vh;
Padding-Left: 2.5%;
Padding-Right: 2.5%;
Padding-Top: Calc(Var(--ContentPadding) + 32px);
@ -287,6 +288,20 @@ Img.Center, Video.Center,
Padding: 4px;
}
/* Div for custom background crimes */
#Background {
Z-Index: -1;
Position: Fixed;
Width: 100vw;
Height: 100vh;
/* Ignore body padding */
Top: 0px;
Left: 0px;
Background-Size: Cover;
Background-Position: Center;
Background-Repeat: No-Repeat;
}
#MainBoxTop, #BuildTimeLine { Color: #505050; }
#BuildTimeLine > Span { Display: Inline-Block; }

7
Pages/PicoBlog.md
View File

@ -37,7 +37,12 @@ href='./PicoBlog.html'>disponibile qui</a>. Considera di consultare quella per u
</div>
<details open="1" markdown="1"><summary>
<details markdown="1" open><summary>
#### [2023-03-23] Finalmente certe pagine... </summary>
Oggi ho finito di sistemare la grafica di alcune pagine che ho iniziato a creare ieri, [Minesweeper](./Raccolte/Gaming/Minesweeper.html) e [Nonogram](./Raccolte/Gaming/Nonogram.html). Quando avevo iniziato il sito quasi un anno fa pianificavo di fare cose di questo tipo in questo modo, ma non ho mai fatto molto fino ad ora. Vedrò di continuare così...
</details>
<details markdown="1"><summary>
#### [2023-02-22] staticoso è messo male </summary>
Ma da quanto che non scrivevo su sta pagina? Vabbe. Oggi cercavo di aggiungere una funzionalità a staticoso... non ce la posso fare, è tutto spaghetti. Ho sbagliato a programmarlo come un programma monolitico, dovevo progettarlo fin da subito come una suite di programmini indipendenti ma correlati. E ora il danno è fatto.
</details>

16
Pages/Raccolte/Gaming/Minesweeper.md
View File

@ -4,15 +4,21 @@
<style>/*
*/#Body {
Color: #000000;
Background: url('[staticoso:CustomPath:Assets]/Media/Minesweeper/XP-Window-www.techradar.com.webp'), #C0C0C0;
Background-Size: 100% auto;
Background-Position: Center;
Background: #C0C0C0;
}
/*
*/#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;
Filter: Blur(5px);
}
/**/#LeftBoxContainer, #RightBoxContainer { Color: #000000; }
/*
*/#MainBox {
Background: RGBA(192, 192, 192, 0.80);
backdrop-filter: blur(5px);
Backdrop-Filter: Blur(5px);
}
</style>
@ -24,7 +30,7 @@ Le regole sono semplici, ma il gioco raggiunge facilmente alti livelli di comple
Personalmente, chiamo il campo minato anche "**minaspazzante**", per scherzare su una traduzione pseudo-letterale scorretta della parola "minesweeper" (letteralmente ma correttamente "[spazzamine](https://it.wikipedia.org/wiki/Dragamine){[:MdTgtBlank:]}") in italiano. In certi momenti, in un attimo diventa "**minasp<span style="border: 2px dotted yellow;">i</span>azzante**", quando ti mette davanti a bivi strani o a schemi di piazzamento delle bombe intricati.
<p markdown=1 style=background:#fde;padding:0.5em;>...Scusa, ci sono lavori in corso su questa pagina, sto piazzando le mine in giro per trollare le prossime persone che verranno qui a leggere e inciamperanno su qualche parola... se nel frattempo vuoi imparare a giocare leggiti [Wikipedia](https://it.wikipedia.org/wiki/Campo_minato_(videogioco)){[:MdTgtBlank:]}, vai va...</p>
<p markdown="1" style="background: #fde; padding: 0.5em;">...Scusa, ci sono lavori in corso su questa pagina, sto piazzando le mine in giro per trollare le prossime persone che verranno qui a leggere e inciamperanno su qualche parola... se nel frattempo vuoi imparare a giocare leggiti [Wikipedia](https://it.wikipedia.org/wiki/Campo_minato_(videogioco)){[:MdTgtBlank:]}, vai va...</p>
## Curiosità

13
Pages/Raccolte/Gaming/Nonogram.md
View File

@ -4,15 +4,20 @@
<style>/*
*/#Body {
Color: #000000;
Background: url('[staticoso:CustomPath:Assets]/Media/Nonogram/stock.adobe.com-323111281.jpg'), #ccf;
Background-Size: 100% auto;
Background-Position: Center;
Background: #CCF;
}
/*
*/#Background {
Background: url('[staticoso:CustomPath:Assets]/Media/Nonogram/stock.adobe.com-323111281.jpg'), #CCF;
Filter: Blur(5px);
}
/**/#LeftBoxContainer, #RightBoxContainer { Color: #000000; }
/*
*/#MainBox {
Background: RGBA(204, 204, 255, 0.80);
backdrop-filter: blur(5px);
backdrop-filter: Blur(5px);
}
</style>

1
Templates/sitoctt.html
View File

@ -10,6 +10,7 @@
<staticoso:DynamicPart:*/Head>
</head>
<body id="Body">
<div id="Background"></div>
<div id="Header">
<staticoso:DynamicPart:*/Header>
</div>