Agg immagini

This commit is contained in:
octospacc 2022-08-22 13:47:46 +02:00
parent 39837f2a8d
commit a3d2c18e8f
9 changed files with 44 additions and 28 deletions

View File

@ -73,7 +73,7 @@ Table Td, Table Th, Table Tr {
.ScrollBorderBox { .ScrollBorderBox {
Padding: 8px; Padding: 8px;
} }
.Code, Code, Pre Code, Pre.Code, .CodeScroll { .Code, Code:Not(.NoCode), Pre Code:Not(.NoCode), Pre.Code, .CodeScroll {
Color: #fafaf0; Color: #fafaf0;
Background: #300030; Background: #300030;
} }
@ -88,10 +88,10 @@ Pre.Code, .CodeScroll {
Padding-Bottom: 16px; Padding-Bottom: 16px;
} }
#MainBox > * > A::before, #MainBox > * > A::Before,
#MainBox > * > * > A::before, #MainBox > * > * > A::Before,
#MainBox > * > * > * > A::before, #MainBox > * > * > * > A::Before,
#MainBox > * > * > * > * > A::before { #MainBox > * > * > * > * > A::Before {
Content: '🔗 '; Content: '🔗 ';
} }
@ -115,6 +115,13 @@ A:hover:not(
Margin-Bottom: -4px; Margin-Bottom: -4px;
} }
.CCIcons > img, .CCIcon {
display: inline !important;
height: 1em !important;
margin-left: 3px;
vertical-align: sub;
}
Details > Summary:hover { Details > Summary:hover {
Font-Size: 15pt; Font-Size: 15pt;
} }

View File

@ -56,6 +56,6 @@ Sarà privato di default, quindi non attribuirò mai l'identità della persona c
Ancora non so se riporterò in generale tutte le donazioni, includendo quindi anche quelle anonime ma semplicemente senza specificare ad opera di chi sono; oppure menzionerò solo quelle di persone che vogliono avere i loro crediti, evitando di scrivere le altre. Magari deciderò quando arriverà la prima donazione anonima? :) Ancora non so se riporterò in generale tutte le donazioni, includendo quindi anche quelle anonime ma semplicemente senza specificare ad opera di chi sono; oppure menzionerò solo quelle di persone che vogliono avere i loro crediti, evitando di scrivere le altre. Magari deciderò quando arriverà la prima donazione anonima? :)
... ...
``` <code class='NoCode'>
... nessun'anima ha ancora donato neanche una lira alla loli, dolore. ... nessun'anima ha ancora donato neanche una lira alla loli, dolore.
``` </code>

View File

