working on new site

This commit is contained in:
Claudio Maradonna 2022-01-13 12:47:49 +01:00
parent 17ac666e1e
commit aa609a72de
Signed by: claudiomaradonna
GPG Key ID: 0CBA58694C5680D9
102 changed files with 2396 additions and 729 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 47 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 29 KiB

After

Width:  |  Height:  |  Size: 35 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 50 KiB

After

Width:  |  Height:  |  Size: 43 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 42 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 40 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 36 KiB

After

Width:  |  Height:  |  Size: 31 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 52 KiB

BIN
_assets/images/frenky.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 81 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 60 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 95 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 100 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 112 KiB

View File

@ -262,3 +262,7 @@ blockquote {
font-size: 3rem;
}
}
.lead {
text-align: justify;
}

File diff suppressed because one or more lines are too long

View File

@ -413,18 +413,21 @@ aside.aside {
// box-shadow: $box-shadow !important;
// }
.header-index {
min-height: 70vh;
.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-space.webp');
}
.header-peertube {
min-height: 80vh;
background-position: center;
background-image: asset_url('header-peertube.webp');
}
@ -433,27 +436,23 @@ aside.aside {
}
.header-radio {
min-height: 80vh;
background-position: center;
background-image: asset_url('header-radio.webp');
}
.header-aboutus {
min-height: 70vh;
background-image: asset_url('element-aboutus.webp');
background-position: center;
background-image: asset_url('header-aboutus.webp');
}
.header-technical_assistance {
min-height: 70vh;
//TODO background-image: asset_url('header-technical_assistance.webp');
background-position: center;
background-image: asset_url('header-technical_assistance.webp');
}
.header-cybersecurity {
min-height: 70vh;
//TODO background-image: asset_url('header-technical_assistance.webp');
background-position: center;
background-image: asset_url('header-cybersecurity.webp');
}
.header-communications {
background-image: asset_url('header-communications.webp');
}
.min-height-500 {

View File

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

View File

@ -1,7 +1,7 @@
# 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
baseurl: "" # the subpath of your site, e.g. /blog

View File

@ -8,6 +8,9 @@ meta:
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 +19,7 @@ meta:
peertube: "Partners - Peertube Italia"
news: "News"
privacy_policy: "Informativa privacy"
blackhole: "Blackhole"
tags:
bot: "Tag: #bot"
@ -36,6 +40,8 @@ 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."
tags:
bot: "Le pagine relative al tag #bot"
@ -65,6 +71,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,7 +82,7 @@ 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"
@ -84,6 +91,7 @@ buttons:
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: "Scoprilo e richiedine uno!"
inputs:
search: "Vuoi cercare qualcosa?"
@ -92,7 +100,7 @@ inputs:
index:
header_title: "{ Hack. Evolve. Repeat. }"
header_lead: "Soluzioni software, cyber security e consulenza senza compromessi"
aside_radio: "Stai cercando forse la nostra radio dedicata al software?"
aside_radio: "Stai cercando la nostra radio dedicata al software e alla musica Creative Commons?"
services_title: "I servizi"
services:
software_development: "Sviluppo software"
@ -101,9 +109,11 @@ index:
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: "Servizi e prodotti"
products:
technical_assistance: "Servizi"
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 e assistenza è disponibile in due soluzioni.<br><br>È possibile quindi pianificare appuntamenti periodici e manutentivi, ottenere supporto per la risoluzione dei problemi nell'utilizzo del computer e nella configurazione del servizi e dei server.
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"
@ -126,13 +136,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à, a livello applicativo, 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>
@ -144,8 +156,8 @@ Il nostro impegno è rivolto a migliorare e fortificare il panorama del software
staff_title: "Ecco lo staff"
technical_assistance:
header_title: "Servizi"
header_lead: "Assistenza e consulenza"
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: "
@ -169,11 +181,47 @@ varie postazioni ed i terminali presenti nella struttura specifica in analisi.<b
cybersecurity:
header_title: "Sicurezza"
header_lead: "Confidenzialità, Integrità, Disponibilità"
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."
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."
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."
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."
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>"
body: "
Tutti i nostri servizi e prodotti sono acquistabili e preventivabili solo previo contatto. È molto importante per noi il rapporto umano che si instaura, affinche possiate avere il miglior servizio, al massimo delle nostre capacità.<br><br>Il modo più semplice, per contattarci quindi, è mandare un'email ma potete anche trovarci nel Fediverso! :)</i><br><small class='font-weight-bold'> Avete la possibilità inoltre di inviare una mail cifrata attraverso la suite GPG, in basso la nostra public key.</small>."
software_technologies:
title: "Dettagli sullo sviluppo software"
@ -375,6 +423,16 @@ 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"
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/"
@ -473,3 +531,7 @@ lhanno espressamente autorizzata a conferirli in base ad unidonea 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"

View File

@ -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>

View File

@ -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="https://mastodon.uno/@unitoo"><i class="fa fa-mastodon"></i> Fediverso</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>

View File

@ -1,4 +1,33 @@
<footer class="site-footer">
<div class="row text-left">
<div class="col-3 ml-auto"></div>
<nav class="col-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-2">
<strong class="text-uppercase">{% t footer.projects %}</strong>
<ul class="list-unstyled ml-0">
<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-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-3 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 %}"
@ -21,8 +50,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 +59,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 +72,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>

View File

@ -1,10 +1,21 @@
<section class="bg-white pt-5 pb-5">
<section class="jumbotron jumbotron-fluid mb-0">
<div class="container">
<h1 class="text-center">{% t index.products_title %}</h1>
<hr class="border-primary">
<hr class="border-primary mb-5">
<p class="mt-5">{% t index.products.introduction_description %}</p>
</div>
</section>
<section class="bg-white pt-5 pb-5">
<div class="container">
<div class="row">
{%- 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-lg-6">
<h3>{% t index.products.technical_assistance %}</h3>
<p>
@ -12,10 +23,7 @@
</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">
{%- capture alt_techincal_assistance_example %}
{%- t meta.alt.technical_assistance_example %}
{%- endcapture %}
<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>
@ -45,6 +53,12 @@
<br><br>
<div class="row">
{%- 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-lg-6">
<h3>{% t index.products.communications %}</h3>
<p>
@ -52,12 +66,29 @@
</p>
<a class="btn btn-secondary" href="{% link _pages/communications.html %}">{% t buttons.go_to_communications %}</a>
</div>
<div class="col text-right">
{%- capture alt_communications_example %}
{%- t meta.alt.communications_example %}
{%- endcapture %}
<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 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/blackhole.html %}">{% t buttons.go_to_blackhole %}</a>
</div>
</div>
</div>
</section>

View File

@ -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>

View File

@ -0,0 +1,18 @@
<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>
</ul>
</div>

View File

@ -1,19 +1,21 @@
---
layout: default
layout: simple
title: meta.titles.aboutus
description: meta.descriptions.aboutus
permalink: /chisiamo.html
permalink_en: /aboutus.html
permalink: /chisiamo/
permalink_en: /aboutus/
tags: unitoo aboutus chisiamo team
---
<section class="jumbotron jumbotron-fluid bg-transparent d-flex header-aboutus text-white">
<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 %}

8
_pages/blackhole.html Normal file
View File

@ -0,0 +1,8 @@
---
layout: simple
title: meta.titles.blackhole
description: meta.descriptions.blackhole
permalink: /blackhole/
permalink_en: /blackhole/
tags: unitoo blackhole sicurezza informatica dns server pihole adblock
---

View File

@ -2,11 +2,11 @@
layout: simple
title: meta.titles.channel
description: meta.descriptions.channel
permalink: /progetti/peertube.html
permalink_en: /projects/peertube.html
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>

View File

@ -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 %}

