02-06-2022
@@ -111,12 +111,12 @@
#Manifesto
+#Manifesto
##La libertà non esiste senza una vera scelta
@@ -51,9 +51,9 @@Alcuni punti guida:
-- Tutto il sito è e sarà sempre scritto utilizzando strumenti liberi ed aperti, compreso il SO (GNU/Linux);
-- nessuna dipendenza o framework proprietario è contenuto nel codice Html e Css, ma tutto è stato scritto a mano (coi limiti dell'autore) ed è disponibile su Gitea;
-- niente cookie né componenti di terze parti o di analitica sono contenuti nel codice. Su questo sito il proprietario dei tuoi dati sei tu!
+- Tutto il sito è e sarà sempre scritto utilizzando strumenti liberi ed aperti, compreso il SO (GNU/Linux);
+- nessuna dipendenza o framework proprietario è contenuto nel codice Html e Css, ma tutto è stato scritto a mano (coi limiti dell'autore) ed è disponibile su Gitea;
+- niente cookie né componenti di terze parti o di analitica sono contenuti nel codice. Su questo sito il proprietario dei tuoi dati sei tu!
Il progetto riguarda la diffusione dell’idea stessa di libertà, in qualsiasi ambito.
diff --git a/indipendenza_cyberspazio.html b/indipendenza_cyberspazio.html index 7cf1507..2c346c1 100644 --- a/indipendenza_cyberspazio.html +++ b/indipendenza_cyberspazio.html @@ -43,10 +43,10 @@
#Indipendenza del Cyberspazio
+#Indipendenza del Cyberspazio
-##John Perry Barlow
+##John Perry Barlow
PicciHud
diff --git a/style.css b/style.css
index 39d6b8b..51683b5 100644
--- a/style.css
+++ b/style.css
@@ -128,30 +128,30 @@ main {
margin: 15px 0 15px 0;
}
-.lista_articol {
+.list_article {
width: 85%;
margin: auto;
text-align: left;
line-height: 20px;
}
-.lista_articol p {
+.list_article p {
color: #a39b8f;
font-size: 16px;
text-align: left;
line-height: 30px;
}
-.lista_articol h2 {
+.list_article h2 {
color: #ee6ef1;
line-height: 30px;
}
-.lista_articol .piccihud {
+.list_article .piccihud {
color: #ee6ef1;
}
-.lista_articol .tag {
+.list_article .tag {
color: #696969;
margin-bottom: 10px;
font-size: 14px;
@@ -177,7 +177,7 @@ main {
}
.read_more p:hover,
-.lista_articol h2:hover {
+.list_article h2:hover {
color: #fff;
transition: 1s;
}
@@ -202,7 +202,7 @@ h3 {
font-weight: bold;
}
-.titolo_apertura {
+.open_title {
font-size: 48px;
margin: 50px 0 20px 0;
line-height: 50px;
@@ -210,7 +210,7 @@ h3 {
width: 100%;
}
-.sottotitolo {
+.subtitle {
text-align: left;
margin: 0px 0 30px 0;
}
@@ -235,7 +235,7 @@ a {
border-radius: 5px;
}
-.trattino {
+.dash {
color: #ee6ef1;
}
@@ -396,7 +396,7 @@ nav a:hover {
/*corpo - articolo*/
-.articol,
+.article,
.footer {
width: 60%;
margin: auto;
@@ -406,22 +406,24 @@ nav a:hover {
/*link articolo principale*/
-.articol a {
+.article a {
color: rgb(255, 196, 0);
padding: 0;
margin: 0;
font-weight: bold;
}
-.articol a:hover {
- color: #ee6ef1;
+.article a:hover {
+ color: #69cece;
transition: .2s;
}
-.articol a:visited {
+.article a:visited {
color: #69cece;
}
+/*IMMAGINI*/
+
.container_img {
width: 100%;
display: flex;
@@ -436,7 +438,7 @@ nav a:hover {
height: auto;
}
-/*Immagini verticali, come screen da cellulare: visualizzazione a galleria*/
+/*Immagini verticali, in 16/9, come screen da cellulare: visualizzazione a galleria*/
#gallery {
width: 100%;
/*del Div in cui è contenuta*/
@@ -447,8 +449,8 @@ nav a:hover {
}
.gallery {
- width: 300px;
- aspect-ratio: 9 / 16;
+ width: 250px;
+ aspect-ratio: 9/16;
border-radius: 10px;
margin: 20px auto;
background-size: cover;
@@ -460,11 +462,14 @@ nav a:hover {
width: 100%;
height: 100%;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 80%);
+ /*Gradiente nere sull'immagine*/
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-end;
+ /*Posizione del testo*/
opacity: 0;
+ /*Di default, è nascosto*/
transition: opacity 0.2s ease-in-out;
}
@@ -647,7 +652,7 @@ h1 {
height: auto;
}
- .articol,
+ .article,
.footer {
width: 80%;
}
@@ -704,16 +709,18 @@ h1 {
padding: 25px 0
}
- .titolo_apertura {
+ /*ARTICOLO*/
+
+ .open_title {
width: 100%;
font-size: 35px;
}
- .sottotitolo {
+ .subtitle {
font-size: 25px;
}
- .articol,
+ .article,
.footer,
.privacy {
width: 95%;
@@ -737,8 +744,6 @@ h1 {
margin-top: 20px;
}
-
-
.contacts {
display: flex;
justify-content: space-between;