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 senza nessuno sbatti](hugo-lazyboy)
* [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)
**Procedure fondamentali operando da locale con GIT**

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

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

@ -1,4 +1,4 @@
Qui trovi l'[ultima versione degli archetipi](/BgLUG/bglug.it/src/branch/main/archetypes).
## 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)
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
## Formato e dimensione delle immagini
```
### 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
@ -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" >}} `