chore(deps): update bootstrap italia and content

Author: astagi

src/data/components_json/bsi/componenti/card.json

@@ -21,6 +21,6 @@
     },
     {
         "name": "Con card",
-        "content": "\n<section class=\"section section-muted\"  aria-labelledby=\"titleEx6\">\n  <div class=\"section-content\">\n    <!-- contenuto di esempio START -->\n    <div class=\"container\">\n      <div class=\"row\">\n        <div class=\"col\">\n          <h2 class=\"mb-4\" id=\"titleEx6\">Morbi fermentum amet</h2>\n        </div>\n      </div>\n      <div class=\"row gy-3\">\n        <div class=\"col-12 col-md-6 col-lg-6 mb-3 mb-md-4\">\n          <!--start it-card-->\n          <article class=\"it-card it-card-image rounded shadow-sm border\">\n            <!--card first child is the title (link)-->\n            <h3 class=\"it-card-title\">\n              <a href=\"#\">Titolo del contenuto</a>\n            </h3>\n            <!--card second child is the image (optional)-->\n            <div class=\"it-card-image-wrapper\">\n              <div class=\"ratio ratio-16x9\">\n                <figure class=\"figure img-full\">\n                  <img src=\"https://placeholderimage.eu/api/city/800/600\" alt=\"Breve descrizione immagine se ha senso nel contesto, marcare altrimenti come decorativa lasciando l'alt applicato ma vuoto.\">\n                </figure>\n              </div>\n            </div>\n            <!--card body content-->\n            <div class=\"it-card-body\">\n              <p class=\"it-card-text\">Questo \u00e8 un testo breve che riassume il contenuto della pagina di destinazione in massimo tre o quattro righe, senza troncamento.</p>\n            </div>\n            <!--finally the card footer metadata-->\n            <footer class=\"it-card-related it-card-footer\">\n              <time class=\"it-card-date\" datetime=\"2026-04-22\">22 aprile 2026</time>\n            </footer>\n          </article>\n          <!--end it-card-->\n        </div>\n        <div class=\"col-12 col-md-6 col-lg-6 mb-3 mb-md-4\">\n          <!--start it-card-->\n          <article class=\"it-card it-card-image rounded shadow-sm border\">\n            <!--card first child is the title (link)-->\n            <h3 class=\"it-card-title\">\n              <a href=\"#\">Titolo del contenuto</a>\n            </h3>\n            <!--card second child is the image (optional)-->\n            <div class=\"it-card-image-wrapper\">\n              <div class=\"ratio ratio-16x9\">\n                <figure class=\"figure img-full\">\n                  <img src=\"https://placeholderimage.eu/api/city/800/600\" alt=\"Breve descrizione immagine se ha senso nel contesto, marcare altrimenti come decorativa lasciando l'alt applicato ma vuoto.\">\n                </figure>\n              </div>\n            </div>\n            <!--card body content-->\n            <div class=\"it-card-body\">\n              <p class=\"it-card-text\">Questo \u00e8 un testo breve che riassume il contenuto della pagina di destinazione in massimo tre o quattro righe, senza troncamento.</p>\n            </div>\n            <!--finally the card footer metadata-->\n            <footer class=\"it-card-related it-card-footer\">\n              <time class=\"it-card-date\" datetime=\"2026-04-22\">22 aprile 2026</time>\n            </footer>\n          </article>\n          <!--end it-card-->\n        </div>\n      </div>\n    </div>\n    <!-- contenuto di esempio END -->\n  </div>\n</section>\n"
+        "content": "\n<section class=\"section section-muted\"  aria-labelledby=\"titleEx6\">\n  <div class=\"section-content\">\n    <!-- contenuto di esempio START -->\n    <div class=\"container\">\n      <div class=\"row\">\n        <div class=\"col\">\n          <h2 class=\"mb-4\" id=\"titleEx6\">Morbi fermentum amet</h2>\n        </div>\n      </div>\n      <div class=\"row gy-3\">\n        <div class=\"col-12 col-md-6 col-lg-6 mb-3 mb-md-4\">\n          <!--start it-card-->\n          <article class=\"it-card it-card-image rounded shadow-sm border\">\n            <!--card first child is the title (link)-->\n            <h3 class=\"it-card-title\">\n              <a href=\"#\">Titolo del contenuto</a>\n            </h3>\n            <!--card second child is the image (optional)-->\n            <div class=\"it-card-image-wrapper\">\n              <div class=\"ratio ratio-16x9\">\n                <figure class=\"figure img-full\">\n                  <img src=\"https://picsum.photos/seed/city/800/600\" alt=\"Breve descrizione immagine se ha senso nel contesto, marcare altrimenti come decorativa lasciando l'alt applicato ma vuoto.\">\n                </figure>\n              </div>\n            </div>\n            <!--card body content-->\n            <div class=\"it-card-body\">\n              <p class=\"it-card-text\">Questo \u00e8 un testo breve che riassume il contenuto della pagina di destinazione in massimo tre o quattro righe, senza troncamento.</p>\n            </div>\n            <!--finally the card footer metadata-->\n            <footer class=\"it-card-related it-card-footer\">\n              <time class=\"it-card-date\" datetime=\"2026-04-22\">22 aprile 2026</time>\n            </footer>\n          </article>\n          <!--end it-card-->\n        </div>\n        <div class=\"col-12 col-md-6 col-lg-6 mb-3 mb-md-4\">\n          <!--start it-card-->\n          <article class=\"it-card it-card-image rounded shadow-sm border\">\n            <!--card first child is the title (link)-->\n            <h3 class=\"it-card-title\">\n              <a href=\"#\">Titolo del contenuto</a>\n            </h3>\n            <!--card second child is the image (optional)-->\n            <div class=\"it-card-image-wrapper\">\n              <div class=\"ratio ratio-16x9\">\n                <figure class=\"figure img-full\">\n                  <img src=\"https://picsum.photos/seed/city/800/600\" alt=\"Breve descrizione immagine se ha senso nel contesto, marcare altrimenti come decorativa lasciando l'alt applicato ma vuoto.\">\n                </figure>\n              </div>\n            </div>\n            <!--card body content-->\n            <div class=\"it-card-body\">\n              <p class=\"it-card-text\">Questo \u00e8 un testo breve che riassume il contenuto della pagina di destinazione in massimo tre o quattro righe, senza troncamento.</p>\n            </div>\n            <!--finally the card footer metadata-->\n            <footer class=\"it-card-related it-card-footer\">\n              <time class=\"it-card-date\" datetime=\"2026-04-22\">22 aprile 2026</time>\n            </footer>\n          </article>\n          <!--end it-card-->\n        </div>\n      </div>\n    </div>\n    <!-- contenuto di esempio END -->\n  </div>\n</section>\n"
     }
