fix: order of list

Author: bazz333

populateSection.js

@@ -29,35 +29,44 @@ async function addAllDocuments() {
 	const data = await structure.json();
 	let pageElements = "";
 
-	data.children.forEach((sezione) => {
-		if (sezione.type === "directory" && sezione.name !== "glossario") {
-			let newName = sezione.name;
-			if (sezione.name.includes(" - ")) {
-				let elements = populateBasicPDFList(sezione);
-				let verbali = populateVerbali(sezione);
-
-				newName = newName.split(" - ")[1];
-				newName = newName.charAt(0).toUpperCase() + newName.slice(1);
-				pageElements += `
-				<h2 class="accordion-header">${newName}</h2>
-				<div class="accordion-content">
-					<ul class="link-file">${elements}</ul>
-					${verbali}
-				</div>
-				<hr/>`;
-			} else {
-				let elements = populateBasicPDFList(sezione);
-
-				// caso DIARIO DI BORDO
-				newName = newName.charAt(0).toUpperCase() + newName.slice(1);
-				newName = newName.replace(/-/g, " ");
-
-				pageElements += `
-				<h2 class="accordion-header">${newName}</h2>
-				<div class="accordion-content">
-					<ul class="link-file">${elements}</ul>
-				</div>`;
-			}
+	// Filtra e ordina le sezioni in ordine decrescente
+	const sezioni = data.children
+		.filter(sezione => sezione.type === "directory" && sezione.name !== "glossario")
+		.sort((a, b) => {
+			// Estrae i numeri dei nomi delle sezioni (es. "2 - RTB" -> 2)
+			const numA = parseInt(a.name.split(" - ")[0]) || 0;
+			const numB = parseInt(b.name.split(" - ")[0]) || 0;
+			// Ordina in modo decrescente
+			return numB - numA;
+		});
+
+	sezioni.forEach((sezione) => {
+		let newName = sezione.name;
+		if (sezione.name.includes(" - ")) {
+			let elements = populateBasicPDFList(sezione);
+			let verbali = populateVerbali(sezione);
+
+			newName = newName.split(" - ")[1];
+			newName = newName.charAt(0).toUpperCase() + newName.slice(1);
+			pageElements += `
+			<h2 class="accordion-header">${newName}</h2>
+			<div class="accordion-content">
+				<ul class="link-file">${elements}</ul>
+				${verbali}
+			</div>
+			<hr/>`;
+		} else {
+			let elements = populateBasicPDFList(sezione);
+
+			// caso DIARIO DI BORDO
+			newName = newName.charAt(0).toUpperCase() + newName.slice(1);
+			newName = newName.replace(/-/g, " ");
+
+			pageElements += `
+			<h2 class="accordion-header">${newName}</h2>
+			<div class="accordion-content">
+				<ul class="link-file">${elements}</ul>
+			</div>`;
 		}
 	});
 

style.css

@@ -9,9 +9,8 @@
 		--header-bgcolor: #1c1917;
 		--section-bgcolor: #1c1917;
 		--text-color: #e7e5e4;
-		--hover-color: #ffffff;
-		--link-color: #c4bdb8;
-		--link-visited-color: #7f7b78;
+		--hover-color: #a8a29e;
+		--link-color: #a8a29e;
 		--accent-color: #a5b4fc;
 	}
 
@@ -133,7 +132,10 @@ hr {
 }
 
 section {
-	padding: 0.5em 1.5em;
+	padding-top: 0.5em;
+	padding-bottom: 0.5em;
+	padding-left: 1em;
+	padding-right: 1em;
 	background-color: var(--section-bgcolor);
 	margin-top: 1em;
 	margin-bottom: 1em;
@@ -143,10 +145,6 @@ section {
 	margin-right: auto;
 }
 
-section h3 {
-	font-size: larger;
-}
-
 .verbali {
 	display: grid;
 	grid-template-columns: auto auto;
@@ -229,17 +227,6 @@ section h3 {
 	font-size: smaller;
 }
 
-#documenti{
-	padding-bottom: 1em;
-}
-
-#documenti hr {
-	margin-top: 1em;
-	margin-bottom: 1em;
-	border-top: 0.1em solid var(--link-color);
-	opacity: 0.5;
-}
-
 #documenti a {
 	color: var(--link-color);
 }
@@ -248,13 +235,6 @@ section h3 {
 	color: var(--text-color);
 }
 
-#documenti a:visited {
-	color: var(--link-visited-color);
-}
-#documenti a:visited:hover {
-	color: var(--text-color);
-}
-
 #contatti a {
 	color: var(--link-color);
 }
@@ -300,32 +280,6 @@ dd::after {
 	content: "”";
 }
 
-
-.accordion-header {
-	cursor: pointer;
-	position: relative;
-	padding-right: 1.5em; /* spazio per l'icona */
-	padding-left: 1em;
-}
-
-/* Aggiunge la freccia a destra dell'header */
-.accordion-header::before {
-	content: "▸";
-	position: absolute;
-	left: 0;
-	transition: transform 0.3s;
-	transform: rotate(0deg);
-}
-
-/* Ruota la freccia quando l'header è attivo */
-.accordion-header.active::before {
-	transform: rotate(90deg);
-}
-
-/* .accordion-content {
-	padding-left: 1em;
-} */
-
 /*media query*/
 @media (max-width: 600px) {
 	.nav.extra {
@@ -337,8 +291,27 @@ dd::after {
 		grid-template-columns: 1fr 2fr 1fr;
 	}
 
-	.verbali {
+	#verbali {
 		grid-template-columns: 1fr;
 		gap: 1em;
 	}
 }
+
+.accordion-header {
+	cursor: pointer;
+	position: relative;
+	padding-right: 1.5em; /* spazio per l'icona */
+}
+
+/* Aggiunge la freccia a destra dell'header */
+.accordion-header::after {
+	content: "▼";
+	position: absolute;
+	right: 0;
+	transition: transform 0.3s;
+}
+
+/* Ruota la freccia quando l'header è attivo */
+.accordion-header.active::after {
+	transform: rotate(180deg);
+}