Correzione aspect ratio immagini e sostituzione

This commit is contained in:
PicciHud 2022-05-23 15:22:03 +02:00
parent 7b5ae9612a
commit 954cd85954
12 changed files with 23 additions and 4 deletions

BIN
Img/Guida_vim/cartella.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 78 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 131 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 163 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 80 KiB

After

Width:  |  Height:  |  Size: 166 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 81 KiB

After

Width:  |  Height:  |  Size: 103 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 116 KiB

After

Width:  |  Height:  |  Size: 70 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 465 KiB

After

Width:  |  Height:  |  Size: 881 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 160 KiB

0
file Normal file
View File

View File

@ -99,10 +99,12 @@
maggiore difficoltà di apprendimento da parte di nuovi utenti. La tastiera non è così solo uno strumento maggiore difficoltà di apprendimento da parte di nuovi utenti. La tastiera non è così solo uno strumento
per per
digitare testo, ma anche uno strumento per impartire comandi.</p> digitare testo, ma anche uno strumento per impartire comandi.</p>
<div class="spacer"></div>
<p>Vim ha quindi tre modalità:</p> <p>Vim ha quindi tre modalità:</p>
<p>- <em>Command mode</em>: quando si avvia Vim, ci si trova in modalità di comando (detta anche <p>- <em>Command mode</em>: quando si avvia Vim, ci si trova in modalità di comando. In questa
<em>normal mode</em>). In questa
modalità è possibile spostarsi sullo schermo, eliminare e copiare del testo, ma non possibile scrivere modalità è possibile spostarsi sullo schermo, eliminare e copiare del testo, ma non possibile scrivere
testo; testo;
</p> </p>
@ -123,6 +125,13 @@
<h2>Avviare Vim da terminale</h2> <h2>Avviare Vim da terminale</h2>
<p>Aprire un terminale e digitare il seguente comando:</p> <p>Aprire un terminale e digitare il seguente comando:</p>
<p><span class="highlightme">vim</span></p> <p><span class="highlightme">vim</span></p>
<p>Per visualizzare tutti i file presenti in una cartella, digitare:</p>
<p><span class="highlightme">vim .</span></p>
<div class="container_img">
<img src="./Img/Guida_vim/cartella.png" alt="Finestre multiple">
</div>
<p>È possibile aprire direttamente un file tramite Vim:</p> <p>È possibile aprire direttamente un file tramite Vim:</p>
<p><span class="highlightme">vim {file}</span></p> <p><span class="highlightme">vim {file}</span></p>
@ -814,6 +823,8 @@
<img src="./Img/Guida_vim/menu_errore_vim.png" alt="Vim text editor" style="margin:0 0 -30px 0;" /> <img src="./Img/Guida_vim/menu_errore_vim.png" alt="Vim text editor" style="margin:0 0 -30px 0;" />
</div> </div>
<div class="divider"></div>
<h3>Aggiungere parole al vocabolario di Vim</h3> <h3>Aggiungere parole al vocabolario di Vim</h3>
<p>Può capitare, e spesso capita, che una determinata parola, casomai specialistica della nostra materia, <p>Può capitare, e spesso capita, che una determinata parola, casomai specialistica della nostra materia,
venga visualizzata da Vim come errore perché non presente venga visualizzata da Vim come errore perché non presente
@ -841,6 +852,8 @@
<img src="./Img/Guida_vim/menu_contestuale_correzione_errori.png" alt="Vim text editor" style="margin:0 0 -30px 0;" /> <img src="./Img/Guida_vim/menu_contestuale_correzione_errori.png" alt="Vim text editor" style="margin:0 0 -30px 0;" />
</div> </div>
<div class="divider"></div>
<h3>Auto-completamento</h3> <h3>Auto-completamento</h3>
<p>Digitando <span class="highlightme">CTRL+X</span>, in insert mode, si accede a molto di più del sistema <p>Digitando <span class="highlightme">CTRL+X</span>, in insert mode, si accede a molto di più del sistema
di di
@ -993,7 +1006,7 @@
</table> </table>
<div class="container_img"> <div class="container_img">
<img src="./Img/Guida_vim/finestre multiple_vim.jpg" alt="Finestre multiple"> <img src="./Img/Guida_vim/finestre_multiple.png" alt="Finestre multiple">
</div> </div>
<div class="spacer"></div> <div class="spacer"></div>
@ -1080,7 +1093,8 @@
<div class="divider"></div> <div class="divider"></div>
<p>Un articolo a parte sarà dedicato ai <em>plugin</em> e alla loro installazione, alla <p>Un articolo a parte sarà dedicato ai <em>plugin</em> e alla loro installazione, alla
<em>personalizzazione</em> di Vim, sia tramite temi che modificando il file <span class="highlightme">.vimrc</span>.</p> <em>personalizzazione</em> di Vim, sia tramite temi che modificando il file <span class="highlightme">.vimrc</span>.
</p>
</div> </div>
<div class="container_img"> <div class="container_img">

View File

@ -411,17 +411,22 @@ nav a:hover {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
/*Gli elementi sono allineati al centro del container*/
margin: 10px 0 10px 0; margin: 10px 0 10px 0;
} }
.container_img img { .container_img img {
max-width: 100%; max-width: 100%;
height: auto; height: auto;
aspect-ratio: 16 / 9;
/*Forza l'aspect-ratio a 16:9 per le immagini*/
} }
/*Immagini di elevate dimensioni. Sarebbe corretto ridimensionarle a monte*/
.max_img { .max_img {
width: 50%; width: 50%;
height: auto; height: auto;
aspect-ratio: 16 / 9;
} }
.author { .author {