image credits e peertube

omar 2024-07-28 17:10:58 +02:00
parent 6e4b3a5532
commit e394bb248e
5 changed files with 55 additions and 11 deletions

@ -10,6 +10,8 @@ BENVENUTO NELLA WIKI
* [Creare contenuti da LOCALE](hugo-new) * [Creare contenuti da LOCALE](hugo-new)
* [Creare contenuti senza nessuno sbatti](hugo-lazyboy) * [Creare contenuti senza nessuno sbatti](hugo-lazyboy)
* [Struttura della cartella content e permalink](struttura-content) * [Struttura della cartella content e permalink](struttura-content)
* [Front matter](front-matter)
* [Note sull'utilizzo di media](image-credits)
* [Inviare una PR - Pull Request](pull-request) * [Inviare una PR - Pull Request](pull-request)
**Procedure fondamentali operando da locale con GIT** **Procedure fondamentali operando da locale con GIT**

@ -1,5 +1,5 @@
~~Sistemare relref~~ ~~Sistemare relref~~
~~Questione immagini nel front-matter~~ ~~Questione immagini nel front-matter~~
~~Questione linuxday-featured~~ ~~Questione linuxday-featured~~
Descrizione compilazione del front matter ~~Descrizione compilazione del front matter~~
Didascalie immegini ~~Didascalie immegini~~

@ -11,8 +11,9 @@ Comandi hugo e struttura del sito
* [Contribuire da LOCALE](hugo-new) * [Contribuire da LOCALE](hugo-new)
* [I'm a lazy boy](hugo-lazyboy) * [I'm a lazy boy](hugo-lazyboy)
* [Cartella content e permalink](struttura-content) * [Cartella content e permalink](struttura-content)
* [Front matter](front-matter)
* [Note sull'utilizzo di media](image-credits)
* [Inviare una PR](pull-request) * [Inviare una PR](pull-request)
* [Note sull'utilizzo di immagini](image-credits)
Comandi GIT Comandi GIT

@ -1,4 +1,4 @@
Qui trovi l'[ultima versione degli archetipi](/BgLUG/bglug.it/src/branch/main/archetypes).
## Front matter: evento ## Front matter: evento

@ -1,12 +1,34 @@
## Indicare la fonte dei media
ricordarsi di mettere SEMPRE i credits per le immagini (nel front matter con image_caption e nel post con il caption dopo il link) ## Formato e dimensione delle immagini
ricordarsi di mettere SEMPRE l'alt-text per le immagini
evitare immagini vettoriali
markdownlint è tuo amico (e ci sono i plugin in vscodium/vscode)
le immagini più larghe di 1400px vengono scalate a 1400px
``` ### Immagini raster
Utilizzare file immagini in formato PNG di larghezza massima 1400 px.
Le immagini più grandi verranno automaticamente convertite.
Immagini più piccole della risoluzione dello schermo non verranno ingrandite, per evitare difetti legati alla sgranatura.
Scegli quindi una dimensione adeguata o esegui un upscale se credi.
### Immagini vettoriali (SVG)
In generale non utilizzare immagini SVG, né nel front matter né nel content, perchè non comparirà o darà errore.
Converti l'immagine prima di caricarla. Puoi utilizzare Inkscape, se installato, o quello che preferisci.
`inkscape -w 1200 logo.svg -o logo.png`
## Alt-text e credits
Quando si inseriscono immagini nei post o eventi, ricordarsi di:
* mettere sempre l'**alt-text** che descriva l'immagine
* mettere sempre i **credits** per le immagini
* **non utilizzare immagini vettoriali** come già detto
### Immagini nel front matter
Compilare i campi contenuti nel front matter riguardanti le immagini.
```yaml
--- ---
image: banner-manifestazione.png image: banner-manifestazione.png
@ -16,3 +38,22 @@ image_caption: "Image credits: [BgLUG](https://bglug.it 'Bergamo Linux Users Gro
--- ---
``` ```
### Immagini nel content
All'interno del content, che si tratti di post, evento o altro, utilizzare il tradizionale formato in Markdown, completo di alt-text e credits:
`![Pila di libri di Ada&Zangemann](libri.png "Image credits: [fsfe](https://fsfe.org/)")`
o con tooltip
`![Pila di libri di Ada&Zangemann](libri.png "Image credits: [fsfe](https://fsfe.org/ 'Free software foundation Europe')")`
## Video da Peertube
I video possono essere linkati in modo tradizionale, tramite link:
`[Peertube](https://video.linux.it/w/p/3SUuYCXJqC2M7V35fu7ifX)`
oppure embeddati tramite shortcode. Il seguente serve esclusivamente per i video hostati su istante Peertube:
`{{< peertube host="video.linux.it" id="dgpsKn9vD98NnxNNWGXFzs" title="1" >}} `