-]
+]

src/data/components_json/bsi/componenti/carousel.json

@@ -117,7 +117,7 @@ <h3 class="it-card-title">
       <div class="it-card-image-wrapper">
         <div class="ratio ratio-16x9">
           <figure class="figure img-full">
-            <img src="https://placeholderimage.eu/api/city/800/600" alt="Breve descrizione immagine se ha senso nel contesto, marcare altrimenti come decorativa lasciando l'alt applicato ma vuoto.">
+            <img src="https://picsum.photos/seed/city/800/600" alt="Breve descrizione immagine se ha senso nel contesto, marcare altrimenti come decorativa lasciando l'alt applicato ma vuoto.">
           </figure>
         </div>
       </div>

src/data/components_json/bsi/componenti/dimmer.json

@@ -117,7 +117,7 @@ <h3 class="it-card-title">
       <div class="it-card-image-wrapper">
         <div class="ratio ratio-16x9">
           <figure class="figure img-full">
-            <img src="https://placeholderimage.eu/api/city/800/600" alt="Breve descrizione immagine se ha senso nel contesto, marcare altrimenti come decorativa lasciando l'alt applicato ma vuoto.">
+            <img src="https://picsum.photos/seed/city/800/600" alt="Breve descrizione immagine se ha senso nel contesto, marcare altrimenti come decorativa lasciando l'alt applicato ma vuoto.">
           </figure>
         </div>
       </div>

