Merge remote-tracking branch 'origin/main'

# Conflicts: # load_data.js # map.js
agenda-scout2030 · Sep 1, 2021 · 2237bd4 · 2237bd4
2 parents 20d51c0 + 07304ba
commit 2237bd4
Show file tree

Hide file tree

Showing 9 changed files with 88 additions and 71 deletions.
diff --git a/assets/background3.png b/assets/background3.png
diff --git a/assets/prova_agenda2030.png b/assets/prova_agenda2030.png
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
@@ -7,49 +7,53 @@
 </head>
 
 <body>
-
-<!-- scale view for mobile-->
-<meta content="width=device-width, initial-scale=1" name="viewport"/>
-
 <div class="background">
 
-<p style = "text-align: center" class="descriptionTitle"> <b>CHI SIAMO </b></p>
+<p style = "text-align: center; font-size:50px;"> <b>CHI SIAMO </b></p>
 
-<p style = "text-align: center" class="descriptionText">
-    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
-    et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
-    ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
-    fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident,
-    sunt in culpa qui officia deserunt mollit anim id est laborum
+<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" class="descriptionTitle"> <b>PERCHÈ L'AGENDA 2030 </b></p>
-<p style = "text-align: center" class="descriptionText">
-    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
-    et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
-    ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
-    fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident,
-    sunt in culpa qui officia deserunt mollit anim id est laborum
+    <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 –
+    Sustainable Development Goals, SDGs – inquadrati all’interno di un programma d’azione più vasto e
+    rappresentato da 169 target o traguardi, ad essi associati, da raggiungere in ambito ambientale,
+    economico, sociale e istituzionale entro il 2030.
+    I 17 Goals fanno riferimento ad un insieme di questioni fondamentali per lo sviluppo che prendono
+    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" class="descriptionTitle"> <b>LA NOSTRA MISSION </b></p>
-<p style = "text-align: center" class="descriptionText">
-    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
-    et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
-    ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
-    fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident,
-    sunt in culpa qui officia deserunt mollit anim id est laborum
+    <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
+    Giovannini, ex portavoce di ASviS, l’Alleanza Italiana per lo Sviluppo Sostenibile, e tramite i
+    responsabili della Zona di Modena, abbiamo inoltrato la richiesta all’AGESCI di entrare a far parte
+    dell’Alleanza
+    per schierarci, in quanto scout, dalla parte della sostenibilità.
+    <br>
     <br>
 
 
-    <p style = "text-align: center" class="descriptionTitle"> <b>COSA POSSIAMO FARE</b></p>
-<p style = "text-align: center" class="descriptionText">
-    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
-    et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
-    ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
-    fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident,
-    sunt in culpa qui officia deserunt mollit anim id est laborum
+    <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
+    le azioni concrete che riuscirete a portare a
+    termine potranno essere d’ispirazione e spingere altri scout (o non) ad agire.
     <br>
 </p>
 </div>

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: left">
+        <img src="assets/sfondo.jpg" width="100%" height="100%" alt="Info">
+        <p class="descrizione2" style="text-align: center">
             Cari scout, <br>
             <br>