View File

@ -2,8 +2,8 @@
layout: default
title: meta.titles.contacts
description: meta.descriptions.contacts
permalink: /contattaci.html
permalink_en: /contactus.html
permalink: /contattaci/
permalink_en: /contactus/
tags: unitoo contatti gnupg email contacts
---
<section class="container text-center pl-0 pr-0 pl-md-3 pr-md-3 min-height-500" >

View File

@ -1,36 +1,51 @@
---
layout: default
layout: simple
title: meta.titles.cybersecurity
description: meta.descriptions.cybersecurity
permalink: /cybersecurity.html
permalink_en: /cybersecurity.html
tags: unitoo technical assistance customer care
permalink: /cybersecurity/
permalink_en: /cybersecurity/
tags: unitoo cybersecurity sicurezza informatica hardening patch best practises
---
<section class="jumbotron jumbotron-fluid bg-transparent d-flex header-cybersecurity text-white">
<div class="container my-auto">
<h1 class="display-4">
{% t cybersecurity.header_title %}
</h1>
<p class="lead">
{% t cybersecurity.header_lead %}
</p>
<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">
<div class="card-columns">
<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 %}
<div class="card border-0 shadow">
{% asset "card-m-{{ module }}.webp" class="card-img-top" %}
<div class="card-body">
<h5 class="card-title">{% t cybersecurity.intelligence_title %}</h5>
<p class="card-text">{% t cybersecurity.intelligence_text %}</p>
<h5 class="card-title">{% t cybersecurity.{{ module }}_title %}</h5>
<p class="card-text">{% t cybersecurity.{{ module }}_text %}</p>
</div>
</div>
{% endfor %}
</div>
</div>
</section>
<section class="bg-white text-center pt-5 pb-5">
{% include contacts.html %}
</section>