@ -18,24 +18,25 @@ Seguono i codici HTML che puoi copiare e incollare.
(_Sono formattati in maniera **particolare** perché l'andare a capo può causare problemi di spaziatura nella visualizzazione; l'unica alternativa a ciò che ho fatto sarebbe di lasciare tutto su una sola riga._) (_Sono formattati in maniera **particolare** perché l'andare a capo può causare problemi di spaziatura nella visualizzazione; l'unica alternativa a ciò che ho fatto sarebbe di lasciare tutto su una sola riga._)
Link testuale: Link testuale:
sitoctt ✨sitoctt✨
<pre class="CodeScroll"><code> <pre class="CodeScroll"><code>
&lt;a &lt;a
href="https://sitoctt.octt.eu.org" href="https://sitoctt.octt.eu.org"
target="_blank" rel="noopener nofollow" target="_blank" rel="noopener nofollow"
&gt; sitoctt &lt;/a&gt; &gt;✨sitoctt✨&lt;/a&gt;
</code></pre> </code></pre>
Link con immagine _(Nota: sarebbe meglio se scarichi l'immagine e la ricarichi sul tuo server, cambiando l'URL nel codice di conseguenza, anziché usare il mio URL)_: Link con immagine _(Nota: sarebbe meglio se scarichi l'immagine e la ricarichi sul tuo server, cambiando l'URL nel codice di conseguenza, anziché usare il mio URL)_:
![✨ sitoctt ✨]([staticoso:Folder:*:AbsoluteRoot]/sitoctt-assets/Buttons/Sites/Sitoctt-1.png) ![✨sitoctt✨]([staticoso:Folder:*:AbsoluteRoot]/sitoctt-assets/Media/Buttons/Sites/sitoctt-1.png)
_L'immagine è in formato PNG e già compressa il più possibile._
<pre class="CodeScroll"><code> <pre class="CodeScroll"><code>
&lt;a &lt;a
href="https://sitoctt.octt.eu.org" href="https://sitoctt.octt.eu.org"
target="_blank" rel="noopener nofollow" target="_blank" rel="noopener nofollow"
&gt;&lt;img &gt;&lt;img
style="image-rendering:pixelated; -ms-interpolation-mode:nearest-neighbor;" style="image-rendering:pixelated; -ms-interpolation-mode:nearest-neighbor;"
alt="✨ sitoctt ✨" title="✨ sitoctt ✨" alt="✨sitoctt✨" title="✨sitoctt✨"
src="https://octtspacc.gitlab.io/sitoctt-assets/Buttons/Sites/Sitoctt-1.png" src="https://octtspacc.gitlab.io/sitoctt-assets/Media/Buttons/Sites/sitoctt-1.png"
&gt;&lt;/a&gt; &gt;&lt;/a&gt;
</code></pre> </code></pre>
@ -54,7 +55,7 @@ Come si può leggere dal nome del sito e dal dominio, è il sito di Arci (o anch
Clearweb: [arci.me](https://arci.me){[:MdTgtBlankNofw:]} Clearweb: [arci.me](https://arci.me){[:MdTgtBlankNofw:]}
- 🇬🇧 🇮🇹 astral town - 🇬🇧 🇮🇹 astral town
![serimemo]([staticoso:Folder:*:AbsoluteRoot]/sitoctt-assets/Buttons/Sites/Serimemo.png) ![serimemo]([staticoso:Folder:*:AbsoluteRoot]/sitoctt-assets/Media/Buttons/Sites/serimemo.gif)
Sito colorato e accogliente, boh non c'è altro da dire. Sito colorato e accogliente, boh non c'è altro da dire.
Clearweb: [astral.town](https://astral.town){[:MdTgtBlankNofw:]} Clearweb: [astral.town](https://astral.town){[:MdTgtBlankNofw:]}
@ -73,7 +74,7 @@ Clearweb: [francescomasala.me](https://francescomasala.me){[:MdTgtBlankNofw:]}
## Miscellanea ## Miscellanea
- 🇬🇧 The Yesterweb - 🇬🇧 The Yesterweb
![Yesterweb]([staticoso:Folder:*:AbsoluteRoot]/sitoctt-assets/Buttons/Sites/Yesterweb.png) ![Yesterweb]([staticoso:Folder:*:AbsoluteRoot]/sitoctt-assets/Media/Buttons/Sites/Yesterweb.gif)
Sito collettivo che rimanda, concettualmente e visivamente, al Web dei giorni passati e ai suoi lati migliori, verso cui promuove di tornare. Sito collettivo che rimanda, concettualmente e visivamente, al Web dei giorni passati e ai suoi lati migliori, verso cui promuove di tornare.
Clearweb: [yesterweb.org](https://yesterweb.org){[:MdTgtBlankNofw:]} Clearweb: [yesterweb.org](https://yesterweb.org){[:MdTgtBlankNofw:]}

View File

@ -36,7 +36,7 @@ p
strong(class='twa twa-sparkles') #[span ✨] strong(class='twa twa-sparkles') #[span ✨]
strong(class='MainIdTextGradientR') sitoctt strong(class='MainIdTextGradientR') sitoctt
strong(class='twa twa-sparkles') #[span ✨] strong(class='twa twa-sparkles') #[span ✨]
| . | (#[i pronuncia: sitòctt]).
br 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! | 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!
@ -174,7 +174,9 @@ h2 Sorgenti e licenze
h3 Licenze dei contenuti h3 Licenze dei contenuti
p Tutto il contenuto presente su questo sito che ho creato io (i miei testi, media originali, e maggior parte del codice sorgente) è rilasciato sotto licenza #[a(href='https://creativecommons.org/licenses/by-sa/4.0/deed.it' target='_blank' rel='noopener') "Creative Commons Attribuzione - Condividi allo stesso modo 4.0 Internazionale" (CC BY-SA 4.0)], una licenza libera che promuove la condivisione, e non intacca i legittimi diritti alla cultura e la collaborazione dell'umanità in generale. <p>
Tutto il contenuto presente su questo sito che ho creato io (i miei testi, media originali, e maggior parte del codice sorgente) è rilasciato sotto licenza <a href="https://creativecommons.org/licenses/by-sa/4.0/deed.it" target="_blank" rel="noopener">"Creative Commons Attribuzione - Condividi allo stesso modo 4.0 Internazionale" (CC BY-SA 4.0) (<span class="CCIcons"><img src="[staticoso:Folder:*:AbsoluteRoot]/sitoctt-assets/Media/Icons/CC/CC.svg"> <img src="[staticoso:Folder:*:AbsoluteRoot]/sitoctt-assets/Media/Icons/CC/BY.svg"> <img src="[staticoso:Folder:*:AbsoluteRoot]/sitoctt-assets/Media/Icons/CC/SA.svg"</span>)</a>, una licenza libera che promuove la condivisione, e non intacca i legittimi diritti alla cultura e la collaborazione dell'umanità in generale.
</p>
p p
| Sono presenti, però, anche contenuti non miei. | Sono presenti, però, anche contenuti non miei.
@ -183,7 +185,7 @@ p
br br
| Per la roba presa in prestito, invece, verrà sempre indicata la fonte da cui ho prelevato e la licenza, che sia questa di dominio pubblico, Creative Commons, o non specificata. | Per la roba presa in prestito, invece, verrà sempre indicata la fonte da cui ho prelevato e la licenza, che sia questa di dominio pubblico, Creative Commons, o non specificata.
br br
| Occhio, che i crediti per le cosine HTML e CSS spesso li lascio soltanto nei sorgenti della pagina.. Quindi, in caso, controllate lì per questo genere di crediti. Per cose come immagini o testi, invece, eventuali crediti sono parte visibile della pagina, vicini all'oggetto preso in prestito. | Occhio, che i crediti per le cosine HTML e CSS spesso li lascio soltanto nei sorgenti della pagina.. Quindi, in caso, controlla lì per questo genere di crediti. Per cose come immagini o testi, invece, spesso eventuali crediti sono parte visibile della pagina, vicini all'oggetto preso in prestito (come una descrizione).
br br
| Comunque, ho pensato di creare una sezione della pagina #[a(href='#-Crediti-speciali') qui sotto], dedicata a crediti speciali (che compilo quando mi ricordo). | Comunque, ho pensato di creare una sezione della pagina #[a(href='#-Crediti-speciali') qui sotto], dedicata a crediti speciali (che compilo quando mi ricordo).
@ -237,11 +239,11 @@ div#RingsDiv
| #[i O, magari, si tratta di un problema temporaneo]. | #[i O, magari, si tratta di un problema temporaneo].
<p class="Center"> <p class="Center">
<a href="https://fediring.net/previous?host=sitoctt.octt.eu.org">←</a> <a href="https://fediring.net/previous?host=sitoctt.octt.eu.org"><big></big></a>
<span> </span> <span> </span>
<a href="https://fediring.net/">Fediring</a> <a href="https://fediring.net/">Fediring</a>
<span> </span> <span> </span>
<a href="https://fediring.net/random">[🎲]</a> <a href="https://fediring.net/random">[🎲]</a>
<span> </span> <span> </span>
<a href="https://fediring.net/next?host=sitoctt.octt.eu.org">→</a> <a href="https://fediring.net/next?host=sitoctt.octt.eu.org"><big></big></a>
</p> </p>

View File

@ -1,5 +1,5 @@
[Site] [Site]
Name = sitoctt Name = sitoctt
BlogName = blogoctt BlogName = blogoctt
Template = sitoctt.html Template = sitoctt.html
Lang = it Lang = it

View File

@ -1,11 +1,11 @@
<hr> <hr>
<br> <br>
<a class="NoABigger NoLinkLink" href="[staticoso:Site:RelativeRoot]Raccolte/Internet/Raccolta-Siti-Internet.html#--Il-mio"><img alt="✨ sitoctt ✨" src="[staticoso:Folder:*:AbsoluteRoot]/sitoctt-assets/Buttons/Sites/Sitoctt-1.png"></a> <a class="NoABigger NoLinkLink" href="[staticoso:Site:RelativeRoot]Raccolte/Internet/Raccolta-Siti-Internet.html#-Il-mio"><img alt="✨sitoctt✨" src="[staticoso:Folder:*:AbsoluteRoot]/sitoctt-assets/Media/Buttons/Sites/sitoctt-1.png"></a>
<span> </span> <span> </span>
<img alt="Bandiera Octt" src="[staticoso:Folder:*:AbsoluteRoot]/sitoctt-assets/Buttons/Octt-Flag.gif"> <img alt="Bandiera Octt" src="[staticoso:Folder:*:AbsoluteRoot]/sitoctt-assets/Media/Buttons/Octt-Flag.png">
<span> </span> <span> </span>

View File

@ -1,10 +1,10 @@
<div id="LeftBoxBottom" class="Pixelated"> <div id="LeftBoxBottom" class="Pixelated">
<hr> <hr>
<a class="NoABigger" href="https://mastodon.uno/@octo" target="_blank" rel="noopener nofollow"><img src="[staticoso:Folder:*:AbsoluteRoot]/sitoctt-assets/Buttons/Follow-Me-On-Mastodon.gif"></a> <a class="NoABigger" href="https://mastodon.uno/@octo" target="_blank" rel="noopener nofollow"><img alt="Follow me on Mastodon" src="[staticoso:Folder:*:AbsoluteRoot]/sitoctt-assets/Media/Buttons/Follow-me-on-Mastodon.png"></a>
<br> <br>
<a class="NoABigger" href="https://www.gnu.org/home.it" target="_blank" rel="noopener nofollow"><img src="[staticoso:Folder:*:AbsoluteRoot]/sitoctt-assets/Buttons/Made-On-GNU-Linux.gif"></a> <a class="NoABigger" href="https://www.gnu.org/home.it" target="_blank" rel="noopener nofollow"><img alt="Made on GNU/Linux" src="[staticoso:Folder:*:AbsoluteRoot]/sitoctt-assets/Media/Buttons/Made-on-GNU-Linux.png"></a>
<span> </span> <span> </span>
<a class="NoABigger" href="https://www.torproject.org/it" target="_blank" rel="noopener nofollow"><img src="[staticoso:Folder:*:AbsoluteRoot]/sitoctt-assets/Buttons/Tor.gif"></a> <a class="NoABigger" href="https://www.torproject.org/it" target="_blank" rel="noopener nofollow"><img alt="Tor" src="[staticoso:Folder:*:AbsoluteRoot]/sitoctt-assets/Media/Buttons/Tor.png"></a>
</div> </div>

View File

@ -7,7 +7,7 @@
</div> </div>
<div id="TopBoxRight" class="Pixelated"> <div id="TopBoxRight" class="Pixelated">
<a class="NoABigger" href="[staticoso:Site:RelativeRoot]index.html#-Feed-e-notifiche"><img alt="Feed" src="[staticoso:Folder:*:AbsoluteRoot]/sitoctt-assets/Buttons/Feed.gif"></a> <a class="NoABigger" href="[staticoso:Site:RelativeRoot]index.html#-Feed-e-notifiche"><img alt="Feed" src="[staticoso:Folder:*:AbsoluteRoot]/sitoctt-assets/Media/Buttons/Feed.png"></a>
<span> </span> <span> </span>
<a class="NoABigger" href="[staticoso:Site:RelativeRoot]index.html#-Sorgenti-e-licenze"><img alt="CC BY-SA" src="[staticoso:Folder:*:AbsoluteRoot]/sitoctt-assets/Buttons/CC-BY-SA.gif"></a> <a class="NoABigger" href="[staticoso:Site:RelativeRoot]index.html#-Sorgenti-e-licenze"><img alt="CC BY-SA" src="[staticoso:Folder:*:AbsoluteRoot]/sitoctt-assets/Media/Buttons/CC-BY-SA.png"></a>
</div> </div>

View File

@ -24,6 +24,12 @@
background-size: auto fill; background-size: auto fill;
background-position: center; background-position: center;
} }
.CCIcons > img, .CCIcon {
display: inline !important;
height: 1em !important;
margin-left: 3px;
vertical-align: text-top; /* text-bottom; */
}
[staticoso:Page:Style] [staticoso:Page:Style]
</style> </style>
[staticoso:DynamicPart:*/Head] [staticoso:DynamicPart:*/Head]
@ -36,7 +42,7 @@
</header> </header>
<article id="post-body" class="sans h-entry "><h2 id="title" class="p-name dated"><img src="[staticoso:Folder:*:AbsoluteRoot]/sitoctt-assets/Media/Icons/Text-File-32x32.png"> <span>[staticoso:Page:Title]</span></h2><div class="e-content">[staticoso:Page:Content] <article id="post-body" class="sans h-entry "><h2 id="title" class="p-name dated"><img src="[staticoso:Folder:*:AbsoluteRoot]/sitoctt-assets/Media/Icons/Text-File-32x32.png"> <span>[staticoso:Page:Title]</span></h2><div class="e-content">[staticoso:Page:Content]
<br><hr><br> <br><hr><br>
<p><a href="[staticoso:Site:RelativeRoot]index.html">sitoctt</a> di <a href="https://mastodon.uno/@octo" target="_blank" rel="noopener">octospacc</a> è <a href="[staticoso:Site:RelativeRoot]index.html#-Sorgenti-e-licenze">concesso sotto licenza</a> <a href="https://creativecommons.org/licenses/by-sa/4.0/deed.it" target="_blank" style="display:inline-block;" rel="noopener">CC BY-SA 4.0 <img style="height:22px!important;margin-left:3px;vertical-align:text-bottom;" src="https://mirrors.creativecommons.org/presskit/icons/cc.svg?ref=chooser-v1"> <img style="height:22px!important;margin-left:3px;vertical-align:text-bottom;" src="https://mirrors.creativecommons.org/presskit/icons/by.svg?ref=chooser-v1"> <img style="height:22px!important;margin-left:3px;vertical-align:text-bottom;" src="https://mirrors.creativecommons.org/presskit/icons/sa.svg?ref=chooser-v1"></a></p> <p><a href="[staticoso:Site:RelativeRoot]index.html">sitoctt</a> di <a href="https://mastodon.uno/@octo" target="_blank" rel="noopener">octospacc</a> è <a href="[staticoso:Site:RelativeRoot]index.html#-Sorgenti-e-licenze">concesso sotto licenza CC BY-SA 4.0 <span class="CCIcons"><img src="[staticoso:Folder:*:AbsoluteRoot]/sitoctt-assets/Media/Icons/CC/CC.svg"> <img src="[staticoso:Folder:*:AbsoluteRoot]/sitoctt-assets/Media/Icons/CC/BY.svg"> <img src="[staticoso:Folder:*:AbsoluteRoot]/sitoctt-assets/Media/Icons/CC/SA.svg"></span></a></p>
<p><i><b>Nota sul copyright</b>: tutti i diritti sull'immagine di sfondo appartengono a Microsoft Corporation (immagine originale) e a <a href="https://www.deviantart.com/master-bit/art/Windows-2000-Wallpaper-4K-Remastered-732122164" target="_blank" rel="noopener">deviantart.com/master-bit</a> (immagine rimasterizzata).</i></p> <p><i><b>Nota sul copyright</b>: tutti i diritti sull'immagine di sfondo appartengono a Microsoft Corporation (immagine originale) e a <a href="https://www.deviantart.com/master-bit/art/Windows-2000-Wallpaper-4K-Remastered-732122164" target="_blank" rel="noopener">deviantart.com/master-bit</a> (immagine rimasterizzata).</i></p>
</div><div id="ContentInfo">[staticoso:Page:ContentInfo]</div></article> </div><div id="ContentInfo">[staticoso:Page:ContentInfo]</div></article>
</body> </body>