/* Elenco App – Stili Costruttivisti */ .elenco-app-wrapper { font-family: ‘IBM Plex Sans’, -apple-system, BlinkMacSystemFont, ‘Segoe UI’, sans-serif; background-color: #FFFFFF; color: #1A1A1A; } .elenco-app-hero { background: linear-gradient(135deg, #E63946 0%, #1A1A1A 50%, #FFD60A 100%); background-size: 400% 400%; animation: gradientShift 15s ease infinite; padding: 3rem 2rem; border-bottom: 8px solid #1A1A1A; position: relative; overflow: hidden; margin-bottom: 0; } @keyframes gradientShift { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } .elenco-app-hero::before { content: ”; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: repeating-linear-gradient( 45deg, transparent, transparent 35px, rgba(255, 255, 255, 0.05) 35px, rgba(255, 255, 255, 0.05) 70px ); pointer-events: none; } .elenco-app-hero-content { max-width: 1200px; margin: 0 auto; position: relative; z-index: 1; padding: 0 1rem; } .elenco-app-hero h1 { font-family: ‘Bebas Neue’, sans-serif; font-size: clamp(2.5rem, 8vw, 5rem); color: #FFFFFF; background-color: #1A1A1A; display: inline-block; padding: 0.5rem 1.5rem; margin-bottom: 1rem; text-shadow: 2px 2px 0px #FFD60A; line-height: 1.2; letter-spacing: 0.05em; text-transform: uppercase; font-weight: 700; } .elenco-app-subtitle { font-family: ‘Bebas Neue’, sans-serif; font-size: clamp(1.5rem, 4vw, 2rem); color: #FFD60A; font-weight: bold; margin-bottom: 1rem; text-shadow: 2px 2px 0px #1A1A1A; letter-spacing: 0.05em; text-transform: uppercase; } .elenco-app-divider { width: 120px; height: 3px; background-color: #E63946; margin-bottom: 1.5rem; } .elenco-app-description { font-size: 1rem; color: #FFFFFF; max-width: 600px; background-color: rgba(26, 26, 26, 0.85); padding: 1rem; display: inline-block; text-shadow: 1px 1px 0px #1A1A1A; line-height: 1.6; } .elenco-app-container { max-width: 1200px; margin: 0 auto; padding: 3rem 2rem; } .elenco-app-search-container { margin-bottom: 2rem; display: flex; gap: 1rem; flex-wrap: wrap; } .elenco-app-search-input { flex: 1; min-width: 200px; padding: 0.75rem 1rem; border: 2px solid #1A1A1A; font-family: ‘IBM Plex Sans’, sans-serif; font-size: 1rem; transition: all 0.2s ease-out; } .elenco-app-search-input:focus { outline: none; background-color: #FFD60A; border-color: #E63946; } .elenco-app-button { padding: 0.75rem 1.5rem; background-color: #E63946; color: #FFFFFF; border: 2px solid #E63946; font-family: ‘Bebas Neue’, sans-serif; font-size: 1rem; font-weight: bold; cursor: pointer; transition: all 0.2s ease-out; letter-spacing: 0.05em; text-transform: uppercase; } .elenco-app-button:hover { background-color: #1A1A1A; border-color: #1A1A1A; } .elenco-app-button:active { transform: scale(0.97); } .elenco-app-counter { font-size: 0.9rem; color: #666666; margin-bottom: 1rem; font-weight: 500; } .elenco-app-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 1.5rem; margin-bottom: 3rem; } @media (min-width: 768px) { .elenco-app-grid { grid-template-columns: repeat(2, 1fr); } } @media (min-width: 1024px) { .elenco-app-grid { grid-template-columns: repeat(4, 1fr); } } .elenco-app-card { border: 2px solid #1A1A1A; padding: 1rem; background-color: #FFFFFF; cursor: pointer; transition: all 0.2s ease-out; display: flex; align-items: flex-start; gap: 0.75rem; position: relative; overflow: hidden; } .elenco-app-card::before { content: ”; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #E63946; transform: scaleX(0); transform-origin: left; transition: transform 0.2s ease-out; z-index: -1; } .elenco-app-card:hover::before { transform: scaleX(1); } .elenco-app-card:hover { transform: scale(1.05); box-shadow: 0 8px 16px rgba(230, 57, 70, 0.3); border-color: #E63946; } .elenco-app-card:hover .elenco-app-name { color: #FFFFFF; } .elenco-app-card:hover .elenco-app-dot { background-color: #FFFFFF; transform: scale(1.5); } .elenco-app-dot { flex-shrink: 0; width: 8px; height: 8px; background-color: #1A1A1A; margin-top: 0.35rem; transition: all 0.2s ease-out; } .elenco-app-name { font-size: 0.9rem; font-weight: 500; line-height: 1.4; word-break: break-word; transition: color 0.2s ease-out; color: #1A1A1A; } .elenco-app-footer { background-color: #1A1A1A; color: #FFFFFF; padding: 3rem 2rem; border-top: 8px solid #1A1A1A; position: relative; text-align: center; margin-top: 0; } .elenco-app-footer::before { content: ”; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(230, 57, 70, 0.1) 35px, rgba(230, 57, 70, 0.1) 70px), repeating-linear-gradient(-45deg, transparent, transparent 35px, rgba(255, 214, 10, 0.1) 35px, rgba(255, 214, 10, 0.1) 70px); pointer-events: none; } .elenco-app-footer-content { position: relative; z-index: 1; } .elenco-app-footer h3 { font-family: ‘Bebas Neue’, sans-serif; font-size: 1.5rem; margin-bottom: 0.5rem; letter-spacing: 0.1em; text-transform: uppercase; font-weight: 700; } .elenco-app-footer p { font-size: 0.9rem; opacity: 0.8; } @keyframes fadeInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } .elenco-app-card { animation: fadeInUp 0.6s ease-out backwards; } // Elenco App – Script WordPress (function() { const apps = [ “2DecolonizzareRacconti.html”, “2Palestra_Di_Scrittura_93.html”, “AdattatoreUniversale.html”, “AgendaTutor.html”, “Agire_La_Lettura.html”, “analizzatore.html”, “AnalizzatoreLessicalePlus.html”, “AnalizzatoreTono.html”, “AnalizzatoreVdB.html”, “AnalizzatoreVdB_DEBUG_v4.html”, “AnalizzatoreVdB_FINAL_v3.html”, “AnalizzatoreVdB_v2.html”, “AnalizzatoreVdB_v5.html”, “AntiBabbioniPlus.html”, “app_generata_conviviale(4).html”, “App_Universale_Plus.html”, “AppUniversaleFarmaci.html”, “AppUniversali.html”, “ArchieGoodwin.html”, “ArchivioBloatEngine.html”, “Assistente Socratico (Brainstorming).html”, “Autopsia_Informazione.html”, “BaseDiConoscenza.html”, “CacciaviteDigitale.html”, “CambiaStile.html”, “CapitalismoDetector.html”, “cassettiera_digitale.html”, “CassettoDigitale.html”, “ChangerSentiment.html”, “ClicheDetector_Universal.html”, “CodiceConvivialePlus – Copia.html”, “CodiceConvivialePlus.html”, “CodiceConvivialeUltra.html”, “Concettualizzatore.html”, “ConcettualizzatoreJr.html”, “ConcettualizzatoreVdB1.html”, “ConcettualizzatoreVdBAll.html”, “Conversare_con_babbio – Copia.html”, “Conversare_con_babbio.html”, “CyranoPensionato.html”, “Deburocratizzatore.html”, “DecolonialStoryTeller.html”, “DecolonialStoryTeller_EN.html”, “DecolonizzareRacconti.html”, “DeepResearcherPlus.html”, “DellaCasa_Atelier.html”, “DetectiveImmagine.html”, “DetectiveImmagineUniversale.html”, “DetectiveTesto.html”, “DetectiveVideo.html”, “DiagnosticaOllama.html”, “DocenTeAI_Plus.html”, “EN_CapitalismoDetector.html”, “EN_DecolonialStoryTeller.html”, “EN_HyperAvventura.html”, “EN_HyperFIABA.html”, “FabbricaDiPipponi.html”, “FacilitatoreDigitale.html”, “FiabaPropp.html”, “ForDummies.html”, “Generatore_Prompt_MappePlus.html”, “GeneratoreEserciziVdB.html”, “GeneratorePromptImmaginiPlus.html”, “GeneratorePromptVideoBrevi.html”, “Gioco_Di_Socrate.html”, “guida.html”, “hyper_romance_plus.html”, “HyperAvventura.html”, “HyperFIABA.html”, “HyperInfographics.html”, “HyperPacifistWriter_EN.html”, “HyperPacifistWriter_IT.html”, “HyperSOCIALSTORY.html”, “HyperSOCIALSTORY_EN.html”, “I magnifici_7.html”, “Il Prompt Perfetto (Manipolazione condotta).html”, “Il Revisore Strutturale (Feedback e Critica).html”, “ImagePromptGen.html”, “Infografica_Officina_Mappe.html”, “Intertesto.html”, “JokeWriter.html”, “L’IA sbaglia (Correzione e Fact-checking).html”, “laboratorio_scrittura.html”, “LLMWiki.html”, “LlmWikiForDummies.html”, “MaccheroniLatini.html”, “MappaSaggioPlus.html”, “maranza.html”, “MermaidEditor.html”, “MermaidEditor_Local.html”, “MetaAppUniversale.html”, “MetaLettriceMultimodale.html”, “MetaLettriceOutputMultimodale.html”, “MindWrite Jr.html”, “MindWrite Sr.html”, “MindWrite.html”, “MindWriteUltra.html”, “MiniParaPoetica.html”, “minipoetica.html”, “Miscellanea_Ollama.html”, “NotebookLM_Locale.html”, “ollama-wp-cloud.html”, “ollama-wp.html”, “OllamaHub.html”, “PacificatoreDiscorsi.html”, “Palestra_Di_Scrittura_93.html”, “pignolerIA.html”, “PlainLanguage.html”, “Poetificatore.html”, “PortaleApps.html”, “Pubblico_Ministero.html”, “QueerSideStory.html”, “QueerSideStory_EN.html”, “QueerSideStory_IT.html”, “Regista_Illustrazioni_StoriePlus.html”, “RevisoreAccademicoPlus.html”, “RiempitivoAI.html”, “RiscrittoreInclusivo.html”, “RococOnanista.html”, “SarcasticWriter.html”, “schema_transformer.html”, “Schemi_Teoria_Guastavigna.html”, “Scriba_Ollama.html”, “ScritturaAccademica_Plus.html”, “ScritturaAccademica_UniversalePlus.html”, “ScritturaAnalitica.html”, “ScritturaAnalitica_6Fasi.html”, “ScritturaAssistitaTrasparentePlus.html”, “ScritturaControllata.html”, “ScriviConOllama.html”, “SintesiVanDijk.html”, “sintonizzatore.html”, “SlideStory Multimodale (Storie IA).html”, “SocratesRoom.html”, “StorieAccoglienti.html”, “StorieAccoglienti_EN.html”, “studenti_liceali.html”, “Super_Word_Processor.html”, “SuperAnalizzatore.html”, “SupportoStudentePlus.html”, “Tast&Testi.html”, “TextGrabber.html”, “TextTransformerPlus+.html”, “TextTransformerPlus.bak.html”, “TextTransformerPlus.html”, “TextWiller.html”, “TR_GeneratorePromptImmagini.html”, “TR_ImagePromptGen.html”, “TutorColloquio.html”, “Valutazione_Formativa.html”, “Valutazione_Scolastica_Plus.html”, “Variazioni Stilistiche Assistite.html”, “verbalizzatore.html”, “WebAppDidattica.html”, “WordProcessorMinimale.html”, “WordProf_Reborn.html”, “wp-sentiment.html”, “wp-spiega5.html”, “wp.html”, “wpopen.html”, “wp_code.html” ]; function renderApps(filteredApps = apps) { const grid = document.getElementById(‘elencoAppGrid’); if (!grid) return; grid.innerHTML = ”; filteredApps.forEach((app, index) => { const card = document.createElement(‘div’); card.className = ‘elenco-app-card’; card.style.animationDelay = (index * 0.05) + ‘s’; card.innerHTML = ` `; grid.appendChild(card); }); const counter = document.getElementById(‘elencoAppCounter’); if (counter) counter.textContent = filteredApps.length; } const searchInput = document.getElementById(‘elencoAppSearch’); if (searchInput) { searchInput.addEventListener(‘input’, (e) => { const query = e.target.value.toLowerCase(); const filtered = apps.filter(app => app.toLowerCase().includes(query)); renderApps(filtered); }); } // Initial render renderApps(); })(); // Funzione globale per ripristinare la ricerca function elencoAppReset() { const searchInput = document.getElementById(‘elencoAppSearch’); if (searchInput) { searchInput.value = ”; searchInput.dispatchEvent(new Event(‘input’)); } }