Merge pull request 'Release new website' (#14) from claudiomaradonna/unitoo-site:master into master

Reviewed-on: https://gitea.it/Unitoo/unitoo-site/pulls/14

_assets/stylesheets/_base.scss

@@ -1,3 +1,7 @@
+html {
+	scroll-behavior: smooth !important;
+}
+
 /**
  * Reset some basic elements
  */
@@ -262,3 +266,7 @@ blockquote {
 		font-size: 3rem;
 	}
 }
+
+.lead {
+	text-align: justify;
+}

_assets/stylesheets/_layout.scss

@@ -2,9 +2,9 @@
  * Site header
  */
 .site-header {
-	background: #f8f8f8;
+	background: #333;
 	border-top: 5px solid $title-color;
-	border-bottom: 1px solid $grey-color-light;
+	border-bottom: 1px solid $gray-800;
 	min-height: 56px;
 
 	// Positioning context for the mobile navigation icon
@@ -35,9 +35,9 @@
 	color: #fff;
 
 	line-height: 1.3;
-	background-color: #222;
+	background-color: #333;
 	border-top: 3px dashed $body-bg;
-	box-shadow: 0px 250px #222;
+	box-shadow: 0px 250px #333;
 
 	li.list-inline-item {
 		img {
@@ -413,18 +413,21 @@ aside.aside {
 // 	box-shadow: $box-shadow !important;
 // }
 
-.header-index {
-	min-height: 55vh;
+.header {
+	min-height: 80vh;
 	background-size: cover;
 	background-attachment: fixed;
+	background-position: center;
+	background-repeat: no-repeat;
+}
+
+.header-index {
 	margin-top: -30px;
 	margin-bottom: 0;
-	background-image: asset_url('header-network.webp');
+	background-image: asset_url('header-space.webp');
 }
 
 .header-peertube {
-	min-height: 80vh;
-	background-position: center;
 	background-image: asset_url('header-peertube.webp');
 }
 
@@ -433,11 +436,25 @@ aside.aside {
 }
 
 .header-radio {
-	min-height: 80vh;
-	background-position: center;
 	background-image: asset_url('header-radio.webp');
 }
 
+.header-aboutus {
+	background-image: asset_url('header-aboutus.webp');
+}
+
+.header-technical_assistance {
+	background-image: asset_url('header-technical_assistance.webp');
+}
+
+.header-cybersecurity {
+	background-image: asset_url('header-cybersecurity.webp');
+}
+
+.header-communications {
+	background-image: asset_url('header-communications.webp');
+}
+
 .min-height-500 {
 	min-height: 500px !important;
 }

_assets/stylesheets/vendor/bootstrap-custom/utilities/_background.scss

@@ -14,6 +14,10 @@
   background-color: $white !important;
 }
 
+.bg-dark {
+  background-color: $gray-800 !important;
+}
+
 .bg-transparent {
   background-color: transparent !important;
 }

_config.yml

@@ -1,9 +1,9 @@
 # Welcome to Jekyll!
 #
 title: Unitoo
-email: info@unitoo.pw
+email: info@unitoo.it
 description: >- # this means to ignore newlines until "baseurl:"
-  Azienda dedicata allo sviluppo software, alla consulenza informatica e alla formazione
+  Soluzioni software, cyber security e consulenza senza compromessi
 baseurl: "" # the subpath of your site, e.g. /blog
 author: Unitoo
 exclude: ["README.md", "Gemfile.lock", "Gemfile", "tag-generator.py"]

_i18n/it.yml

@@ -4,10 +4,12 @@ meta:
     index: "Home"
     aboutus: "Chi siamo"
     software_technologies: "Le tecnologie software"
-    technical_advice: "Consulenza tecnica"
     projects: "Progetti"
     software: "Progetti - Il software"
     services_and_products: "Servizi e prodotti"
+    technical_assistance: "Assistenza e consulenza"
+    cybersecurity: "Sicurezza informatica"
+    communications: "Comunicazioni"
     radio: "La nostra radio libera"
     channel: "Il nostro canale"
     contacts: "Contatti"
@@ -16,6 +18,12 @@ meta:
     peertube: "Partners - Peertube Italia"
     news: "News"
     privacy_policy: "Informativa privacy"
+    blackhole: "Blackhole"
+    sonde: "Modulo Sonda"
+    defence: "Modulo Difesa"
+    rover: "Modulo Rover"
+    monitoring: "Modulo Monitoraggio"
+    referral: "Referral"
 
     tags:
       bot: "Tag: #bot"
@@ -23,8 +31,6 @@ meta:
   descriptions:
     index: "Sviluppiamo software e facciamo consulenza IT. Etica, concretezza ed avanguardia ci contraddistinguono"
     aboutus: "Chi siamo, quali sono i nostri valori e la nostra mission"
-    software_technologies: "Quali tecnologie software utilizziamo e in che modo le integriamo fra loro"
-    technical_advice: "Consulenza tecnica nell'ambito GNU/Linux, utilizzando i migliori strumenti liberi messi a disposizione dal free software."
     projects: "I nostri progetti, per rendere tutti partecipi della nostra Mission."
     software: "I progetti che stiamo principalmente supportando nell'ambito del software libero. A partire dai BIOS liberi a finire alla rimozione dei DRM."
     services_and_products: "I servizi ed i prodotti che principalmente offriamo, utilizzando sempre ed esclusivamente software libero"
@@ -36,6 +42,13 @@ meta:
     peertube: "Una piattaforma libera, che supportiamo, per la diffusione di contenuti video"
     news: "Le notizie che apprezziamo relative al software libero e allo sviluppo del software in generale"
     privacy_policy: "La nostra informativa privacy secondo Regolamento Europeo 2016/679"
+    communications: "Le nostre soluzioni software per una comunicazione in team efficiente ed etica."
+    blackhole: "La nostra soluzione hardware e software per bloccare tracker, malware, ransomware, spam, scam e chi più ne ha più ne metta."
+    sonde: "Un'analisi semplice ma efficace che permette di scoprire le vulnerabilità più comuni."
+    defence: "Le soluzioni nate per proteggere le tue infrastrutture e i tuoi server."
+    rover: "Un'analisi dettagliata e meticolosa, effettuata one-by-one per ottenere il maggior numero di informazioni."
+    monitoring: "Soluzioni software per il monitoraggio dei tuoi server"
+    referral: "Scopri come diventare un Guardiano dello User Space"
 
     tags:
       bot: "Le pagine relative al tag #bot"
@@ -65,6 +78,7 @@ meta:
     liberapay_logo: "Logo ufficiale di Liberapay"
     yamabiiko: "Foto ritratto di Lorenzo Tucci"
     cmaradonna: "Foto ritratto di Claudio Maradonna"
+    frenky: "Foto ritratto di Simone Capparucci"
     fabio_purple: "Foto ritratto di Fabio \"Desmovalvo\""
     sara: "Foto ritratto di Sara Freddoni"
 
@@ -75,29 +89,45 @@ buttons:
   more_about_us: "Vieni a scoprire di più su di noi"
   services_and_products: "Servizi e Prodotti"
   projects: "Progetti"
-  know_us_on_mastodon: "Vieni a conoscerci su Mastodon!"
+  know_us_on_mastodon: "Ecco il nostro profilo!"
   find_how_we_build_software: "Scopri quali tecnologie utilizziamo"
   find_what: "Scopri la nostra piattaforma e i costi"
   know_more: "Approfondisci"
   go_to_channel: "Vai al canale"
   go_to_helpdesk: "Vai all'Helpdesk"
+  go_to_technical_assistance: "Scopri i servizi"
+  go_to_cybersecurity: "Consulta i nostri sistemi di difesa"
+  go_to_communications: "Migliora le tue comunicazioni"
+  go_to_blackhole: "Contattaci per saperne di più!"
+  become_a_guardian_of_user_space: "Unisciti a noi e scopri i vantaggi di essere un Guardiano dello User Space!"
 
 inputs:
   search: "Vuoi cercare qualcosa?"
   no_results: "Nessun risultato"
 
 index:
-  header_title: "Sviluppo software e consulenza senza compromessi"
-  header_lead: "Etica, concretezza e avanguardia, sono alcune delle caratteristiche che ci contraddistinguono"
-  aside_radio: "Stai cercando forse la nostra radio dedicata al software?"
-  services_title: "I servizi"
-  services:
-    software_development: "Sviluppo software"
-    software_development_text: "Un processo lineare basato sull'analisi dei requisiti, le migliori tecnologie e la massima disponibilità. <br>Inoltre, avrai sempre una traccia di ciò che è stato fatto e di cosa verrà sviluppato grazie ai software di controllo versione come Git.<br><br> Siamo disponibili anche a partecipare allo sviluppo di software già avviati."
-    technical_advice: "Consulenza"
-    technical_advice_text: "Tramite la nostra piattaforma di Helpdesk, siamo pronti a fornire i dettagli che faranno la differenza nel mondo del software e delle infrastrutture.<br><br>Da anni lavoriamo con diversi software liberi come GNU/Linux, LibreOffice, Nextcloud... e possiamo guidarti nella loro configurazione per raggiungere al meglio i tuoi obiettivi."
-  products_title: "Soluzioni software"
+  header_title: "{ Hack. Evolve. Repeat. }"
+  header_lead: "Soluzioni software, cyber security e consulenza senza compromessi"
+  aside_radio: "Stai cercando la nostra radio dedicata al software e alla musica Creative Commons?"
+  products_title: "Servizi e prodotti"
   products:
+    introduction: "The Cyber Space Mission"
+    introduction_description: "Come in un film di fantascienza abbiamo creato un insieme di soluzioni e procedure ottimizzate atte a formare un ambiente di lavoro sicuro e affidabile.<br><br>Il nostro obiettivo mira inoltre ad aumentare la consapevolezza dei nostri clienti riguardo i pericoli del mondo informatico e dei metodi utilizzati nella cyber security."
+    technical_assistance: "Consulenza"
+    technical_assistance_text: "
+      L'erogazione del nostro servizio di consulenza è disponibile in due soluzioni.<br><br>È possibile pianificare appuntamenti periodici e manutentivi, ottenere supporto per la risoluzione dei problemi nell'utilizzo del computer e nella configurazione del servizi e dei server.
+    "
+
+    cybersecurity: "Sicurezza"
+    cybersecurity_text: "
+      In informatica, l'hardening è il processo di messa in sicurezza di un sistema che ne riduce le superfici vulnerabili.<br><br>La riduzione delle modalità di attacco disponibili include in genere la modifica delle password predefinite, l'aggiunta di sistemi di autenticazione a due fattori, la rimozione di software e/o servizi, nomi utente o accessi non necessari.
+    "
+
+    communications: "Comunicazioni"
+    communications_text: "
+      L'uso di sistemi di comunicazione semplici ed efficienti è una priorità oggi per accrescere la produttività di ogni tipologia di business, per semplificare l'operatività e aumentare l'engagement della propria forza lavoro. Poter rendere disponibili i sistemi di comunicazione anche in mobilità è una necessità ancor più urgente nello scenario attuale del digital business, sempre più caratterizzato nello smart working e alla social collaboration.
+    "
+
     nextcloud: "Nextcloud"
     nextcloud_text: "La migliore alternativa alla Suite Google, sotto il tuo completo controllo.<br><br> App mobile, Calendario e Appuntamenti, Segnalibri browser, Note, File e condivisioni, Storage upload, client Mail, Office online concorrente... tutto questo ed oltre in un unico luogo"
     nextcloud_website: "Scoprilo tramite il sito ufficiale di Nextcloud"
@@ -108,12 +138,15 @@ index:
     pihole_text: "Oggi proteggersi da tentativi di attacco è diventato ben oltre che necessario.<br><br>Con Pi-Hole installiamo uno scudo efficace sull'intera rete (da completare magari con un buon firewall) in grado di scartare eventuali richieste in ingresso e in uscita riconosciute come phishing, ransomware, malware, cryptojacking..."
     pihole_website: "Approfondisci sul sito ufficiale di Pi-hole"
 
+    blackhole: "Black hole"
+    blackhole_text: "Black Hole è un sistema hardware di blocco dei tracker, malware, ransomware, porno, spam, scam, cryptomining, fraud, fake-news, gambling, adware e della pubblicità, tramite un'applicazione server che funge da sinkhole DNS e facoltativamente con server DHCP.<br><br>Destinato all'uso su una rete privata (Intranet), è progettato con dispositivi a basso consumo con alta capacità di rete, come il Raspberry Pi.<br><br>Black Hole ha la capacità quindi di bloccare gli annunci di siti web tradizionali e le minacce informatiche su qualunque dispositivo collegato alla rete sulla quale è installato."
+
 aboutus:
   header_title: "Appassionati, professionali e assertivi"
   header_lead: "Vogliamo andare oltre il fascino del progresso tecnologico, vogliamo che le persone possano trasformarlo in emozioni e farlo proprio. Per questo diamo grande priorità ai prodotti liberi, etici ed alla formazione.<br><br>
 Il nostro impegno è rivolto a migliorare e fortificare il panorama del software e della sicurezza informatica attraverso la formazione e la crescita dell'individuo; questo ci fa sentire parte del progresso nel senso più stretto.<br><br>
 <i>«Dai un pesce a un uomo e lo nutrirai per un giorno. Insegnagli a pescare e lo nutrirai per tutta la vita.»</i>"
-  aside_social: "Vieni a trovarci su Mastodon! Avrai modo di conoscere anche una bellissima community!"
+  aside_social: "Vieni a trovarci nel Fediverso! Avrai modo di conoscere anche una simpatica community!"
   vision_and_staff_title: "Chi siamo e in cosa crediamo"
   vision_and_staff_text: "
     Vogliamo partire da una citazione di Eleanor Roosevelt:<br>
@@ -124,76 +157,101 @@ Il nostro impegno è rivolto a migliorare e fortificare il panorama del software
     Per questo siamo impegnati costantemente nel mondo del software libero a vari livelli, formiamo ragazzi/e in tal senso e rendiamo partecipi le community dei nostri risultati."
   staff_title: "Ecco lo staff"
 
+technical_assistance:
+  header_title: "Consulenza"
+  header_lead: "L'erogazione del nostro servizio di consulenza e assistenza è disponibile in due soluzioni.<br>È possibile quindi pianificare appuntamenti periodici e manutentivi, ottenere supporto per la risoluzione dei problemi nell'utilizzo del computer e nella configurazione dei servizi e dei server."
+
+  intelligence_title: "Modulo Intelligence"
+  intelligence_text: "
+    Il modulo Intelligence permette al cliente di accedere al know-how in nostro possesso e quindi di ottenere soluzioni e suggerimenti mirate alle proprie esigenze, come ad esempio programmi o strumenti atti ad ottimizzare i suoi ambienti di lavoro.<br><br> Le principali aree di competenza della nostra azienda sono:
+      <ul>
+        <li>Sistemi GNU/Linux</li>
+        <li>Hardening di rete (firewall, VPN, DNS)</li>
+        <li>Soluzioni per l’ufficio</li>
+        <li>Sicurezza Informatica</li>
+        <li>Sviluppo software e siti web</li>
+      </ul>
+      Il pacchetto puo essere acquistato in tre diverse soluzioni: <strong>mensile, trimestrale ed annuale</strong>.
+  "
+
+  life_title: "Modulo Vita"
+  life_text: "
+    Da un punto di vista prettamente tecnico, la riottimizzazione consiste nell'applicazione di particolari accorgimenti che permettono di risolvere uno o più problemi.<br><br> Modulo Vita offre quindi una soluzione atta ad ottimizzare le
+varie postazioni ed i terminali presenti nella struttura specifica in analisi.<br><br> Il prezzo base del modulo varia in base al tipo e allo stato di obsolescenza delle postazioni prese in considerazione oltre che il loro numero.
+  "
+
+cybersecurity:
+  header_title: "Sicurezza"
+  header_lead: "
+    Per definizione in ambito informatico si evince che la sicurezza è determinata da tre principali fattori:<br><br>
+
+    <strong>Confidenzialità</strong> - L'accesso a risorse e dati sensibili viene consentito solo a utenti autorizzati<br><br>
+    <strong>Integrità</strong> - I dati del sistema sono protetti da perdite o modifiche dovute da attacchi o incedenti<br><br>
+    <strong>Disponibilità</strong> - Per disponibilità si intende la possibilità di accedere ad un dato o risorsa in qualunque momento."
+  p_text: "In informatica, l'hardening è il processo di messa in sicurezza di un sistema che ne riduce le superfici vulnerabili.<br><br>La riduzione delle modalità di attacco disponibili include in genere la modifica delle password predefinite, l'aggiunta di sistemi di autenticazione a due fattori, la rimozione di software e/o servizi, nomi utente o accessi non necessari.<br><br>Esistono vari metodi per rafforzare i sistemi basati su GNU/Linux. Ciò può comportare, tra le altre misure, l'applicazione di patch al kernel, chiusura delle porte di rete aperte, la creazione di sistemi di rilevamento delle intrusioni, firewall e sistemi di prevenzione delle intrusioni.<br><br>Esistono anche script e strumenti di hardening come Lynis, che possono, ad esempio, analizzare un sistema approfonditamente e permettere di disattivare funzionalità non richieste nei file di configurazione o eseguire varie altre misure di protezione."
+  modules_title: "I nostri moduli"
+
+  sonde_title: "Modulo Sonda"
+  sonde_text: "Il pacchetto Sonda effettua un'analisi automatizzata dell ambiente server rilasciando un resoconto delle vulnerabilità e delle possibili ottimizzazioni da effettuare in base alle casistiche rilevate nei casi di uso comune come server web e server di posta."
+  sonde_button: "Prendi il controllo con il modulo Sonda"
+
+  rover_title: "Modulo Rover"
+  rover_text: "Il modulo Rover offre un'analisi dettagliata e specifica di tutte le problematiche e vulnerabilità di una o più strutture da analizzare, la procedura non è automatizzata ed ha un costo maggiore rispetto al modulo Sonda."
+  rover_button: "Sali sul nostro Rover per un esplorazione dettagliata"
+
+  defence_title: "Modulo Difesa"
+  defence_text: "I moduli di difesa sono le procedure messe in atto per aumentare la sicurezza dell ambiente analizzato, in precedenza, attraverso i moduli Sonda e/o Rover."
+  defence_button: "Richiedi l'aiuto della nostra flotta"
+
+  monitoring_title: "Modulo di Monitoraggio"
+  monitoring_text: "Il modulo di monitoraggio recupera dai servizi aziendali qualsiasi tipologia di dato e consente di visualizzarlo direttamente in Grafana. Ciò significa che puoi ottenere il meglio dalle tue complesse e costose infrastrutture aziendali visualizzando tutti i dati in modo semplice, efficace e personalizzato. Inoltre puoi configurare delle notifiche personalizzate che verranno reindirizzate sul tuo canale di comunicazione preferito."
+  monitoring_button: "Scopri come monitorare le tue infrastrutture"
+
+  sonde:
+    title: "Modulo Sonda"
+    description: "Pensato per scoprire le vulnerabilità più comuni e presenti nei database più importanti, il modulo Sonda si rivela necessario per ottenere poi un servizio Modulo Difesa.<br><br>Il modulo Sonda inoltre ci permette di elaborare, per il cliente, un resoconto, facilmente interpretabile, delle vulnerabilità rilevate e delle possibili ottimizzazioni che si possono effettuare nel sistema analizzato.<br><br>Tale modulo può essere utilizzato anche per analizzare più server e infrastrutture di rete, tenendo quindi in considerazione anche le configurazioni più personalizzate."
+
+  rover:
+    title: "Modulo Rover"
+    description: "Attraverso il Modulo Rover, la ricerca di vulnerabilità e di ottimizzazioni si spinge oltre, arrivando a valutare, in maniera dettagliata, ogni singolo servizio e criticità presente nel sistema da analizzare.<br>Mediante il controllo one-by-one, i nostri tecnici utilizzeranno ogni strumento a disposizione per analizzare tutte le superfici esposte ad una possibile minaccia.<br><br>È possibile applicare il Modulo Rover a più Moduli di Difesa, questo consente di ottenere un livello di implementazioni ottimale degli ambienti e delle strutture analizzate."
+
+  defence:
+    title: "Modulo Difesa"
+    description: "Sottostante sono elencate le nostre soluzioni nate per proteggere le tue infrastrutture e i tuoi server. Queste soluzioni offrono configurazioni pensate per abbracciare più livelli di protezioni, che in alcune situazioni, devono giustamente essere elevate, come quando si trattano dati sensibili o è necessario garantire il massimo controllo del sistema.<br><br>I nostri tecnici e consulenti sapranno indicarvi la soluzione più adatta alle vostre necessità."
+
+    starfighter: "Caccia Stellare"
+    starfighter_text: "La soluzione di tipo Caccia Stellare include, a partire dall'identificazione dei beni da proteggere, la valutazione delle possibili minacce in termini di probabilità di occorrenza e relativo danno potenziale (gravità). A tal punto si applicano determinate procedure di \"best practises\" atte ad offrire al cliente una soluzione efficace ed al tempo stesso in grado di fornire protezione dalla maggior parte delle minacce presenti in rete; a tal proposito verranno configurati Firewall e applicati dei protocolli di protezione di base. Inoltre i sistemi verranno dotati di aggiornamenti automatici di sicurezza con frequenza prestabilita. Tale sistema di difesa risulta però poco adatto nelle situazioni in cui siano presenti più servizi o servizi personalizzati e nel caso in cui si trattino dati sensibili e biometrici.<br><br><strong>Questo Modulo richiede preventivamente che venga effettuata un'analisi attraverso il Modulo Sonda.</strong>"
+
+    cruiser: "Incrociatore"
+    cruiser_text: "Il sistema di difesa di tipo Incrociatore offre un livello di sicurezza e ottimizzazione maggiore rispetto alla soluzione Caccia Stellare, il livello di procedure di Server Hardening va ad agire anche sui permessi utente e configurazione del kernel, in aggiunta a sistemi di protezione e alla messa in sicurezza di servizi critici e specifici tramite una configurazione firewall. Questo Modulo permette inoltre di cifrare e verificare l'autenticità delle connessioni tramite il setup di un sistema di connessioni cifrate attraverso WireGuard, un programma open source che permette di creare connessioni sicure punto-punto in configurazione routed o bridged. Inoltre i sistemi verranno dotati di aggiornamenti automatici di sicurezza con frequenza periodica. La procedura consente di offrire i propri servizi in totale sicurezza anche laddove siano presenti dati sensibili e biometrici.<br><br><strong>Questo Modulo richiede preventivamente che venga effettuata un'analisi attraverso il Modulo Rover.</strong>"
+
+    stardestroyer: "Star Destroyer"
+    stardestroyer_text: "Il sistema di difesa Star Destroyer aggiunge un'ulteriore livello di sicurezza offrendo così una configurazione ottimizzata del boot del server, un hardening delle partizioni, un ulteriore personalizzazione dei permessi e la rimozione totale di qualsiasi protocollo, servizio ed applicativo inutilizzato ed obsoleto nel sistema operativo. In aggiunta il Modulo Star Destroyer implementa una tecnologia per la sincronizzazione e la verifica dei certificati oltre ad un sistema di connessioni cifrate punto-punto (WireGuard). Vengono valutate le minacce e le possibili metodologie di attacco a cui sono esposti i servizi e le risorse. Permette inoltre di rilevare eventuali intrusioni di sistema tramite sistemi IDS (Intrusion Detection System) in tempo reale. Tale procedura consente di raggiungere un livello di sicurezza avanzato e personalizzato, quindi inospitale per possibili attacchi informatici. Il Modulo Star Destroyer sfrutta un sistema di aggiornamento automatici personalizzati di sicurezza configurati ad hoc per ottimizzare l'ambiente in cui viene applicato.<br><br><strong>Questo Modulo richiede preventivamente che venga effettuata un'analisi attraverso il Modulo Rover.</strong>"
+
+  monitoring:
+    title: "Modulo Monitoraggio"
+    description: "Utilizzando software come Grafana e Prometheus, riusciamo ad aggregare i dati provenienti da diversi fonti e permetterne una visualizzazione personalizzata ed efficace. Inoltre tali software permettono di configurare sistemi di notifica avanzati, utili per sapere ad esempio se si verificano situazioni di intenso carico alla CPU o al traffico dati del server.<br><br>Monitorare un servizio specifico, il server o poter osservare un dataset, non è mai stato cosi semplice e pulito."
+
+communications:
+  header_title: "Comunicazioni"
+  header_lead: "L'uso di sistemi di comunicazione semplici ed efficienti è una priorità oggi per accrescere la produttività di ogni tipologia di business, per semplcificare l'operatività e aumentare l'engagement della propria forza lavoro. Poter rendere disponibili i sistemi di comunicazione anche in mobilità è una necessità ancor più urgente nello scenario attuale del digital business, sempre più caratterizato nello smart working e nella social collaboration."
+
+  mattermost:
+    title: "Mattermost"
+    lead: "Mattermost permette di collegare persone e strumenti ed automatizzare la collaborazione fra di essi, ad esempio realizzando un sistema di notifiche in tempo reale per un determinato progetto. Mattermost è il prodotto ideale per i team che devono collaborare alla progettazione e allo sviluppo di un prodotto o servizio."
+
+  matrix:
+    title: "Matrix"
+    lead: "Matrix è un progetto open source che utilizza uno standard API di comunicazioni libero, sicuro (cifratura end-to-end con riconoscimento delle sessioni) e decentralizzato per costruire uno spazio sicuro per comunicare in team."
+
+  nextcloud:
+    title: "Nextcloud"
+    lead: "Come soluzione completamente on-premise, Nextcloud offre i vantaggi della collaborazione online senza rischi di conformità e sicurezza.<br>Permette di condividere e collaborare su documenti Office, gestire calendari e contatti, permette di avere una piattaforma di web-meeting integrata e sicura.<br>Infine permette una completa personalizzazione attraverso un Marketplace contenente ulteriori estensioni che ne implementano le funzionalità."
+
 contacts:
   title: "Ecco come contattarci!"
-  body: "Il modo più semplice è mandare un'email ma potete anche contattarci su Mastodon <i class='far fa-smile-wink fa-lg'></i><br><small class='font-weight-bold'> Per ottenere un livello di privacy più adeguato si prega di cifrare la mail tramite la suite GnuPG.</small>"
-
-software_technologies:
-  title: "Dettagli sullo sviluppo software"
-  text: "Lo sviluppo di software secondo gli odierni standard di ingegneria del software è un processo costoso e a volte complesso da intraprendere.<br>Il nostro primo obiettivo è quello di fornire una più chiara panoramica del software disponibile e quello di proporre/ presentare nuove metodologie di sviluppo, seguendo l'intero processo di realizzazione fino ad arrivare al mantenimento ed eventuale evoluzione del prodotto.<br>Impieghiamo tecniche atte a soddisfare nel migliore dei modi le esigenze di sviluppo e in accordo ai team coinvolti."
-  which_technologies: "Quali tecnologie usiamo?"
-  which_technologies_text: "Certi di garantire professionalità e qualità, non ci siamo limitati a scegliere tecnologie qualunque, ma specificamente quelle che rispettano in primis i nostri principi etici:"
-  licenses: "Le licenze"
-  licenses_text: "Proteggere la proprietà intellettuale è importante tanto quanto essere in linea con i propri principi. Per questo motivo noi sviluppiamo anche software rilasciato con licenza <a rel='nofollow' target='_blank' href='https://www.gnu.org/licenses/quick-guide-gplv3.html'> <i class='fas fa-link-ext fa-sm'></i> GPLv3</a> compatibile. <br> Riteniamo che contribuire alla conoscenza e rendere disponibile il sorgente sia un beneficio maggiore, contrariamente a quanto si può pensare comunemente, della segretezza/ riservatezza che si potrebbe ottenere non rilasciandolo. <br> Inoltre l'apprezzamento, il supporto da utenti appassionati e la trasparenza del prodotto potrebbero superare le aspettative iniziali."
-  workflow_title: "Il processo di sviluppo"
-  workflow_text: "Riassumiamo brevemente quelli che sono i principali passaggi che ci permettono di gestire l intero processo di sviluppo."
-
-technical_advice:
-  start_from: "a partire da"
-  title: "Consulenza tecnica"
-  text: "Il panorama tecnologico cresce a dismisura ed avere una chiara visione delle possibilità presenti non è cosa semplice. Per questo siamo disponibili, tramite la nostra piattaforma dedicata, a suggerire le migliori tecnologie da applicare alle necessità espresse.<br> Il nostro obiettivo in tal senso è soddisfare l'esigenza nel modo più professionale, consigliando in primis soluzioni etiche basate su software libero.<br><br> Ecco alcune aree su cui potrete ricevere consulenza: server e infrastrutture Cloud su piattaforme moderne, progettazione software, strumenti di teamwork agile, strumenti di backup, piattaforme di monitoring, sistemi di gestione password sicuri, sistemi di sicurezza da ransomware, malware..."
-  cloud_title: "Server e infrastrutture \"Cloud\""
-  cloud_text: "<ul>
-    <li>Primo avvio, buone pratiche di configurazione e scalabilità</li>
-    <li>Alert e monitoring</li>
-    <li>Backup e resilienza</li>
-    <li>VPN e Tunnel</li>
-  </ul>"
-  software_solutions_title: "Soluzioni software e teamwork"
-  software_solutions_text: "<ul>
-    <li>Soluzioni teamwork e gestione dei processi</li>
-    <li>Piattaforme per helpdesk</li>
-    <li>Strumenti per la gestione di file, calendario, video conferenza in cloud</li>
-    <li>DNS e protezioni da ransomware, ads, malware</li>
-    <li>Sistemi analytics non dipendenti da Google</li>
-  </ul>"
-  licenses_title: "Licenze, copyleft e applicazione del GDPR"
-  licenses_text: "Rilasciare un software non è solo questione di codice, ma è anche questione di diritti ed etica. Perchè non valutare strade alternative?"
-  how_to_buy_title: "Come posso accedere alla piattaforma di consulenza?"
-  how_to_buy_text: "
-    Per poter ottenere un accesso alla piattaforma di helpdesk è necessario prima di tutto contattarci (scorrendo la pagina troverete tutte le modalità) per conoscere nel dettaglio le esigenze per le quali si richiede una consulenza. Ci teniamo a sottolineare che questo servizio è rivolto maggiormente alle piccole/ medie realtà che hanno bisogno di maggiori soluzioni rivolte a rendere i processi aziendali più semplici, tracciabili, mantenibili e di conseguenza aumentare i profitti.
-  "
-  prices_title: "Quanto costa?"
-  prices_text: "
-    La piattaforma e il know-how li mettiamo noi, tu scegli il periodo che più ti soddisfa.<br><b>Nessun contratto vincolante. Nessuna clausola vessatoria. Semplice come lo immagini.</b><br><br>
-    <i>Accettiamo anche pagamenti in Cryptovalute!</i>
-  "
-  aside_helpdesk: "Hai già le credenziali per il login ma non trovi l'accesso alla piattaforma? Eccolo qui!"
-  prices:
-    first_title: "ESSENTIAL"
-    first_text: "La scelta perfetta per un primo contatto o per consulenze con tempi brevi e prestabiliti"
-    first_description: "
-      Accesso alla piattaforma<br>
-      Prima risposta entro 24 ore lavorative<br>
-      Tracciabilità via mail
-    "
-    second_title: "PERFORMANCE"
-    second_text: "Il giusto compromesso. 3 mesi per aiutarti al meglio con i tuoi progetti."
-    second_description: "
-      Accesso alla piattaforma<br>
-      Prima risposta entro 12 ore lavorative<br>
-      Tracciabilità via mail<br>
-      Accesso multiutenza (max 2 utenze)
-    "
-    third_title: "PROFESSIONAL"
-    third_text: "La soluzione definitiva per progetti a lungo termine e strutture in crescita"
-    third_description: "
-      Accesso alla piattaforma<br>
-      Prima risposta entro 8 ore lavorative<br>
-      Tracciabilità via mail<br>
-      Accesso multiutenza<br>
-      Accesso alla libreria interna
-    "
+  body: "
+    Tutti i nostri servizi e prodotti sono acquistabili solo previo contatto. È molto importante per noi il rapporto umano che si instaura, affinché possiate avere il miglior servizio, al massimo delle nostre capacità.<br><br>Il modo più semplice, per contattarci quindi, è mandare un'email oppure contattarci al nostro telefono, dal Lunedì al Venerdì nei seguenti orari: dalle <strong>9:30 alle 12:30</strong> oppure dalle <strong>14:30 alle 18:00 (CEST)</strong> &#128515;</i><br><br><small><i>Se volete provare nuove tecnologie, potete contattarci anche nel Fediverso oppure su Matrix! I nostri link nel footer in fondo.</i><small><br><br>"
 
 projects:
   title: "Progetti, per andare oltre"
@@ -242,7 +300,7 @@ funkwhale:
     <p>
         Funkwhale intende adattare la federazione all'ascolto della musica, sulla base del vecchio Grooveshark, un servizio musicale gratuito dove gli utenti di Internet importavano i loro brani.
     </p>
-    <footer class=lockquote-footer\"> rel=\"noflow\" targ=\"_blank\"ref=\"hts://nobgo.org/funkwhale/una-piattaforma-sociale-per-ascoltare-e-condividere-musica\">Fonte noblogorg</a></footer>
+    <footer class=\"blockquote-footer\"><a rel=\"nofollow\" target=\"_blank\" href=\"https://noblogo.org/funkwhale/una-piattaforma-sociale-per-ascoltare-e-condividere-musica\">Fonte noblogo</a></footer>
   "
   p_1: "Se, come noi, credete nell'<strong>importanza</strong> di un progetto come questo, potete <strong>donare</strong> qualcosa direttamente a loro tramite criptovalute."
 
@@ -328,6 +386,17 @@ staff:
     github_url: "https://github.com/FiloSpaTeam"
     gitlab_url: "https://gitlab.com/claudiomaradonna"
     gitea_url: "https://gitea.it/claudiomaradonna"
+  frenky:
+    alt_img: "Foto profilo di Simone Capparucci"
+    text: "
+    <blockquote class='blockquote'>
+      Non andartene docile in quella buona notte,<br>
+      i vecchi dovrebbero bruciare e delirare al serrarsi del giorno;<br>
+      infuria, infuria, contro il morire della luce.<br>
+      <footer class='blockquote-footer'>Dylan Thomas, Poesie (Torino, Einaudi 1965)</footer>
+    </blockquote>"
+    instagram_url: "https://www.instagram.com/xxfrenkyxx"
+    github_url: "https://github.com/Frenky1993"
   fabio_purple:
     text: "Un salentino con un PhD in computer science & engineering, ma soprattutto appassionato/ fanatico/ malato di software libero, musica, fotografia e chi più ne ha più ne metta..."
     instagram_url: "https://www.instagram.com/desmovalvo/"
@@ -345,6 +414,10 @@ staff:
     text: "Fondatore di Grafixprint, un'azienda che si occupa di stampa digitale, web design e artworks. Un professionista come pochi... e simpaticissimo!"
     website_url: "https://www.grafixprint.it"
 
+referral:
+  title: "Diventa un Guardiano dello User Space"
+  description: "Essere parte della nostra squadra non significa solo lavorare con noi, ma condividere i nostri ideali e i nostri servizi, concepiti per essere etici, all'avanguardia e contract-free by default.<br><br>I nostri clienti e i partner sono quindi invitati, attraverso il passaparola, a condividere la loro esperienza diretta con noi ricevendo cosi al primo contatto un mese di consulenza gratuita. Successivamente se il nuovo contatto acquisterà uno dei nostri Moduli, il cliente segnalatore e il nuovo cliente riceveranno rispettivamente 2 mesi e 1 mese di consulenza aggiuntiva.<br><br>Fai parte quindi della nostra flotta e contribuisci nel fornire sicurezza e innovazione nelle aziende a cui tieni di più."
+
 privacy_policy:
   title: "Informativa e consenso al trattamento dei dati personali"
   subtitle: "Regolamento UE 2016/679 del Parlamento Europeo e del Consiglio del 27 Aprile 2016"
@@ -426,3 +499,7 @@ l’hanno espressamente autorizzata a conferirli in base ad un’idonea base giu
 
 footer:
   license: "Il sito (tranne i loghi) è interamente rilasciato sotto i termini della licenza AGPLv3. Puoi trovare i sorgenti qui:"
+
+  sitemap: "Mappa del sito"
+  projects: "Progetti"
+  channels: "Canali"

_includes/communications.html

@@ -0,0 +1,37 @@
+<section class="jumbotron jumbotron-fluid bg-transparent d-flex header header-communications text-white">
+    <div class="w-100 d-flex" style="background-color: rgba(0,0,0,0.5)">
+        <div class="container my-auto">
+            <h1 class="display-4">
+                {% t communications.header_title %}
+            </h1>
+            <p class="lead">
+                {% t communications.header_lead %}
+            </p>
+        </div>
+    </div>
+</section>
+
+<section class="bg-transparent pt-5 pb-5">
+    <div class="container">
+        <h3 class="text-secondary text-uppercase">{% t communications.mattermost.title %}</h3>
+        <p>{% t communications.mattermost.lead %}</p>
+    </div>
+</section>
+
+<section class="bg-white pt-5 pb-5">
+    <div class="container">
+        <h3 class="text-secondary text-uppercase">{% t communications.matrix.title %}</h3>
+        <p>{% t communications.matrix.lead %}</p>
+    </div>
+</section>
+
+<section class="bg-transparent pt-5 pb-5">
+    <div class="container">
+        <h3 class="text-secondary text-uppercase">{% t communications.nextcloud.title %}</h3>
+        <p>{% t communications.nextcloud.lead %}</p>
+    </div>
+</section>
+
+<section class="bg-white text-center pt-5 pb-5">
+    {% include contacts.html %}
+</section>

_includes/contacts.html

@@ -5,11 +5,17 @@
 
     <p class="mt-5">{% t contacts.body %}</p>
 
-    <a class="btn btn-primary" href="mailto:info@unitoo.pw">info@unitoo.pw</a>
+    <a class="btn btn-primary" href="mailto:info@unitoo.it"><i class="fa fa-mail"></i> info@unitoo.it</a>
+    <a class="btn btn-secondary" href="tel:+393516172117"><i class="fa fa-phone"></i> +39 351 617 2117</a>
+    <br><br>
+
+    <hr class="mt-4 mb-4">
+    <a href="/info_at_unitoo_dot_it.gpg">Download the GPG Public Key</a>
     <br><br>
     <small>
-        <strong>GPG Fingerprint</strong><br> 00F8 1953 CE7B 17C1 E832 53E1 4561 0231 1DEA 49D4
+        <strong>GPG Fingerprint</strong><br> 732C B3AA B142 22AD 5650 E6E2 0A67 0F04 54EA BD72
+        <br><br>
+        <strong>MD5sum file</strong><br> 3ac43d92daaa845fa3d2c4049d278075
     </small>
     <br><br>
-    {% asset info_at_unitoo_qrcode.webp width="200px" alt="GPG Fingerprint" %}
 </div>

_includes/cybersecurity/defence.html

@@ -0,0 +1,10 @@
+<div class="card border-0 shadow">
+    {% asset "card-m-defence.webp" class="card-img-top" %}
+
+    <div class="card-body">
+        <h5 class="card-title">{% t cybersecurity.defence_title %}</h5>
+        <p class="card-text">{% t cybersecurity.defence_text %}</p>
+
+        <a class="btn btn-primary" href={% link _pages/defence.html %}>{% t cybersecurity.defence_button %}</a>
+    </div>
+</div>

_includes/cybersecurity/monitoring.html

@@ -0,0 +1,10 @@
+<div class="card border-0 shadow">
+    {% asset "card-m-monitoring.webp" class="card-img-top" %}
+
+    <div class="card-body">
+        <h5 class="card-title">{% t cybersecurity.monitoring_title %}</h5>
+        <p class="card-text">{% t cybersecurity.monitoring_text %}</p>
+
+        <a class="btn btn-primary" href={% link _pages/monitoring.html %}>{% t cybersecurity.monitoring_button %}</a>
+    </div>
+</div>

_includes/cybersecurity/rover.html

@@ -0,0 +1,10 @@
+<div class="card border-0 shadow">
+    {% asset "card-m-rover.webp" class="card-img-top" %}
+
+    <div class="card-body">
+        <h5 class="card-title">{% t cybersecurity.rover_title %}</h5>
+        <p class="card-text">{% t cybersecurity.rover_text %}</p>
+
+        <a class="btn btn-primary" href={% link _pages/rover.html %}>{% t cybersecurity.rover_button %}</a>
+    </div>
+</div>

_includes/cybersecurity/sonde.html

@@ -0,0 +1,10 @@
+<div class="card border-0 shadow">
+    {% asset "card-m-sonde.webp" class="card-img-top" %}
+
+    <div class="card-body">
+        <h5 class="card-title">{% t cybersecurity.sonde_title %}</h5>
+        <p class="card-text">{% t cybersecurity.sonde_text %}</p>
+
+        <a class="btn btn-primary" href={% link _pages/sonde.html %}>{% t cybersecurity.sonde_button %}</a>
+    </div>
+</div>

_includes/footer.html

@@ -1,4 +1,34 @@
 <footer class="site-footer">
+    <div class="row text-left ml-0 mr-0">
+        <div class="col-1 col-lg-2 ml-auto"></div>
+        <nav class="col-3 col-lg-2">
+            <strong class="text-uppercase">{% t footer.sitemap %}</strong>
+            <ul class="list-unstyled ml-0">
+                <li><a href="/">{% t meta.titles.index %}</a></li>
+                <li><a href="{% link _pages/about-us.html %}">{% t meta.titles.aboutus %}</a></li>
+                <li><a href="{% link _pages/services-and-products.html %}">{% t meta.titles.services_and_products %}</a></li>
+                <li><a href="{% link _pages/contacts.html %}">{% t meta.titles.contacts %}</a></li>
+            </ul>
+        </nav>
+        <div class="col-3 col-lg-2">
+            <strong class="text-uppercase">{% t footer.projects %}</strong>
+            <ul class="list-unstyled ml-0">
+                <li><a href="{% link _pages/referral.html %}">{% t meta.titles.referral %}</a></li>
+                <li><a href="{% link _pages/radio.html %}">{% t meta.titles.radio %}</a></li>
+                <li><a href="{% link _pages/software.html %}">{% t meta.titles.software %}</a></li>
+                <li><a href="{% link _pages/news.html %}">{% t meta.titles.news %}</a></li>
+            </ul>
+        </div>
+        <div class="col-3 col-lg-2">
+            <strong class="text-uppercase">{% t footer.channels %}</strong>
+            <ul class="list-unstyled ml-0">
+                <li><a href="{% link _pages/peertube.html %}">{% t meta.titles.peertube %}</a></li>
+                <li><a href="{% link _pages/funkwhale.html %}">{% t meta.titles.funkwhale %}</a></li>
+            </ul>
+        </div>
+        <div class="col-1 col-lg-2 mr-auto"></div>
+    </div>
+    <br>
     <div class="container">
         <div class="input-group mb-5">
             <input type="text" id="search-input" class="form-control rounded-right" placeholder="{% t inputs.search %}"
@@ -8,8 +38,8 @@
             </div>
         </div>
         <p>
-            Copyright © Unitoo 2017-{{ 'now' | date: "%Y" }}<br><br>
-            {{ site.description }}<br>
+            Copyright © Unitoo 2017-{{ 'now' | date: "%Y" }}<br>
+            {{ site.description }}<br><br>
             <small>
                 {% t footer.license %}
                 <a target="_blank" rel="nofollow" href="https://gitea.it/Unitoo/unitoo-site">
@@ -21,8 +51,8 @@
 
         <ul class="list-inline social-buttons mt-2 mb-3 mx-auto">
             <li class="list-inline-item">
-                <a href="https://gitlab.com/unitoo" rel="nofollow" target="_blank" data-original-title="" title="">
-                    <i class="fab fa-gitlab " data-original-title="" title=""></i></a>
+                <a href="https://gitea.it/Unitoo" rel="nofollow" target="_blank" data-original-title="" title="">
+                    <i class="fab fa-gitea" data-original-title="" title=""></i></a>
             </li>
             <li class="list-inline-item">
                 <a href="https://github.com/UnitooTeam" rel="nofollow" target="_blank" data-original-title=""
@@ -30,10 +60,12 @@
             </li>
             <li class="list-inline-item">
                 <a href="https://mastodon.uno/@unitoo" rel="me" target="_blank" data-original-title="" title="">
-                    {%- capture alt_mastodon_logo %}
-                        {%- t meta.alt.mastodon_logo %}
-                    {%- endcapture %}
-                    {% asset mastodon width=20 alt="{{ alt_mastodon_logo }}" %}
+                    <i class="fab fa-mastodon"></i>
+                </a>
+            </li>
+            <li class="list-inline-item">
+                <a href="https://matrix.to/#/#nodo-1-unity:unitoo.it" target="_blank" rel="nofollow" data-original-title="" title="">
+                    <i class="fab fa-element"></i>
                 </a>
             </li>
             <li class="list-inline-item">
@@ -41,17 +73,16 @@
                     <i class="fab fa-telegram"></i>
                 </a>
             </li>
-            <li class="list-inline-item"><a href="https://liberapay.com/Unitoo/" rel="nofollow" target="_blank" data-original-title="" title="">
-                {%- capture alt_liberapay_logo %}
-                    {%- t meta.alt.liberapay_logo %}
-                {%- endcapture %}
-                {% asset liberapay width=20 alt="{{ alt_liberapay_logo }}" %}
-            </a></li>
+            <li class="list-inline-item">
+                <a href="https://liberapay.com/Unitoo/" rel="nofollow" target="_blank" data-original-title="" title="">
+                    <i class="fab fa-liberapay"></i>
+                </a>
+            </li>
         </ul>
 
         <div class="small mt-3">
             Unitoo di Claudio Maradonna, Via Circonvallazione Sud 28/A, Monteprandone, 63076 (AP) - 02324570445 - REA:
-            AP-204883 - info@unitoo.pw
+            AP-204883 - info@unitoo.it
             <br>
             <a href="{% link _pages/privacy.html %}">Informativa privacy</a>
         </div>

_includes/header.html

@@ -6,15 +6,14 @@
             {%- capture alt_logo_extended_dark %}
                 {%- t meta.alt.logo_extended_dark %}
             {%- endcapture %}
-            {% asset logo-extended-dark.webp @magick:double height='30' alt="{{ alt_logo_extended_dark }}" %}
+            {% asset logo-extended.webp @magick:double height='30' alt="{{ alt_logo_extended_dark }}" %}
         </a>
 
         <nav class="my-2 d-none d-lg-block">
-            <a class="p-2 text-dark" href="{% link _pages/about-us.html %}">{% t buttons.about_us %}</a>
-            <a class="p-2 text-dark" href="{% link _pages/services-and-products.html %}">{% t
-                                                                                         buttons.services_and_products %}</a>
-            <a class="p-2 text-dark" href="{% link _pages/projects.html %}">{% t buttons.projects %}</a>
-            <a class="btn btn-primary ml-4" href="{% link _pages/contacts.html %}">{% t buttons.contactsus %}</a>
+            <a class="text-white" href="#search-input"><i class="fa fa-search"></i></a>
+            <a class="p-2 text-white" href="{% link _pages/about-us.html %}">{% t buttons.about_us %}</a>
+            <a class="p-2 text-white" href="{% link _pages/services-and-products.html %}">{% t buttons.services_and_products %}</a>
+            <a class="btn btn-primary ml-3 text-white" href="{% link _pages/contacts.html %}">{% t buttons.contactsus %}</a>
         </nav>
 
         <a class="d-block d-lg-none" href="javascript:openNav();">

_includes/services-and-products.html

@@ -1,93 +1,93 @@
-<section class="jumbotron jumbotron-fluid bg-transparent">
+<section class="jumbotron jumbotron-fluid mb-0">
     <div class="container">
-        <h1 class="text-center">{% t index.services_title %}</h1>
-
+        <h1 class="text-center">{% t index.products_title %}</h1>
         <hr class="border-primary">
 
-        <div class="row mt-5">
-            <div class="col-12 col-lg-6 mb-4">
-                <div class="card border-0 shadow">
-                    <div class="card-body">
-                        <h5 class="card-title font-weight-bold">{% t index.services.software_development %}</h5>
-                        <p class="mb-4">{% t index.services.software_development_text %}</p>
-                        <a class="text-dark mr-2" href="{% link _pages/software-technologies.html %}">{% t buttons.find_how_we_build_software %}</a>
-                    </div>
-                </div>
-            </div>
-            <div class="col-12 col-lg-6 mb-4">
-                <div class="card border-0 shadow">
-                    <div class="card-body">
-                        <h5 class="card-title font-weight-bold">{% t index.services.technical_advice %}</h5>
-                        <p class="card-text mb-4">{% t index.services.technical_advice_text %}</p>
-                        <a class="text-dark mr-2" href="{% link _pages/technical_advice.html %}">{% t buttons.find_what %}</a>
-                    </div>
-                </div>
-            </div>
-        </div>
+        <p class="mt-5">{% t index.products.introduction_description %}</p>
     </div>
 </section>
 
 <section class="bg-white pt-5 pb-5">
     <div class="container">
-        <h1 class="text-center">{% t index.products_title %}</h1>
-
-        <hr class="border-primary mb-5">
-
         <div class="row">
-            <div class="col-lg-6">
-                <h3>{% t index.products.nextcloud %}</h3>
-                <p>
-                    {% t index.products.nextcloud_text %}
-                </p>
-                <a class="text-dark mr-2" href="https://www.nextcloud.com" rel="nofollow" target="_blank">
-                    <i class="fas fa-link-ext"></i> {% t index.products.nextcloud_website %}
-                </a>
+            {%- capture alt_technical_assistance_example %}
+                {%- t meta.alt.technical_assistance_example %}
+            {%- endcapture %}
+            <div class="col text-left d-block d-lg-none">
+                {% asset element-technical-assistance.webp alt="{{ alt_technical_assistance_example }}" class="mt-3 mt-lg-0" %}
             </div>
-            <div class="col text-right">
-                {%- capture alt_nextcloud_example %}
-                    {%- t meta.alt.nextcloud_example %}
-                {%- endcapture %}
-                {% asset nextcloud-example.webp alt="{{ alt_nextcloud_example }}" class="mt-3 mt-lg-0" %}
+            <div class="col-lg-6">
+                <h3>{% t index.products.technical_assistance %}</h3>
+                <p>
+                    {% t index.products.technical_assistance_text %}
+                </p>
+                <a class="btn btn-secondary" href="{% link _pages/technical-assistance.html %}">{% t buttons.go_to_technical_assistance %}</a>
+            </div>
+            <div class="col text-right d-none d-lg-block">
+                {% asset element-technical-assistance.webp alt="{{ alt_technical_assistance_example }}" class="mt-3 mt-lg-0" %}
             </div>
         </div>
 
-        <br><br><br>
+        <br><br>
+        <hr class="border-dark">
+        <br><br>
 
         <div class="row">
             <div class="col text-left">
-                {%- capture alt_azuracast_example %}
-                    {%- t meta.alt.azuracast_example %}
+                {%- capture alt_cybersecurity_example %}
+                    {%- t meta.alt.cybersecurity_example %}
                 {%- endcapture %}
-                {% asset azuracast-example.webp alt="{{ alt_azuracast_example }}" class="mb-3 mb-lg-0" %}
+                {% asset element-cybersecurity.webp alt="{{ alt_cybersecurity_example }}" class="mb-3 mb-lg-0" %}
             </div>
             <div class="col-lg-6">
-                <h3>{% t index.products.azuracast %}</h3>
+                <h3>{% t index.products.cybersecurity %}</h3>
                 <p>
-                    {% t index.products.azuracast_text %}
+                    {% t index.products.cybersecurity_text %}
                 </p>
-                <a class="text-dark mr-2" href="https://radio.unitoo.it" rel="nofollow" target="_blank">
-                    <i class="fas fa-link-ext"></i> {% t index.products.azuracast_website %}
-                </a>
+                <a class="btn btn-secondary" href="{% link _pages/cybersecurity.html %}">{% t buttons.go_to_cybersecurity %}</a>
             </div>
         </div>
 
-        <br><br><br>
+        <br><br>
+        <hr class="border-dark">
+        <br><br>
 
         <div class="row">
-            <div class="col-lg-6">
-                <h3>{% t index.products.pihole %}</h3>
-                <p>
-                    {% t index.products.pihole_text %}
-                </p>
-                <a class="text-dark mr-2" href="https://pi-hole.net/" rel="nofollow" target="_blank">
-                    <i class="fas fa-link-ext"></i> {% t index.products.pihole_website %}
-                </a>
+            {%- capture alt_communications_example %}
+                {%- t meta.alt.communications_example %}
+            {%- endcapture %}
+            <div class="col text-left d-block d-lg-none">
+                {% asset element-communications.webp alt="{{ alt_communications_example }}" class="mt-3 mt-lg-0" %}
             </div>
-            <div class="col text-right">
-                {%- capture alt_pihole_example %}
-                    {%- t meta.alt.pihole_example %}
+            <div class="col-lg-6">
+                <h3>{% t index.products.communications %}</h3>
+                <p>
+                    {% t index.products.communications_text %}
+                </p>
+                <a class="btn btn-secondary" href="{% link _pages/communications.html %}">{% t buttons.go_to_communications %}</a>
+            </div>
+            <div class="col text-right d-none d-lg-block">
+                {% asset element-communications.webp alt="{{ alt_communications_example }}" class="mt-3 mt-lg-0" %}
+            </div>
+        </div>
+
+        <br><br>
+        <hr class="border-dark">
+        <br><br>
+
+        <div class="row">
+            <div class="col text-left">
+                {%- capture alt_blackhole_example %}
+                    {%- t meta.alt.blackhole_example %}
                 {%- endcapture %}
-                {% asset pihole-example.webp alt="{{ alt_pihole_example }}" class="mt-3 mt-lg-0" %}
+                {% asset element-blackhole.webp alt="{{ alt_blackhole_example }}" class="mb-3 mb-lg-0" %}
+            </div>
+            <div class="col-lg-6">
+                <h3>{% t index.products.blackhole %}</h3>
+                <p>
+                    {% t index.products.blackhole_text %}
+                </p>
+                <a class="btn btn-secondary" href="{% link _pages/contacts.html %}">{% t buttons.go_to_blackhole %}</a>
             </div>
         </div>
     </div>

_includes/staff/cmaradonna.html

@@ -10,11 +10,13 @@
     <ul class="list-group list-group-flush ml-0">
         <li class="list-group-item">
             <a rel="nofollow" target="_blank" class="mr-2" href="{% t staff.cmaradonna.mastodon_url %}">
+                <i class="fab fa-mastodon"></i>
                 Mastodon
             </a>
         </li>
         <li class="list-group-item">
             <a rel="nofollow" target="_blank" href="{% t staff.cmaradonna.gitea_url %}">
+                <i class="fab fa-gitea"></i>
                 Gitea
             </a>
         </li>

_includes/staff/frenky.html

@@ -0,0 +1,24 @@
+<div class="card border-0 shadow">
+    {%- capture alt_frenky %}
+        {%- t meta.alt.frenky %}
+    {%- endcapture %}
+    {% asset frenky.webp class="card-img-top" alt="{{ alt_frenky }}" %}
+    <div class="card-body">
+        <h5 class="card-title">Simone Capparucci</h5>
+        <p class="card-text">{% t staff.frenky.text %}</p>
+    </div>
+    <ul class="list-group list-group-flush ml-0">
+        <li class="list-group-item">
+            <a rel="nofollow" target="_blank" href="{% t staff.frenky.instagram_url %}">
+                <i class="fab fa-instagram "></i>
+                Instagram
+            </a>
+        </li>
+        <li class="list-group-item">
+            <a rel="nofollow" target="_blank" class="mr-2" href="{% t staff.frenky.github_url %}">
+                <i class="fab fa-github-circled "></i>
+                GitHub
+            </a>
+        </li>
+    </ul>
+</div>

_pages/about-us.html

@@ -1,19 +1,21 @@
 ---
-layout: default
+layout: simple
 title: meta.titles.aboutus
 description: meta.descriptions.aboutus
 permalink: /chisiamo/
 permalink_en: /aboutus/
 tags: unitoo aboutus chisiamo team
 ---
-<section class="jumbotron jumbotron-fluid bg-transparent d-flex">
-    <div class="container my-auto">
-        <h1 class="display-4">
-            {% t aboutus.header_title %}
-        </h1>
-        <p class="lead">
-            {% t aboutus.header_lead %}
-        </p>
+<section class="jumbotron jumbotron-fluid bg-transparent d-flex header header-aboutus text-white mb-0">
+    <div class="w-100 d-flex" style="background-color: rgba(0,0,0,0.5)">
+        <div class="container my-auto">
+            <h1 class="display-4">
+                {% t aboutus.header_title %}
+            </h1>
+            <p class="lead">
+                {% t aboutus.header_lead %}
+            </p>
+        </div>
     </div>
 </section>
 
@@ -25,10 +27,7 @@ tags: unitoo aboutus chisiamo team
             </h4>
             <div class="col text-lg-right">
                 <a class="btn btn-secondary btn-lg ml-auto" target="_blank" rel="nofollow" href="{{ site.mastodon_url }}">
-                    {%- capture alt_mastodon_logo %}
-                        {%- t meta.alt.mastodon_logo %}
-                    {%- endcapture %}
-                    {% asset mastodon width=20 class="fix-icon-mt" alt="{{ alt_mastodon_logo }}" %}
+                    <i class="fab fa-mastodon"></i>
                     {% t buttons.know_us_on_mastodon %}
                 </a>
             </div>
@@ -46,7 +45,7 @@ tags: unitoo aboutus chisiamo team
 
         <br>
         <h4>{% t aboutus.staff_title %}</h4>
-        {% assign staff = "cmaradonna,yamabiiko,sydro,fabio_purple,sara,grafixprint" | split: ',' %}
+        {% assign staff = "cmaradonna,yamabiiko,frenky,sydro,fabio_purple,sara,grafixprint" | split: ',' %}
         <div class="card-columns">
             {% for member in staff %}
                 {% include staff/{{ member }}.html %}

_pages/blackhole.html

@@ -0,0 +1,23 @@
+---
+layout: simple
+title: meta.titles.blackhole
+description: meta.descriptions.blackhole
+permalink: /blackhole/
+permalink_en: /blackhole/
+tags: unitoo blackhole sicurezza informatica dns server pihole adblock
+---
+<section class="jumbotron jumbotron-fluid mb-0">
+    <div class="container">
+        <h1 class="text-center">{% t blackhole.title %}</h1>
+        <hr class="border-primary">
+
+        <p class="mt-5">
+            {% asset "element-blackhole.webp" width=250 align=left class="mr-3 rounded" %}
+            {% t blackhole.description %}
+        </p>
+    </div>
+</section>
+
+<section class="text-center pt-5 pb-5">
+    {% include contacts.html %}
+</section>

_pages/channel.html

@@ -6,7 +6,7 @@ permalink: /progetti/peertube/
 permalink_en: /projects/peertube/
 tags: video unitoo peertube freedom software freesoftware interviste
 ---
-<div class="cover header-peertube"></div>
+<div class="cover header header-peertube"></div>
 <section class="container pl-0 pr-0 pl-md-3 pr-md-3 text-center mt-5 min-height-500">
     <h1>{% t channel.title %}</h1>
     <p>

_pages/communications.html

@@ -0,0 +1,9 @@
+---
+layout: simple
+title: meta.titles.communications
+description: meta.descriptions.communications
+permalink: /comunicazioni/
+permalink_en: /communications/
+tags: unitoo communications products comunicazioni servizi nextcloud mattermost matrix element chat messaging team condivisione riunioni
+---
+{% include communications.html %}

_pages/cybersecurity.html

@@ -0,0 +1,44 @@
+---
+layout: simple
+title: meta.titles.cybersecurity
+description: meta.descriptions.cybersecurity
+permalink: /cybersecurity/
+permalink_en: /cybersecurity/
+tags: unitoo cybersecurity sicurezza informatica hardening patch best practices
+---
+<section class="jumbotron jumbotron-fluid bg-transparent d-flex header header-cybersecurity text-white mb-0">
+    <div class="w-100 d-flex" style="background-color: rgba(0,0,0,0.5)">
+        <div class="container my-auto">
+            <h1 class="display-4">
+                {% t cybersecurity.header_title %}
+            </h1>
+            <p class="lead">
+                {% t cybersecurity.header_lead %}
+            </p>
+        </div>
+    </div>
+</section>
+
+<section class="bg-white pt-5 pb-5">
+    <div class="container">
+        <p>{% t cybersecurity.p_text %}</p>
+    </div>
+</section>
+
+<section class="jumbotron jumbotron-fluid bg-transparent">
+    <div class="container">
+        <h2 class="text-center">{% t cybersecurity.modules_title %}</h3>
+        <hr class="border-primary">
+
+        <div class="card-columns mt-5">
+            {% assign modules = "sonde,rover,defence,monitoring" | split: ',' %}
+            {% for module in modules %}
+                {% include cybersecurity/{{ module }}.html %}
+            {% endfor %}
+        </div>
+    </div>
+</section>
+
+<section class="bg-white text-center pt-5 pb-5">
+    {% include contacts.html %}
+</section>

_pages/defence.html

@@ -0,0 +1,86 @@
+---
+layout: simple
+title: meta.titles.defence
+description: meta.descriptions.defence
+permalink: /cybersecurity/defence
+permalink_en: /cybersecurity/defence
+tags: unitoo cybersecurity sicurezza informatica hardening patch best practices module defence
+---
+<section class="jumbotron jumbotron-fluid mb-0">
+    <div class="container">
+        <h1 class="text-center">{% t cybersecurity.defence.title %}</h1>
+        <hr class="border-primary">
+
+        <p class="mt-5">
+            {% t cybersecurity.defence.description %}
+        </p>
+    </div>
+</section>
+
+<section class="bg-white pt-5 pb-5">
+    <div class="container">
+        <div class="row">
+            {%- capture alt_starfighter_example %}
+                {%- t meta.alt.starfighter_example %}
+            {%- endcapture %}
+            <div class="col text-left d-block d-lg-none">
+                {% asset element-starfighter.webp alt="{{ alt_starfighter_example }}" class="mt-3 mt-lg-0" %}
+            </div>
+            <div class="col-lg-7">
+                <h3>{% t cybersecurity.defence.starfighter %}</h3>
+                <p>
+                    {% t cybersecurity.defence.starfighter_text %}
+                </p>
+            </div>
+            <div class="col text-right d-none d-lg-block my-auto">
+                {% asset element-starfighter.webp alt="{{ alt_starfighter_example }}" class="mt-3 mt-lg-0" %}
+            </div>
+        </div>
+
+        <br><br>
+        <hr class="border-dark">
+        <br><br>
+
+        <div class="row">
+            <div class="col text-left my-auto">
+                {%- capture alt_cruiser_example %}
+                    {%- t meta.alt.cruiser_example %}
+                {%- endcapture %}
+                {% asset element-cruiser.webp alt="{{ alt_cruiser_example }}" class="mb-3 mb-lg-0" %}
+            </div>
+            <div class="col-lg-7">
+                <h3>{% t cybersecurity.defence.cruiser %}</h3>
+                <p>
+                    {% t cybersecurity.defence.cruiser_text %}
+                </p>
+            </div>
+        </div>
+
+        <br><br>
+        <hr class="border-dark">
+        <br><br>
+
+        <div class="row">
+            {%- capture alt_stardestroyer_example %}
+                {%- t meta.alt.stardestroyer_example %}
+            {%- endcapture %}
+            <div class="col text-left d-block d-lg-none">
+                {% asset element-stardestroyer.webp alt="{{ alt_stardestroyer_example }}" class="mt-3 mt-lg-0" %}
+            </div>
+            <div class="col-lg-7">
+                <h3>{% t cybersecurity.defence.stardestroyer %}</h3>
+                <p>
+                    {% t cybersecurity.defence.stardestroyer_text %}
+                </p>
+            </div>
+            <div class="col text-right d-none d-lg-block my-auto">
+                {% asset element-stardestroyer.webp alt="{{ alt_stardestroyer_example }}" class="mt-3 mt-lg-0" %}
+            </div>
+        </div>
+
+    </div>
+</section>
+
+<section class="text-center pt-5 pb-5">
+    {% include contacts.html %}
+</section>

_pages/libreboot.html

@@ -7,7 +7,7 @@ permalink_en: /projects/libreboot/
 tags: unitoo libreboot bios freesoftware rights coreboot
 ---
 <section id="libreboot">
-    <div class="cover min-vh-100 position-relative header-libreboot">
+    <div class="cover min-vh-100 position-relative header header-libreboot">
         <div class="position-absolute content-bottom text-left text-light text-uppercase pt-5">
             <h2>{% t libreboot.title_h2 %}</h2>
         </div>

_pages/monitoring.html

@@ -0,0 +1,23 @@
+---
+layout: simple
+title: meta.titles.monitoring
+description: meta.descriptions.monitoring
+permalink: /cybersecurity/monitoring
+permalink_en: /cybersecurity/monitoring
+tags: unitoo cybersecurity sicurezza informatica best practices module monitoring grafana prometheus
+---
+<section class="jumbotron jumbotron-fluid mb-0">
+    <div class="container">
+        <h1 class="text-center">{% t cybersecurity.monitoring.title %}</h1>
+        <hr class="border-primary">
+
+        <p class="mt-5">
+            {% asset "element-monitoring.webp" width=250 align=left class="mr-3 rounded" %}
+            {% t cybersecurity.monitoring.description %}
+        </p>
+    </div>
+</section>
+
+<section class="text-center pt-5 pb-5">
+    {% include contacts.html %}
+</section>

_pages/radio.html

@@ -6,7 +6,7 @@ permalink: /progetti/radio/
 permalink_en: /projects/radio/
 tags: radio unitoo azuracast freedom software freesoftware
 ---
-<div class="cover header-radio"></div>
+<div class="cover header header-radio"></div>
 <section class="container pl-0 pr-0 pl-md-3 pr-md-3 text-center mt-5 min-height-500" >
     <h1>{% t radio.title %}</h1>
     <p>{% t radio.p_1 %}</p>

_pages/referral.html

@@ -0,0 +1,19 @@
+---
+layout: simple
+title: meta.titles.referral
+description: meta.descriptions.referral
+permalink: /cybersecurity/referral
+permalink_en: /cybersecurity/referral
+tags: unitoo referral program
+---
+<section class="jumbotron jumbotron-fluid mb-0">
+    <div class="container">
+        <h1 class="text-center">{% t referral.title %}</h1>
+        <hr class="border-primary">
+
+        <p class="mt-5">
+            {% asset "element-referral.webp" width=200 align=left class="mr-3 rounded" %}
+            {% t referral.description %}
+        </p>
+    </div>
+</section>

_pages/rover.html

@@ -0,0 +1,23 @@
+---
+layout: simple
+title: meta.titles.rover
+description: meta.descriptions.rover
+permalink: /cybersecurity/rover
+permalink_en: /cybersecurity/rover
+tags: unitoo cybersecurity sicurezza informatica hardening patch best practices module rover
+---
+<section class="jumbotron jumbotron-fluid mb-0">
+    <div class="container">
+        <h1 class="text-center">{% t cybersecurity.rover.title %}</h1>
+        <hr class="border-primary">
+
+        <p class="mt-5">
+            {% asset "element-rover.webp" width=250 align=left class="mr-3 rounded" %}
+            {% t cybersecurity.rover.description %}
+        </p>
+    </div>
+</section>
+
+<section class="text-center pt-5 pb-5">
+    {% include contacts.html %}
+</section>

_pages/services-and-products.html

@@ -1,5 +1,5 @@
 ---
-layout: default
+layout: simple
 title: meta.titles.services_and_products
 description: meta.descriptions.services_and_products
 permalink: /servizi-e-prodotti/
@@ -7,3 +7,7 @@ permalink_en: /services-and-products/
 tags: unitoo services products prodotti servizi nextcloud pihole dnsserver cloud filestorage calendar software development consulenza technicaladvice
 ---
 {% include services-and-products.html %}
+
+<section class="text-center pt-5 pb-5">
+    {% include contacts.html %}
+</section>

_pages/sonde.html

@@ -0,0 +1,23 @@
+---
+layout: simple
+title: meta.titles.sonde
+description: meta.descriptions.sonde
+permalink: /cybersecurity/sonda
+permalink_en: /cybersecurity/sonde
+tags: unitoo cybersecurity sicurezza informatica hardening patch best practices module sonde sonda
+---
+<section class="jumbotron jumbotron-fluid mb-0">
+    <div class="container">
+        <h1 class="text-center">{% t cybersecurity.sonde.title %}</h1>
+        <hr class="border-primary">
+
+        <p class="mt-5">
+            {% asset "element-sonde.webp" width=250 align=left class="mr-3 rounded" %}
+            {% t cybersecurity.sonde.description %}
+        </p>
+    </div>
+</section>
+
+<section class="text-center pt-5 pb-5">
+    {% include contacts.html %}
+</section>

_pages/technical-assistance.html

@@ -0,0 +1,48 @@
+---
+layout: simple
+title: meta.titles.technical_assistance
+description: meta.descriptions.technical_assistance
+permalink: /assistenza-e-consulenza/
+permalink_en: /technical-assistance/
+tags: unitoo technical assistance customer care consulenza periodica
+---
+<section class="jumbotron jumbotron-fluid bg-transparent d-flex header header-technical_assistance text-white">
+    <div class="w-100 d-flex" style="background-color: rgba(0,0,0,0.5)">
+        <div class="container my-auto">
+            <h1 class="display-4">
+                {% t technical_assistance.header_title %}
+            </h1>
+            <p class="lead">
+                {% t technical_assistance.header_lead %}
+            </p>
+        </div>
+    </div>
+</section>
+
+<section class="jumbotron jumbotron-fluid bg-transparent">
+    <div class="container">
+        <div class="card-columns">
+            <div class="card border-0 shadow">
+                {% asset card-m-intelligence.webp class="card-img-top" %}
+
+                <div class="card-body">
+                    <h5 class="card-title">{% t technical_assistance.intelligence_title %}</h5>
+                    <p class="card-text">{% t technical_assistance.intelligence_text %}</p>
+                </div>
+            </div>
+
+            <div class="card border-0 shadow">
+                {% asset card-m-life.webp class="card-img-top" %}
+
+                <div class="card-body">
+                    <h5 class="card-title">{% t technical_assistance.life_title %}</h5>
+                    <p class="card-text">{% t technical_assistance.life_text %}</p>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
+
+<section class="bg-white text-center pt-5 pb-5">
+    {% include contacts.html %}
+</section>

_site/404.html

@@ -10,7 +10,7 @@
 
   <!-- Begin Jekyll SEO tag v2.7.2 -->
 <title>
- | Azienda dedicata allo sviluppo software, alla consulenza informatica e alla formazione</title>
+ | Soluzioni software, cyber security e consulenza senza compromessi</title>
 <meta name="generator" content="Jekyll v3.9.1" />
 <meta property="og:title" content="
 " />
@@ -29,7 +29,7 @@
 <meta name="twitter:site" content="@UnitooInc" />
 <meta name="twitter:creator" content="@Unitoo" />
 <script type="application/ld+json">
-{"author":{"@type":"Person","name":"Unitoo"},"description":"Azienda dedicata allo sviluppo software, alla consulenza informatica e alla formazione","url":"https://www.unitoo.it/404.html","@type":"WebPage","publisher":{"@type":"Organization","logo":{"@type":"ImageObject","url":"https://www.unitoo.it/assets/images/logo-extended.webp"},"name":"Unitoo"},"image":"https://www.unitoo.it/logo.png","headline":"Unitoo","@context":"https://schema.org"}</script>
+{"author":{"@type":"Person","name":"Unitoo"},"description":"Soluzioni software, cyber security e consulenza senza compromessi","url":"https://www.unitoo.it/404.html","@type":"WebPage","publisher":{"@type":"Organization","logo":{"@type":"ImageObject","url":"https://www.unitoo.it/assets/images/logo-extended.webp"},"name":"Unitoo"},"image":"https://www.unitoo.it/logo.png","headline":"Unitoo","@context":"https://schema.org"}</script>
 <!-- End Jekyll SEO tag -->
 
   <meta property="og:type" content="website" />
@@ -39,7 +39,7 @@
   <link rel="apple-touch-icon" href="https://www.unitoo.it/apple-touch-icon.png">
   <link rel="manifest" href="https://www.unitoo.it/path.webmanifest">
 
-  <link rel="stylesheet" type="text/css" href="/assets/main-5a6fe607dd29c3115f179fa9e4c5c434ba7fe7c55949db1d9e947e61275ea35fe6520bfdb6248399673b24d64bc09ea9134be743ce8d0c519bbf465305df2f77.css">
+  <link rel="stylesheet" type="text/css" href="/assets/main-b4897ff624a1fb89504eb2019b82f16a3b915a430d1850aeb455ea13bdadd2cf70e095db36fed6384a13048c423b52cf7ee20bdded1ec0beca7ef79d618f2379.css">
 
   
     
@@ -68,14 +68,14 @@
     <div class="container">
 
         <a class="site-title" href="/">
-            <img height="30" alt="Logo ufficiale Unitoo" src="/assets/logo-extended-dark-185eb322f8d248dfc70adbf7f3d3fe08929f4d236a298a7088e681598cb230867eb130a6f81456a84b60718178fb83be96c552696661ced60f463b49095112c2.webp">
+            <img height="30" alt="Logo ufficiale Unitoo" src="/assets/logo-extended-6cd92f43ef91fc074c523a982cfa7b050b83f446f4c499195787207823803969930684e6228ff1d1bda6e3d12a4cab4611a5cfe04f75e5c583a521eb393cf9a3.webp">
         </a>
 
         <nav class="my-2 d-none d-lg-block">
-            <a class="p-2 text-dark" href="/chisiamo/">Chi siamo</a>
-            <a class="p-2 text-dark" href="/servizi-e-prodotti/">Servizi e Prodotti</a>
-            <a class="p-2 text-dark" href="/progetti/">Progetti</a>
-            <a class="btn btn-primary ml-4" href="/contattaci/">Contattaci</a>
+            <a class="text-white" href="#search-input"><i class="fa fa-search"></i></a>
+            <a class="p-2 text-white" href="/chisiamo/">Chi siamo</a>
+            <a class="p-2 text-white" href="/servizi-e-prodotti/">Servizi e Prodotti</a>
+            <a class="btn btn-primary ml-3 text-white" href="/contattaci/">Contattaci</a>
         </nav>
 
         <a class="d-block d-lg-none" href="javascript:openNav();">
@@ -114,6 +114,36 @@
 	</div>
 
 	<footer class="site-footer">
+    <div class="row text-left ml-0 mr-0">
+        <div class="col-1 col-lg-2 ml-auto"></div>
+        <nav class="col-3 col-lg-2">
+            <strong class="text-uppercase">Mappa del sito</strong>
+            <ul class="list-unstyled ml-0">
+                <li><a href="/">Home</a></li>
+                <li><a href="/chisiamo/">Chi siamo</a></li>
+                <li><a href="/servizi-e-prodotti/">Servizi e prodotti</a></li>
+                <li><a href="/contattaci/">Contatti</a></li>
+            </ul>
+        </nav>
+        <div class="col-3 col-lg-2">
+            <strong class="text-uppercase">Progetti</strong>
+            <ul class="list-unstyled ml-0">
+                <li><a href="/cybersecurity/referral">Referral</a></li>
+                <li><a href="/progetti/radio/">La nostra radio libera</a></li>
+                <li><a href="/progetti/software/">Progetti - Il software</a></li>
+                <li><a href="/news/">News</a></li>
+            </ul>
+        </div>
+        <div class="col-3 col-lg-2">
+            <strong class="text-uppercase">Canali</strong>
+            <ul class="list-unstyled ml-0">
+                <li><a href="/partners/peertube/">Partners - Peertube Italia</a></li>
+                <li><a href="/partners/funkwhale/">Partners - Funkwhale Italia</a></li>
+            </ul>
+        </div>
+        <div class="col-1 col-lg-2 mr-auto"></div>
+    </div>
+    <br>
     <div class="container">
         <div class="input-group mb-5">
             <input type="text" id="search-input" class="form-control rounded-right" placeholder="Vuoi cercare qualcosa?"
@@ -123,8 +153,8 @@
             </div>
         </div>
         <p>
-            Copyright © Unitoo 2017-2021<br><br>
-            Azienda dedicata allo sviluppo software, alla consulenza informatica e alla formazione<br>
+            Copyright © Unitoo 2017-2022<br>
+            Soluzioni software, cyber security e consulenza senza compromessi<br><br>
             <small>
                 Il sito (tranne i loghi) è interamente rilasciato sotto i termini della licenza AGPLv3. Puoi trovare i sorgenti qui:
                 <a target="_blank" rel="nofollow" href="https://gitea.it/Unitoo/unitoo-site">
@@ -136,8 +166,8 @@
 
         <ul class="list-inline social-buttons mt-2 mb-3 mx-auto">
             <li class="list-inline-item">
-                <a href="https://gitlab.com/unitoo" rel="nofollow" target="_blank" data-original-title="" title="">
-                    <i class="fab fa-gitlab " data-original-title="" title=""></i></a>
+                <a href="https://gitea.it/Unitoo" rel="nofollow" target="_blank" data-original-title="" title="">
+                    <i class="fab fa-gitea" data-original-title="" title=""></i></a>
             </li>
             <li class="list-inline-item">
                 <a href="https://github.com/UnitooTeam" rel="nofollow" target="_blank" data-original-title=""
@@ -145,7 +175,12 @@
             </li>
             <li class="list-inline-item">
                 <a href="https://mastodon.uno/@unitoo" rel="me" target="_blank" data-original-title="" title="">
-                    <img width="20" alt="Logo ufficiale di Mastodon, rete social di microblogging decentralizzata" src="/assets/mastodon-448a0e1cefce72f1aadd521b2ca3d7c5edf2f76fd6aa12f1ac11bdf07f5e92f586fb517e5f76bbcd5b5d79c430b26261443dd6e06dca5fa25ac423d61025a916.webp">
+                    <i class="fab fa-mastodon"></i>
+                </a>
+            </li>
+            <li class="list-inline-item">
+                <a href="https://matrix.to/#/#nodo-1-unity:unitoo.it" target="_blank" rel="nofollow" data-original-title="" title="">
+                    <i class="fab fa-element"></i>
                 </a>
             </li>
             <li class="list-inline-item">
@@ -153,14 +188,16 @@
                     <i class="fab fa-telegram"></i>
                 </a>
             </li>
-            <li class="list-inline-item"><a href="https://liberapay.com/Unitoo/" rel="nofollow" target="_blank" data-original-title="" title="">
-                <img width="20" alt="Logo ufficiale di Liberapay" src="/assets/liberapay-a7f315ef8f959d993dfc27372fc0f25a9f41a964e4a1a6996cff2befd1a49d4ce10b5bb689f6b8e52c9f2a199691f905c2efd1634390096efb85597ae795fb82.webp">
-            </a></li>
+            <li class="list-inline-item">
+                <a href="https://liberapay.com/Unitoo/" rel="nofollow" target="_blank" data-original-title="" title="">
+                    <i class="fab fa-liberapay"></i>
+                </a>
+            </li>
         </ul>
 
         <div class="small mt-3">
             Unitoo di Claudio Maradonna, Via Circonvallazione Sud 28/A, Monteprandone, 63076 (AP) - 02324570445 - REA:
-            AP-204883 - info@unitoo.pw
+            AP-204883 - info@unitoo.it
             <br>
             <a href="/privacy-policy/">Informativa privacy</a>
         </div>