Bottone "Security"

Table of content :

Cosa è

E' un bottone con un'immagine di un lucchetto: il lucchetto è aperto se la connessine al sito viene fatta in HTTP, mentre risulta chiuso se la connessione è in HTTPS. Il bottone è un link a una pagina dove viene spiegato qualcosa circa le connessioni cifrate, privacy, sicurezza, e blablabla
Vedi: http://www.bristol.indymedia.org/security o https://www.indymedia.org.uk/en/static/security.html

Passi da seguire

• Creare un nuovo "Code Box"
• Creare un nuovo "Static Document"
• Mettere il "Code Box" nella "Horizontal Bar 46"
• Modificare il CSS "style.css"
• Creare un nuovo "URL amichevole" che punti al nuovo "Static Document"

Il "Code Box"

Il nuovo oggetto contiene il seguente codice PHP:

<a href='security' class='indyheader' title='Security Information' id="link_<?php echo ($_SERVER['HTTPS'] == on) ? "secure" : "insecure" ?>">security</a>

"Static Document"

Creare un nuovo "Static Document" e mettere questo codice PHP (più altro) nel campo "File Contents":

<?php 

if ($_SERVER['HTTPS']) {

echo '
<div class="security_ok">
<h2>Connessione criptata.</h2>
Stai consultando il sito tramite una connessione criptata. Tutti i dati inviati e ricevuti dal server sono criptati: sar&agrave; molto difficile che qulcuno intercetti i dati trasmessi.
</div>';

} else {

echo '
<div class="security_warning">
<h2>ATTENZIONE: comunicazione non criptata</h2>
Stai consultando il sito senza una connessione HTTPS. Ti suggeriamo di utilizzare una connessione criptata, dato che allo stato attuale, potenzialmente, qualcuno sulla rete potrebbe intercettare il contenuto dei dati trasmessi ovvero quello che pubblicherai.
Per cambiare il tipo di comunicazione, <a href="https://'.$_SERVER['HTTP_HOST'].'/security">clicca semplicemente qui</a> o modifica cambia http:// in https:// nella barra di navigazione del browser.
</div>';

}

?>

CSS

Aggiungere questa roba al CSS "style.css":

#link_secure {
   padding-left: 20px;
   background: url('/attachments/sites/site_1/lockclosed.gif') top left no-repeat;
}

#link_insecure {
   padding-left: 20px;
   background: url('/attachments/sites/site_1/lockopen.gif') top left no-repeat;
}

.security_warning {
   border: 2px solid #993333;
   color: #993333;
   background: #ffe0e0;
   padding: 0px 20px 10px 20px;
}

.security_ok {
   border: 2px solid #4c9149;
   color: #4c9149;
   background: #c8edce;
   padding: 0px 20px 10px 20px;
}

Ringraziamenti

Grazie a collettivo tecnico di IMC Bristol per le indicazioni. (http://lists.indymedia.org/pipermail/oscailt/2008-April/0403-ug.html)
to top