View File

@ -2,8 +2,8 @@
layout: default
title: meta.titles.funkwhale
description: meta.descriptions.funkwhale
permalink: /partners/funkwhale.html
permalink_en: /partners/funkwhale.html
permalink: /partners/funkwhale/
permalink_en: /partners/funkwhale/
tags: unitoo partners funkwhale podcast music creativecommons freedom
---
<section class="container text-center pl-0 pr-0 pl-md-3 pr-md-3 min-height-500" >

View File

@ -2,12 +2,12 @@
layout: simple
title: meta.titles.libreboot
description: meta.description.libreboot
permalink: /progetti/libreboot.html
permalink_en: /projects/libreboot.html
permalink: /progetti/libreboot/
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>

View File

@ -2,8 +2,8 @@
layout: simple
title: meta.titles.news
description: meta.descriptions.news
permalink: /news.html
permalink_en: /news.html
permalink: /news/
permalink_en: /news/
tags: unitoo news freedom software freesoftware foss telegram feed rss bot
---
<section class="jumbotron jumbotron-fluid bg-transparent">

View File

@ -2,8 +2,8 @@
layout: default
title: meta.titles.peertube
description: meta.description.peertube
permalink: /partners/peertube.html
permalink_en: /partners/peertube.html
permalink: /partners/peertube/
permalink_en: /partners/peertube/
tags: unitoo partners peertube video creativecommons freedom
---
<section class="container text-center pl-0 pr-0 pl-md-3 pr-md-3 min-height-500" >

View File

@ -2,8 +2,8 @@
layout: default
title: meta.titles.privacy_policy
description: meta.descriptions.privacy_policy
permalink: /privacy-policy.html
permalink: /privacy-policy.html
permalink: /privacy-policy/
permalink: /privacy-policy/
tags: privacy policy unitoo
---
<section class="jumbotron jumbotron-fluid bg-transparent">

View File

@ -2,8 +2,8 @@
layout: default
title: meta.titles.projects
description: meta.descriptions.projects
permalink: /progetti.html
permalink_en: /projects.html
permalink: /progetti/
permalink_en: /projects/
tags: unitoo freedom software freesoftware projects progetti
---
<section class="jumbotron jumbotron-fluid bg-transparent">

View File

@ -2,11 +2,11 @@
layout: simple
title: meta.titles.radio
description: meta.descriptions.radio
permalink: /progetti/radio.html
permalink_en: /projects/radio.html
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>

View File

@ -1,9 +1,13 @@
---
layout: default
layout: simple
title: meta.titles.services_and_products
description: meta.descriptions.services_and_products
permalink: /servizi-e-prodotti.html
permalink_en: /services-and-products.html
permalink: /servizi-e-prodotti/
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>

View File

@ -2,8 +2,8 @@
layout: default
title: meta.titles.software_technologies
description: meta.descriptions.software_technologies
permalink: /tecnologie-software.html
permalink_en: /software-technologies.html
permalink: /tecnologie-software/
permalink_en: /software-technologies/
tags: unitoo software development freesoftware licenses
---
<section class="jumbotron jumbotron-fluid bg-transparent">

View File

@ -2,8 +2,8 @@
layout: default
title: meta.titles.software
description: meta.descriptions.software
permalink: /progetti/software.html
permalink_en: /projects/software.html
permalink: /progetti/software/
permalink_en: /projects/software/
tags: unitoo company rights projects freesoftware nodrm freebios libreboot coreboot
---
<section class="jumbotron jumbotron-fluid bg-transparent">

View File