src/data/components_json/bsi/componenti/sections.json

@@ -117,7 +117,7 @@ <h3 class="it-card-title">
       <div class="it-card-image-wrapper">
         <div class="ratio ratio-21x9">
           <figure class="figure img-full">
-            <img src="https://placeholderimage.eu/api/nature/800/600" alt="Breve descrizione immagine se ha senso nel contesto, marcare altrimenti come decorativa lasciando l'alt applicato ma vuoto.">
+            <img src="https://picsum.photos/seed/nature/800/600" alt="Breve descrizione immagine se ha senso nel contesto, marcare altrimenti come decorativa lasciando l'alt applicato ma vuoto.">
           </figure>
         </div>
       </div>
@@ -145,7 +145,7 @@ <h3 class="it-card-title">
       <div class="it-card-image-wrapper">
         <div class="ratio ratio-21x9">
           <figure class="figure img-full">
-            <img src="https://placeholderimage.eu/api/monument/800/600" alt="Breve descrizione immagine se ha senso nel contesto, marcare altrimenti come decorativa lasciando l'alt applicato ma vuoto.">
+            <img src="https://picsum.photos/seed/monument/800/600" alt="Breve descrizione immagine se ha senso nel contesto, marcare altrimenti come decorativa lasciando l'alt applicato ma vuoto.">
           </figure>
         </div>
       </div>

src/data/components_json/bsi/componenti/timeline.json

@@ -121,7 +121,7 @@ <h3 class="it-card-title it-card-title-icon">
       <div class="it-card-image-wrapper">
         <div class="ratio ratio-16x9">
           <figure class="figure img-full">
-            <img src="https://placeholderimage.eu/api/city/800/600" alt="Breve descrizione immagine se ha senso nel contesto, marcare altrimenti come decorativa lasciando l'alt applicato ma vuoto.">
+            <img src="https://picsum.photos/seed/city/800/600" alt="Breve descrizione immagine se ha senso nel contesto, marcare altrimenti come decorativa lasciando l'alt applicato ma vuoto.">
           </figure>
         </div>
       </div>
@@ -155,7 +155,7 @@ <h3 class="it-card-title it-card-title-icon">
       <div class="it-card-image-wrapper">
         <div class="ratio ratio-16x9">
           <figure class="figure img-full">
-            <img src="https://placeholderimage.eu/api/nature/800/600" alt="Breve descrizione immagine se ha senso nel contesto, marcare altrimenti come decorativa lasciando l'alt applicato ma vuoto.">
+            <img src="https://picsum.photos/seed/nature/800/600" alt="Breve descrizione immagine se ha senso nel contesto, marcare altrimenti come decorativa lasciando l'alt applicato ma vuoto.">
           </figure>
         </div>
       </div>

static/examples/bsi/componenti/card/altezza-delle-card.html

@@ -125,7 +125,7 @@ <h3 class="it-card-title h4">
       <div class="it-card-image-wrapper">
         <div class="ratio ratio-1x1">
           <figure class="figure img-full">
-            <img src="https://placeholderimage.eu/api/city/800/600" alt="Breve descrizione immagine se ha senso nel contesto, marcare altrimenti come decorativa lasciando l'alt applicato ma vuoto.">
+            <img src="https://picsum.photos/seed/city/800/600" alt="Breve descrizione immagine se ha senso nel contesto, marcare altrimenti come decorativa lasciando l'alt applicato ma vuoto.">
           </figure>
         </div>
       </div>
@@ -151,7 +151,7 @@ <h3 class="it-card-title h4">
       <div class="it-card-image-wrapper">
         <div class="ratio ratio-1x1">
           <figure class="figure img-full">
-            <img src="https://placeholderimage.eu/api/nature/800/600" alt="Breve descrizione immagine se ha senso nel contesto, marcare altrimenti come decorativa lasciando l'alt applicato ma vuoto.">
+            <img src="https://picsum.photos/seed/nature/800/600" alt="Breve descrizione immagine se ha senso nel contesto, marcare altrimenti come decorativa lasciando l'alt applicato ma vuoto.">
           </figure>
         </div>
       </div>