-            Lorem ipsum dolor sit amet, consectetur adipiscing elit,
-            sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
-            Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex
-            ea commodo consequat.
+            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 e
+            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/map.js b/map.js
@@ -12,7 +12,7 @@ function GetMap() {
 
     map = new Microsoft.Maps.Map('#myMap', {
         center: new Microsoft.Maps.Location(44.643, 10.925229),
-        zoom: 14,
+        zoom: 12,
     });
 
     // initialize infobox for future use
@@ -57,19 +57,10 @@ function GetMap() {
     document.getElementById('infoBtn').removeAttribute('hidden');
 }
 
-function getValue(elem) {
-    if(elem === null)
-        return "";
-    if(elem.v === null)
-        return "";
-    return elem.v.toString();
-}
-
 // parse markers from row input json
 function parseMarkers() {
     let text;
     text = jsonData;
-    text = text.split("setResponse(")[1].slice(0, -2);
     if (text !== "") {
         let rows = JSON.parse(text).table.rows;
         for(let i = 0; i < rows.length; i++) {
@@ -101,8 +92,11 @@ function displayInfobox(event) {
 
     body.push('<div class="infowindow-content">');
     body.push('<p>');
+    /*if(!(pin.metadata.image === undefined)) {  // if image is defined
+        body.push('<img class="image" src="' + pin.metadata.image + '" alt="">');
+    }*/
     body.push('<img class="image" src="' + imageBase + pin.metadata.goalNum + '.jpg' + '" alt="">')
-    body.push(pin.metadata.description + '</p>');
+    body.push(pin.metadata.description + '<br/>' + '<br/>' + pin.metadata.date + '</p>');
     if (!(pin.metadata.link === "")) {  // if link is defined
         body.push('<div class="bottomtext"><a href="' + pin.metadata.link + '" target=_blank>Scopri di più...</a></div>');
     }

diff --git a/send_form.js b/send_form.js
@@ -38,24 +38,24 @@ function sendForm(){
         let dateParts = dateString.split('-');
         let pos = positions[document.getElementById("scelta").selectedIndex]
         const data = {
-            'entry.498570121': name,  // nome gruppo
-            'entry.1599795084': pos.lat,  // latitude
-            'entry.874512289' : pos.lng,  // longitude
-            'entry.1208166438': title,  // titolo attività
-            'entry.686134094': description,  // descrizione attività
-            'entry.381325376': goals[goalNum-1],  // goal
-            'entry.316786119_year': dateParts[0],
-            'entry.316786119_month': dateParts[1],
-            'entry.316786119_day': dateParts[2],
-            'entry.386410129': document.getElementById("link").value,  // link
+            'entry.1647215669': name,  // nome gruppo
+            'entry.468238840': Number(pos.lat).toFixed(6),  // latitude
+            'entry.415691257' : Number(pos.lng).toFixed(6),  // longitude
+            'entry.1693764111': title,  // titolo attività
+            'entry.1037527314': description,  // descrizione attività
+            'entry.1851639960': goals[goalNum-1],  // goal
+            'entry.564386048_year': dateParts[0],
+            'entry.564386048_month': dateParts[1],
+            'entry.564386048_day': dateParts[2],
+            'entry.1833049209': document.getElementById("link").value,  // link
             'entry.1000183872': "",  // image
             'draftResponse': [],
             'pageHistory': 0
         };
 
         $.ajax({
             type: "POST",
-            url: 'https://docs.google.com/forms/d/e/1FAIpQLScIvJxCeU-96ODoQMybQMhO95yMjB0hBftsOV0272J6PWDK6g/formResponse',
+            url: 'https://docs.google.com/forms/u/1/d/e/1FAIpQLSff5ctf9pYndw9ml3RqAOQgJa8sf7YvNaYWtatIq8by8UxDvw/formResponse',
             data: data,
             error: function(xhr, status, error){
                 document.location.href = "final_page.html";

diff --git a/style.css b/style.css
@@ -1,10 +1,10 @@
 .btn{
     border: 1px solid #ddd;
-    background-color: #ffffff;
-    padding: 8px 30px;
+    background-color: #7002b0;
+    padding: 11px 35px;
     font-family: 'Google Sans', Roboto, Helvetica, Arial, sans-serif;;
-    font-size: 18px;
-    color: rgb(86, 86, 86);
+    font-size: 20px;
+    color: white;
     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;
@@ -258,18 +274,21 @@ body {
 }
 .background {
 	position: absolute;
-	background-image:url('assets/background3.png');
-	height: 100%;
+	background-image:url('assets/sfondo_trasparente2.png');
+	height: 150%;
 	background-repeat:no-repeat;
 	background-position: center;
 	background-size: auto;
+
 }
 
 @media only screen and (max-width: 1000px) {
 	.button {
 		font-size: 14px;
 	}
-
+	background {
+		transform: translate(-150%,-200%)
+	}
 	.overlay {
 		top: 100%;
 		-ms-transform: translate(-50%, -275%);