Agg. PicoBlog; Agg. interni

This commit is contained in:
octospacc 2022-12-11 00:41:46 +01:00
parent 4c3430fa62
commit 673e8669c2
7 changed files with 49 additions and 12 deletions

View File

@ -131,7 +131,7 @@ Body {
Height: Calc(Var(--TaskBarHeight) / 6 * 5); /* Try to vertically center the text lol */ Height: Calc(Var(--TaskBarHeight) / 6 * 5); /* Try to vertically center the text lol */
} }
/*--- "Shade window" button --------------------------*/ /*--- "Shade Window" button --------------------------*/
.CheckToggle { .CheckToggle {
Position: Fixed; Position: Fixed;
Opacity: 0; Opacity: 0;
@ -273,6 +273,7 @@ Body {
Z-Index: 192 !Important; Z-Index: 192 !Important;
} }
/*--- "Show Desktop" feature -------------------------*/
#DesktopCheck { #DesktopCheck {
/* -4px to leave a bit of padding */ /* -4px to leave a bit of padding */
Width: Calc(Var(--TaskBarHeight) - 4px); Width: Calc(Var(--TaskBarHeight) - 4px);
@ -290,7 +291,6 @@ Body {
Font-Size: Calc(Var(--TaskBarHeight) - 8px); Font-Size: Calc(Var(--TaskBarHeight) - 8px);
Line-Height: Var(--TaskBarHeight); Line-Height: Var(--TaskBarHeight);
} }
#DesktopCheck ~ Label > Span { #DesktopCheck ~ Label > Span {
Display: Inline-Block; Display: Inline-Block;
/* To get PERFECT vertical align */ /* To get PERFECT vertical align */
@ -300,9 +300,37 @@ Body {
#DesktopCheck:Checked ~ Label > Span { #DesktopCheck:Checked ~ Label > Span {
Background-Color: Var(--TitleBarBackground); Background-Color: Var(--TitleBarBackground);
} }
#DesktopCheck:Checked ~ .Window { #DesktopCheck:Checked ~ .Window,
#DesktopCheck:Checked ~ * > .Window {
Display: None; Display: None;
Visibility: Hidden; Visibility: Hidden;
} }
/**** -------------------------------------------- ****/
/*--- Draggable windows ------------------------------*/
/* Currently broken if we have multiple windows,
due to the resizable div area covering the top left part of the screen.
Applying a transformation of scaleY(-1) translateY(100%) fixes it vertically
but dragging the window around the screen is flipped.
How the f do I make this work?
*/
.DragContainer {
Position: Absolute;
Display: Inline-Block;
}
.DragBox {
Position: Relative;
Width: 20px;
Height: 20px;
Resize: Both;
Overflow: Scroll;
Z-Index: 1024;
}
.DragContainer > .Window {
Top: Initial !Important;
Margin-Top: -24px;
Margin-Right: -24px;
}
/**** -------------------------------------------- ****/
/*--------------------------------------------------------*/ /*--------------------------------------------------------*/

View File

