grafica

software_export/css/main.css

@@ -39,19 +39,33 @@ section.page-body {
 
 .card-body {
   order: 1;
+  max-width: 75%;
 }
 
 .card-header {
   order: 2;
+  min-width: 35%;
 }
 
-h5 {
-  margin: 1.5em 0em;
+h1 {
+  margin: 1em 0em 0.1em 0em;;
   font-weight: 600;
   text-transform: uppercase;
   font-size: 2.6em;
 }
 
+p.prodotti {
+    background: gold;
+    padding: 0.1em 0.5em;
+    color: #333;
+}
+p.tratteggio {
+    border-bottom: dotted;
+    transform: rotate(1deg) translate(-17px, 0px);
+    padding-bottom: 0.5em;
+    margin-bottom: 1.5em;
+}
+
 span {
   line-height: 1;
 }
@@ -61,6 +75,14 @@ span.info {
   margin-bottom: 1em;
   display: inline-block;
 }
+.uppercase {
+text-transform: uppercase;
+}
+span.info {
+  line-height: 1;
+  margin-bottom: 1em;
+  display: inline-block;
+}
 
 div.comics-container {
   padding: 5px;

software_export/js/main.js

@@ -96,11 +96,16 @@ function Aziende(stringexel) {
 
     /*parte anagrafica e prodotti*/
 
-    var schede_h5 = header_schede.append("h5")
+    var schede_h1 = header_schede.append("h1")
       .attr("class", "mb-0 realeinfo")
       .text(function(d) {
         return "" + d["your-name"].replace(/"/g, ""); // Concatenazione di stringhe, sempre con il "+".
       });
+      header_schede.append("p")
+        .attr("class", "luogo")
+        .text(function(d) {
+          return "  " + d["text-122"].replace(/"/g, "")+ ""+ d["your-subject"].replace(/"/g, "") + " (" + d["text-597"].replace(/"/g, "") + ")";
+        });
 
     header_schede.append("p")
       .append("span")
@@ -121,18 +126,7 @@ function Aziende(stringexel) {
       .html(function(d) {
         return " " + d["url-933"].replace(/"/g, "");
       });
-    header_schede.append("p")
-      .text("Località: ");
-    header_schede.append("span")
-      .attr("class", "")
-      .text(function(d) {
-        return "  " + d["text-122"].replace(/"/g, "");
-      });
-    header_schede.append("span")
-      .attr("class", "locoinfo")
-      .html(function(d) {
-        return " " + d["your-subject"].replace(/"/g, "") + " (" + d["text-597"].replace(/"/g, "") + ")";
-      });
+
     header_schede.append("p")
       .append("span")
       .attr("class", "info")
@@ -143,7 +137,7 @@ function Aziende(stringexel) {
       });
     header_schede.append("p")
       .append("span")
-      .attr("class", "")
+      .attr("class", "uppercase")
       .text("SAU:")
       .append("span")
       .text(function(d) {
@@ -167,19 +161,19 @@ function Aziende(stringexel) {
       });
     header_schede.append("p")
       .append("span")
-      .attr("class", "info")
-      .text("Mercati svolti:")
+      .attr("class", "info uppercase")
+      .text("Mercati:")
       .append("span")
       .text(function(d) {
         return " " + d["Mercati svolti"].replace(/"/g, "");
       });
 
-    header_schede.append("p").attr("spazio");
 
     header_schede.append("p")
+      .attr("class", "prodotti")
       .append("span")
-      .attr("class", "info")
-      .text("Prodotti:")
+      .attr("class", "info uppercase")
+      .text("Prodotti offerti:")
       .append("span")
       .text(function(d) {
         return " " + d["checkbox-101"].replace(/"/g, "");
@@ -192,7 +186,7 @@ function Aziende(stringexel) {
       .text(function(d) {
         return " " + d["text-746"].replace(/"/g, "");
       });
-    header_schede.append("p").attr("tratteggio");
+    header_schede.append("p").attr("class","tratteggio");
 
     header_schede.append("p")
       .append("span")