browsing in progress

css/browsingldc.css

@@ -23,6 +23,9 @@ h6, .h6 {
   color: #333;
 }
 
+p{
+    font-size: clamp(1px, 2.2vw, 20px);
+}
 
 /*
  * Override Bootstrap's default container.

js/cesareBrowse.js

@@ -107,6 +107,17 @@ $(document).ready(function() {
 		$("#CantiParadiso").attr('style', 'display:none')
 	}
 
+	// utils
+	function managePunctuation(stringa) {
+		var tempstringa=stringa.replaceAll(" ,", ",")
+		tempstringa=tempstringa.replaceAll(" .", ".")
+		tempstringa=tempstringa.replaceAll(" :", ":")
+		tempstringa=tempstringa.replaceAll(" !", "!")
+		tempstringa=tempstringa.replaceAll(" ?", "?")
+		tempstringa=tempstringa.replaceAll(" ;", ";")
+		return tempstringa
+	}
+
 
 	//minimap management
 	let minimap = document.createElement('div');
@@ -231,13 +242,14 @@ $(document).ready(function() {
 				divListaCanti.appendTo('#listacanti')
 
 				for (verso of orderedListaVersi) {
+					
+					
 					var elementoverso = $('<p />')
-					elementoverso.append(verso.numverso + ". " + verso.verso)
+					elementoverso.append(verso.numverso + ". " + managePunctuation(verso.verso))
 					elementoverso.attr("style", "line-height: 0.5em")
 
 					elementoverso.appendTo('#' + cantica + verso.canto.replace(" ", "_"))
-
-
+					
 				}