@ -0,0 +1,5 @@
/*!
Borrowed from a running WriteFreely instance.
An header was missing from the file, but license is probably AGPL-3.0;
See https://github.com/writefreely/writefreely.
*/hr{border:0}header h1,header h2,header nav{display:inline}header nav a:hover{text-decoration:underline}body,p{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body nav#top-nav,header p.meta-note span{text-transform:uppercase}body{margin:0;padding:0;font-size:100%}header{margin:1em}header nav{margin:0 1em;line-height:2.4em}header nav a,header nav span{margin:0 0 0 1em}header nav a{color:#767676}header p.description{color:#444;font-size:1.1em;margin-top:.5em;line-height:1.5}header p.meta-note{color:#333;font-style:italic;margin-top:2em}header p.meta-note span{font-variant:small-caps;font-size:.9em;color:#666;font-style:normal}hr{height:1px;background:#ccc;max-width:40em;margin:4em auto;text-align:center}body{font-family:Lora,'Palatino Linotype','Book Antiqua','New York','DejaVu serif',serif}body{font-size-adjust:.5;background-color:#fff;color:#111}body h1 a,body header h2 a{color:#000;-moz-transition-duration:.2s;-webkit-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s}body h1 a:hover,body header h2 a:hover{color:#303030;text-decoration:none}body h1,body h2,body h3{line-height:1.2}body#post article{display:block;unicode-bidi:embed;white-space:pre}body#post article{margin-bottom:2em!important}body#post article h1,body#post article h2,body#post article h3,body#post article h4,body#post article h5,body#post article h6,body#post article ol,body#post article p,body#post article ul{display:inline;margin:0}body#post article hr+p,body#post article ol,body#post article ul{display:block;margin-top:-1rem;margin-bottom:-1rem}body#post article ol,body#post article ul{margin:2rem 0 -1rem}body#post article ol ol,body#post article ol ul,body#post article ul ol,body#post article ul ul{margin:1.25rem 0 -.5rem}body#post article li{margin-top:-.5rem;margin-bottom:-.5rem}body#post article h2#title{font-size:1.5em;display:block;margin-top:0;margin-bottom:1em}body#post article h1{font-size:1.5em}body#post article h2{font-size:1.4em}body#post audio,body#post img,body#post video{max-width:100%}body#post audio{width:100%;white-space:initial}body#post article hr{margin-top:0;margin-bottom:0}body nav#top-nav{font-family:'Open Sans','Segoe UI',Tahoma,Arial,sans-serif}body nav#top-nav{display:inline;position:absolute;top:1.5em;right:1.5em;font-size:.95rem}body nav#top-nav a{color:#777}body nav#top-nav a+a{margin-left:1em}.post-title a:link{color:#333}.post-title a:visited{color:#444}a{text-decoration:none}a:hover{text-decoration:underline}body#post article{max-width:40rem;margin:0 auto}body#post article.sans{line-height:1.5;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word}body#post article.sans,span.sans{font-family:'Open Sans','Segoe UI',Tahoma,Arial,sans-serif}article h2.post-title a[rel=nofollow]::after{content:'\a0 \2934'}li{line-height:1.5}#org-nav{font-family:'Open Sans','Segoe UI',Tahoma,Arial,sans-serif}@media only screen and (min-device-width:320px) and (max-device-width:480px){header{-moz-opacity:1;-khtml-opacity:1;-webkit-opacity:1;opacity:1}}@media only screen and (max-width:320px){header{-moz-opacity:1;-khtml-opacity:1;-webkit-opacity:1;opacity:1}}@media only screen and (min-device-width:768px) and (max-device-width:1024px){header{-moz-opacity:1;-khtml-opacity:1;-webkit-opacity:1;opacity:1}}@media print{h1{page-break-before:always}h1,h2,h3,h4,h5,h6{page-break-after:avoid}header{display:none}article#post-body{margin-top:2em;margin-left:0;margin-right:0}hr{border:1px solid #ccc}}#org-nav{font-size:1.1em;color:#888}#org-nav em,#org-nav strong{color:#000}#org-nav+h1{margin-top:.5em}#org-nav a:hover,#org-nav a:link,#org-nav a:visited{color:#767676}#org-nav a:first-child{margin-right:.25em}@media all and (max-width:600px){#target-name{max-width:98px;display:inline-block}}body#post header{margin:0 auto;padding:1em 2rem;-moz-opacity:.4;-khtml-opacity:.4;-webkit-opacity:.4;opacity:.4;-moz-transition-property:opacity;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity;-moz-transition-duration:.4s;-webkit-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s}body#post header:hover{-moz-opacity:1;-khtml-opacity:1;-webkit-opacity:1;opacity:1}body#post header h1{font-size:1.6em}body#post article h2#title.dated{margin-bottom:.5em}article{padding:.5em 2rem 1.5em}body#post article{font-size:1.2em}@-moz-keyframes fadeIn{0%{opacity:0;position:static}100%{opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0;position:static}100%{opacity:1}}@-ms-keyframes fadeIn{0%{opacity:0;position:static}100%{opacity:1}}@-keyframes fadeIn{position:static}100%{opacity:1}100%{opacity:0;position:absolute;top:-1000px;left:-1000px}100%{opacity:0;position:absolute;top:-1000px;left:-1000px}100%{opacity:0;position:absolute;top:-1000px;left:-1000px}100%{opacity:0;position:absolute;top:-1000px;left:-1000px}

File diff suppressed because one or more lines are too long

View File

@ -37,6 +37,11 @@ href='./PicoBlog.html'>disponibile qui</a>. Considera di consultare quella per u
</div> </div>
<details markdown="1" open="1"><summary> <details markdown="1" open="1"><summary>
#### [2022-11-10] Faccio esplodere l'AI </summary>
Dopo aver scoperto che l'anteprima di ChatGPT è per ora completamente gratuita, ho iniziato a giocarci e a fare cose su cose, dedicandoci forse anche troppo tempo 😅. Ho creato un sito per raccogliere le conversazioni che ho con l'AI, per scopi di ricerca e perché ci sono spesso situazioni che vale la pena condividere: <https://listed.to/@ChatGPT_Experiences>{[:MdTgtBlank:]}
</details>
<details markdown="1"><summary>
#### [2022-11-27] sitoctt introvabile, spero per non molto altro tempo </summary> #### [2022-11-27] sitoctt introvabile, spero per non molto altro tempo </summary>
Ho notato che il sitoctt, anche dopo alcune mie misure che avrebbero dovuto far contenti i motori di ricerca, proprio non si trova.. e non ho alcuna idea abbastanza precisa su cosa causi il problema. Devo iniziare a integrare nel generatore una funzione per ripubblicare in automatico su Wordpress, Blogger, e roba di quel tipo, magari da lì i motori lo leggono meglio; intanto, ho iniziato a fare lo script per tradurre il sito in diverse lingue, e questo dovrebbe aiutare a diffonderlo al di fuori dell'Italia. Ho notato che il sitoctt, anche dopo alcune mie misure che avrebbero dovuto far contenti i motori di ricerca, proprio non si trova.. e non ho alcuna idea abbastanza precisa su cosa causi il problema. Devo iniziare a integrare nel generatore una funzione per ripubblicare in automatico su Wordpress, Blogger, e roba di quel tipo, magari da lì i motori lo leggono meglio; intanto, ho iniziato a fare lo script per tradurre il sito in diverse lingue, e questo dovrebbe aiutare a diffonderlo al di fuori dell'Italia.
</details> </details>

View File

@ -147,7 +147,7 @@ ul
li Sull'#[b Onion Web] (#[span(style='Color:#59316b;') Tor]), sui server di Replit: #[a(href='http://sitoctt2fxjvx3lc2iqqef2aeulflprjaasv2xl4zi7sxxbmvjy5b5yd.onion') sitoctt2fxjvx3lc2iqqef2aeulflprjaasv2xl4zi7sxxbmvjy5b5yd.onion]. Alla fine non è più ospitato in casa mia, ma forse è meglio così, è un carico in meno per il povero serverino di fortuna che ho (al momento, #[del una console Nintendo Switch con Ubuntu] il Raspberry Pi 3). li Sull'#[b Onion Web] (#[span(style='Color:#59316b;') Tor]), sui server di Replit: #[a(href='http://sitoctt2fxjvx3lc2iqqef2aeulflprjaasv2xl4zi7sxxbmvjy5b5yd.onion') sitoctt2fxjvx3lc2iqqef2aeulflprjaasv2xl4zi7sxxbmvjy5b5yd.onion]. Alla fine non è più ospitato in casa mia, ma forse è meglio così, è un carico in meno per il povero serverino di fortuna che ho (al momento, #[del una console Nintendo Switch con Ubuntu] il Raspberry Pi 3).
details details
summary: h4 Opzioni di compatibilità per sistemi obsoleti o esotici (Espandi) summary: h4 <span class="twa twa-💾"><span>💾</span></span> Opzioni di compatibilità per sistemi obsoleti o esotici (Espandi)
div: dl div: dl
dt: b • Versione HTTP di base dt: b • Versione HTTP di base
dd dd
@ -243,6 +243,8 @@ p
br br
| Quelli del mio generatore, anche questo rilasciato sotto una licenza libera, la AGPL: #[a(href='https://gitlab.com/octtspacc/staticoso' target='_blank' rel='noopener') gitlab.com/octtspacc/staticoso]. | Quelli del mio generatore, anche questo rilasciato sotto una licenza libera, la AGPL: #[a(href='https://gitlab.com/octtspacc/staticoso' target='_blank' rel='noopener') gitlab.com/octtspacc/staticoso].
p Altra cosa: in caso possa interessare, per conservare e/o condividere in modo immediato (esclusi i file che sono sulle repo a parte, perché linkati in modo assoluto) copie offline del sito, si può scaricare uno <b>zip</b> contenente tutte le pagine compilate <a href="https://gitlab.com/octtspacc/sitoctt/-/jobs/artifacts/main/download?job=pages" target="_blank" rel="noopener">qui</a>!
h3 Crediti speciali h3 Crediti speciali
details details

View File

@ -39,6 +39,8 @@
</div> </div>
</div> </div>
<!--<div class="DragContainer">
<div class="DragBox"></div>--->
<div class="Window" id="MainWindow"> <div class="Window" id="MainWindow">
<div class="TitleBar"> <div class="TitleBar">
<input type="checkbox" class="CheckToggle" id="MainWindowCheck"> <input type="checkbox" class="CheckToggle" id="MainWindowCheck">
@ -49,6 +51,7 @@
<staticoso:PageContent> <staticoso:PageContent>
</div> </div>
</div> </div>
<!--</div>--->
</div> </div>
<div class="Window" id="TitlesWindow"> <div class="Window" id="TitlesWindow">

View File

@ -3,12 +3,12 @@
<html lang="<staticoso:PageLang>"> <html lang="<staticoso:PageLang>">
<head> <head>
<staticoso:StaticPart:Standard/GlobalHead.html> <staticoso:StaticPart:Standard/GlobalHead.html>
<link rel="stylesheet" href="<staticoso:SiteRelativeRoot>Assets/WriteFreely.css"> <link rel="stylesheet" href="<staticoso:SiteRelativeRoot>Assets/WriteFreely-loli-documentatrice-min.css">
<link rel="stylesheet" href="<staticoso:SiteRelativeRoot>Assets/loli-documentatrice.css"> <link rel="stylesheet" href="<staticoso:SiteRelativeRoot>Assets/loli-documentatrice.css">
<style> <style>
body { body {
background-color: #3B6EA5 !important; background-color: #3B6EA5 !important;
/* Copyright: <staticoso:CustomPath:Assets>/Media/Backgrounds/Windows-2000-Clouds/COPYRIGHT.md */ /*! Copyright: <staticoso:CustomPath:Assets>/Media/Backgrounds/Windows-2000-Clouds/COPYRIGHT.md */
background: url('<staticoso:CustomPath:Assets>/Media/Backgrounds/Windows-2000-Clouds/Windows-2000-Clouds-1920x1440-Q96.webp'); background: url('<staticoso:CustomPath:Assets>/Media/Backgrounds/Windows-2000-Clouds/Windows-2000-Clouds-1920x1440-Q96.webp');
background-size: auto fill; background-size: auto fill;
background-position: center; background-position: center;