@ -1,19 +1,21 @@
---
layout: default
layout: simple
title: meta.titles.technical_assistance
description: meta.descriptions.technical_assistance
permalink: /assistenza-e-consulenza.html
permalink_en: /technical-assistance.html
permalink: /assistenza-e-consulenza/
permalink_en: /technical-assistance/
tags: unitoo technical assistance customer care
---
<section class="jumbotron jumbotron-fluid bg-transparent d-flex header-technical_assistance text-white">
<div class="container my-auto">
<h1 class="display-4">
{% t technical_assistance.header_title %}
</h1>
<p class="lead">
{% t technical_assistance.header_lead %}
</p>
<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>
@ -40,3 +42,7 @@ tags: unitoo technical assistance customer care
</div>
</div>
</section>
<section class="bg-white text-center pt-5 pb-5">
{% include contacts.html %}
</section>

View File

@ -2,8 +2,8 @@
layout: default
title: meta.titles.technical_advice
description: meta.descriptions.technical_advice
permalink: /consulenza.html
permalink_en: /technical-advice.html
permalink: /consulenza/
permalink_en: /technical-advice/
tags: unitoo consulenza software hardware sicurezza informatica
---
<section class="jumbotron jumbotron-fluid bg-transparent">

View File

@ -39,7 +39,7 @@
<link rel="apple-touch-icon" href="http://localhost:4000/apple-touch-icon.png">
<link rel="manifest" href="http://localhost:4000/path.webmanifest">
<link rel="stylesheet" type="text/css" href="/assets/main-45970e4694b7f9997bf1916d017b9ce23acaa5ffcb860a406d6757b00337f3533145fff6bf0f6c999b45d5efba1222fcd821ef7583a0f1784a512d05ae746ea2.css">
<link rel="stylesheet" type="text/css" href="/assets/main-93a6882dddc04bef289d99b596baa47b2231cbe9a0f21dab8062191966fa58ca55095aefd213395cdcb7f1bf984de78f3218ca68a10bd45055c82e00c5d14302.css">
@ -56,10 +56,10 @@
<body>
<div id="mySidenav" class="sidenav">
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
<a class="btn-outline-primary" href="/chisiamo.html">Chi siamo</a>
<a class="btn-outline-primary" href="/servizi-e-prodotti.html">Servizi e Prodotti</a>
<a class="btn-outline-primary" href="/progetti.html">Progetti</a>
<a class="btn-outline-primary" href="/contattaci.html">Contattaci</a>
<a class="btn-outline-primary" href="/chisiamo/">Chi siamo</a>
<a class="btn-outline-primary" href="/servizi-e-prodotti/">Servizi e Prodotti</a>
<a class="btn-outline-primary" href="/progetti/">Progetti</a>
<a class="btn-outline-primary" href="/contattaci/">Contattaci</a>
</div>
@ -72,9 +72,9 @@
</a>
<nav class="my-2 d-none d-lg-block">
<a class="p-2 text-white" href="/chisiamo.html">Chi siamo</a>
<a class="p-2 text-white" href="/servizi-e-prodotti.html">Servizi e Prodotti</a>
<a class="btn btn-primary ml-4 text-white" href="/contattaci.html">Contattaci</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-4 text-white" href="/contattaci/">Contattaci</a>
</nav>
<a class="d-block d-lg-none" href="javascript:openNav();">
@ -113,6 +113,35 @@
</div>
<footer class="site-footer">
<div class="row text-left">
<div class="col-3 ml-auto"></div>
<nav class="col-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-2">
<strong class="text-uppercase">Progetti</strong>
<ul class="list-unstyled ml-0">
<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-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-3 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?"
@ -122,7 +151,7 @@
</div>
</div>
<p>
Copyright © Unitoo 2017-2021<br><br>
Copyright © Unitoo 2017-2022<br><br>
Azienda dedicata allo sviluppo software, alla consulenza informatica e alla formazione<br>
<small>
Il sito (tranne i loghi) è interamente rilasciato sotto i termini della licenza AGPLv3. Puoi trovare i sorgenti qui:
@ -135,8 +164,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=""
@ -144,24 +173,31 @@
</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="/news.html" target="_blank" data-original-title="" title="">
<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">
<a href="/news/" target="_blank" data-original-title="" title="">
<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.html">Informativa privacy</a>
<a href="/privacy-policy/">Informativa privacy</a>
</div>
</div>
</footer>

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long