feat: aggiungi il supporto per il plugin @tailwindcss/typography e aggiorna i file di configurazione

Author: aborruso

package-lock.json

@@ -13,6 +13,7 @@
     "@astrojs/react": "^4.3.0",
     "@astrojs/tailwind": "^6.0.2",
     "@heroicons/react": "^2.2.0",
+    "@tailwindcss/typography": "^0.5.16",
     "@types/react": "^19.1.8",
     "@types/react-dom": "^19.1.6",
     "astro": "^5.11.0",

package.json

@@ -16,7 +16,7 @@ La democrazia non si esercita solo durante le elezioni. **I referendum e le iniz
 ## Come funziona il sito?
 
 ### 🔍 **Esplora le iniziative**
-Naviga tra tutte le iniziative attive, filtra per categoria (ambiente, salute, diritti, economia...) e trova quelle che ti interessano di più.
+Naviga tra [tutte le iniziative attive](/?stato=IN+RACCOLTA+FIRME), filtra per categoria (ambiente, salute, diritti, economia...) e trova quelle che ti interessano di più.
 
 ### 📊 **Informazioni complete**
 Per ogni iniziativa trovi:

src/content/info.md

@@ -26,8 +26,8 @@ const description = "Scopri come funziona questo sito e perché è importante pa
 
     <!-- Main Content -->
     <main class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
-      <div class="bg-white rounded-lg shadow-sm border border-gray-200 p-8">
-        <article class="prose prose-gray max-w-none prose-headings:text-gray-900 prose-h1:text-3xl prose-h1:font-bold prose-h1:mb-6 prose-h2:text-2xl prose-h2:font-bold prose-h2:mb-4 prose-h2:mt-8 prose-h3:text-xl prose-h3:font-semibold prose-h3:mb-3 prose-h3:mt-6 prose-p:text-gray-700 prose-p:leading-relaxed prose-p:mb-4 prose-strong:font-semibold prose-strong:text-gray-900 prose-ul:my-4 prose-li:mb-2">
+      <div class="bg-white rounded-lg shadow-sm border border-gray-200 p-6 sm:p-8">
+        <article class="prose prose-lg prose-gray max-w-none prose-headings:text-gray-900 prose-h1:text-3xl prose-h1:font-bold prose-h1:mb-6 prose-h1:mt-0 prose-h2:text-2xl prose-h2:font-bold prose-h2:mb-4 prose-h2:mt-8 prose-h3:text-xl prose-h3:font-semibold prose-h3:mb-3 prose-h3:mt-6 prose-p:text-gray-700 prose-p:leading-relaxed prose-strong:font-semibold prose-strong:text-gray-900 prose-ul:my-4 prose-li:mb-2 prose-a:text-blue-600 prose-a:hover:text-blue-700">
           <InfoContent />
         </article>
       </div>

src/pages/info.astro

@@ -23,19 +23,3 @@
   -webkit-box-orient: vertical;
   overflow: hidden;
 }
-
-/* Prose styling for long text */
-.prose {
-  color: #374151;
-  max-width: 65ch;
-}
-
-.prose p {
-  margin-top: 1.25em;
-  margin-bottom: 1.25em;
-}
-
-.prose strong {
-  color: #111827;
-  font-weight: 600;
-}

src/styles/global.css

@@ -4,5 +4,7 @@ export default {
   theme: {
     extend: {},
   },
-  plugins: [],
+  plugins: [
+    require('@tailwindcss/typography'),
+  ],
 }