aggiornata immagine, sistemati alcuni font

agenda-scout2030 · Apr 9, 2021 · 637f627 · 637f627
1 parent 0aeab8b
commit 637f627
Show file tree

Hide file tree

Showing 5 changed files with 38 additions and 24 deletions.
diff --git a/assets/sfondo.jpg b/assets/sfondo.jpg
diff --git a/assets/sfondo_trasparente2.png b/assets/sfondo_trasparente2.png
diff --git a/description.html b/description.html
@@ -3,24 +3,23 @@
 <head>
     <meta charset="UTF-8">
     <title>Pagina descrizione</title>
+    <link href=style.css rel=stylesheet>
 </head>
 
 <body>
-<div style="background-image:url('assets/background3.png') ; background-blend-mode:lighten;height:10000px; top:-1000px ">
+<div style="background-image:url('assets/sfondo_trasparente2.png');height: 1200px; background-repeat: no-repeat; background-position: center">
 
-<p style = "text-align: center; font-size:30px;";> <b>CHI SIAMO </b></p>
+<p style = "text-align: center; font-size:50px;"> <b>CHI SIAMO </b></p>
 
-<p style = "text-align: center">
-    <br>
+<p class = descrizione>
     Siamo un gruppo di rover/scolte e capi scout della zona di Modena che, in seguito all’organizzazione
     di un’assemblea di zona sul tema “Agenda 2030”, ha deciso di continuare a lavorare insieme scrivendo
     un articolo riguardante nostra esperienza sulla rivista
     Camminiamo insieme e realizzando questa piattaforma.
     <br>
 
-    <p style = "text-align: center; font-size:30px;";> <b>PERCHÈ L'AGENDA 2030 </b></p>
-<p style = "text-align: center">
-    <br>
+    <p style = "text-align: center; font-size:50px;";> <b>PERCHÈ L'AGENDA 2030 </b></p>
+<p class = descrizione>
     L’agenda 2030 è un programma d’azione per uno sviluppo sociale, economico e ambientale sostenibile.
     Sottoscritta il 25 settembre 2015 dai governi dei 193 paesi membri delle Nazioni Unite, approvata
     dall’Assemblea Generale dell’ONU, l’Agenda è costituita da 17 Obiettivi per lo Sviluppo Sostenibile –
@@ -31,13 +30,12 @@
     in considerazione in maniera equilibrata le tre dimensioni dello sviluppo sostenibile – economica,
     sociale ed ecologica – e mirano a porre fine alla povertà, a lottare contro l‘ineguaglianza,
     ad affrontare i cambiamenti climatici, a costruire società pacifiche che rispettino i diritti umani.
-
+    <br>
     <br>
 
 
-    <p style = "text-align: center; font-size:30px;";> <b>LA NOSTRA MISSION </b></p>
-<p style = "text-align: center">
-    <br>
+    <p style = "text-align: center; font-size:50px;";> <b>LA NOSTRA MISSION </b></p>
+<p class = descrizione>
     Il nostro obiettivo è prima di tutto far conoscere il progetto dell’Agenda 2030,
     cercare di concretizzarlo in azione e infine fare della sostenibilità il nostro stile di vita.
     In seguito all’assemblea di zona, grazie soprattutto alle forti parole del nostro ospite Enrico
@@ -46,11 +44,11 @@
     dell’Alleanza
     per schierarci, in quanto scout, dalla parte della sostenibilità.
     <br>
+    <br>
 
 
-    <p style = "text-align: center; font-size:30px;";> <b>COSA POSSIAMO FARE</b></p>
-<p style = "text-align: center">
-    <br>
+    <p style = "text-align: center; font-size:50px;";> <b>COSA POSSIAMO FARE</b></p>
+<p class = descrizione>
     Quello che tutti possiamo fare è informarci su come perseguire gli obiettivi dell’Agenda 2030 e
     condividere le nostre iniziative. Con questa mappa potrete mostrare a tutti quelli che vorranno
     accedervi le vostre attività e potrete, a vostra volta, vedere quelle degli altri; in questo modo

diff --git a/index.html b/index.html
@@ -21,14 +21,14 @@
     <span class="helper"></span>
     <div class="innerPopupBox">
 
-        <img src="assets/prova_agenda2030.png" width="100%" height="100%" alt="Info">
-        <p class="previewText" style="text-align: center">
+        <img src="assets/sfondo.jpg" width="100%" height="100%" alt="Info">
+        <p class="descrizione2" style="text-align: center">
             Cari scout, <br>
             <br>
             Abbiamo creato questa mappa con lo scopo di condividere il vostro impegno per
             rendere il mondo un posto migliore.
             Attraverso questo sito potrete mostrare i vostri servizi,
-            i vostri progetti all’insegna dei 17 goals dell’Agenda.
+            i vostri progetti all’insegna dei 17 goals dell’Agenda 2030.
             <br>
         </p>
             <div style="text-align: center;"> <a class="previewText" href="description.html" target="_blank"> Scopri di più</a></div>

diff --git a/style.css b/style.css
@@ -1,9 +1,9 @@
 .btn{
     border: 1px solid #ddd;
-    background-color: #ffffff;
-    padding: 8px 30px;
+    background-color: #ff6eec;
+    padding: 11px 35px;
     font-family: 'Google Sans', Roboto, Helvetica, Arial, sans-serif;;
-    font-size: 18px;
+    font-size: 20px;
     color: rgb(86, 86, 86);
     cursor: pointer;
 	pointer-events:all;
@@ -14,6 +14,22 @@
 	transition: background-color .2s ease-in;
 }
 
+.descrizione {
+	text-align: center;
+	font-size:25px;
+}
+.descrizione2 {
+	text-align: center;
+	font-size:20px;
+}
+.sfondo {
+	style: background-image;
+	url('assets/sfondo_trasparente.png');
+	height: 1100px;
+	background-repeat: no-repeat ;
+	background-position: center;
+}
+
 .btn:hover {
     background-color: #e5e5e5;
     color: rgb(0, 0, 0);
@@ -144,11 +160,11 @@ body {
 .form-style-10 h1 > span{
 	display: block;
 	margin-top: 2px;
-	font: 13px 'Google Sans', Roboto, Helvetica, Arial, sans-serif;
+	font: 15px 'Google Sans', Roboto, Helvetica, Arial, sans-serif;
 }
 .form-style-10 label{
 	display: block;
-	font: 13px 'Google Sans', Roboto, Helvetica, Arial, sans-serif;
+	font: 15px 'Google Sans', Roboto, Helvetica, Arial, sans-serif;
 	color: #888;
 	margin-bottom: 15px;
 }
@@ -168,7 +184,7 @@ body {
 	-webkit-box-sizing: border-box;
 	-moz-box-sizing: border-box;
 	width: 100%;
-	padding: 8px;
+	padding: 20px;
 	border-radius: 6px;
 	-webkit-border-radius:6px;
 	-moz-border-radius:6px;
@@ -198,7 +214,7 @@ body {
 	-webkit-border-radius: 50%;
 	-moz-border-radius: 50%;
 	border: 4px solid #fff;
-	font-size: 14px;
+	font-size: 15px;
 	margin-left: -45px;
 	color: #fff;
 	margin-top: -3px;