Nessun oggetto della modifica
Nessun oggetto della modifica
Riga 3: Riga 3:
<style>
<style>
/* =========================================================
/* =========================================================
   FULLSCREEN HERO (solo questa pagina)
   FULLSCREEN HERO (solo questa pagina) — STABILE
   ========================================================= */
   ========================================================= */


/* nasconde titolo MediaWiki sopra (solo su questa pagina) */
/* Nasconde intestazioni MW (solo qui) */
#firstHeading, #siteSub, #contentSub { display:none !important; }
#firstHeading, #siteSub, #contentSub { display:none !important; }


/* full-bleed 100vw */
/* Full-bleed 100vw dentro i wrapper MediaWiki */
.mp-fullhero{
.mp-fullhero{
   position: relative;
   position: relative;
Riga 20: Riga 20:
}
}


/* neutralizza wrapper MW */
/* Neutralizza wrapper MW */
.mp-fullhero .homepage-layout,
.mp-fullhero .homepage-layout,
.mp-fullhero .hero-header{
.mp-fullhero .hero-header{
Riga 28: Riga 28:
}
}


/* HERO a tutto schermo */
/* HERO full screen */
.mp-fullhero .hero-header{
.mp-fullhero .hero-header{
   min-height: 100vh;
   min-height: 100vh;
   border-radius: 0 !important;
   border-radius: 0 !important;
   position: relative;
   position: relative;
}
   overflow: hidden;
 
/* elimina “fasce bianche” tipiche da template/container */
.mp-fullhero .no-border-container,
.mp-fullhero .homepage-cta,
.mp-fullhero .homepage-cta-container,
.mp-fullhero .hero-cta-container,
.mp-fullhero .hero-actions,
.mp-fullhero .hero-actions-row{
   background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
 
/* contenitore CTA centrato */
.mp-fullhero .no-border-container{
  padding: 0 !important;
  margin: 0 auto !important;
  max-width: 1200px;
}
}


Riga 62: Riga 44:
   text-align: right;
   text-align: right;
   padding-right: 170px;
   padding-right: 170px;
  position: relative;
  z-index: 5;
}
}


Riga 85: Riga 69:
   position: relative !important;
   position: relative !important;
   top: 50px !important;
   top: 50px !important;
  color: rgba(255,255,255,.92);
}
}


Riga 91: Riga 76:
.hero-psi img{ vertical-align: middle; }
.hero-psi img{ vertical-align: middle; }


/* titolo Masticationpedia centrato */
/* Titolo centrato */
.hero-title{
.hero-title{
   position: absolute !important;
   position: absolute !important;
   left: 50% !important;
   left: 50% !important;
   top: 300px !important;
   top: 260px !important;
   transform: translateX(-50%) !important;
   transform: translateX(-50%) !important;
   text-align: center !important;
   text-align: center !important;
   margin: 0 !important;
   margin: 0 !important;
   z-index: 3;
   z-index: 6;
   font-size: 44px;
   font-size: 44px;
   color: #fff;             /* <-- IMPORTANTISSIMO: su sfondo blu */
   color: #fff !important;
   text-shadow: 0 2px 12px rgba(0,0,0,.35);
   text-shadow: 0 2px 12px rgba(0,0,0,.35);
  pointer-events: none;
}
}


/* ---------------------------------------------------------
/* ---------------------------------------------------------
   BLOCCO CTA: lo mettiamo al centro hero con un “pannello”
   Centro HERO: icone + CTA (hard-coded, sempre visibile)
  (se non lo vuoi, te lo tolgo dopo: ma così è stabile)
   --------------------------------------------------------- */
   --------------------------------------------------------- */
.mp-hero-center{
.mp-hero-center{
Riga 114: Riga 99:
   top: 58%;
   top: 58%;
   transform: translate(-50%,-50%);
   transform: translate(-50%,-50%);
   z-index: 4;
   z-index: 7;
   width: min(900px, 92vw);
   width: min(900px, 92vw);
   text-align: center;
   text-align: center;
}
}


/* se vuoi nessun box bianco, metti background:transparent */
.mp-hero-center-inner{
.mp-hero-center-inner{
   background: rgba(255,255,255,0.06);
   background: rgba(255,255,255,0.06);
Riga 129: Riga 113:
}
}


/* spazio tra icone e CTA */
/* Icons wrapper */
.mp-hero-center .mp-icons{ margin: 0 auto 12px auto; }
.mp-icons{
  margin: 0 auto 12px auto;
}
 
/* CTA button */
.mp-cta-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:16px 28px;
  border-radius:999px;
  background:#1976b8;
  color:#fff !important;
  font-size:15px;
  font-weight:700;
  text-decoration:none !important;
  box-shadow:0 10px 26px rgba(0,0,0,.22);
  border:1px solid rgba(255,255,255,.18);
  min-width:280px;
}
 
.mp-cta-sub{
  margin:10px auto 0;
  font-size:12px;
  color:rgba(255,255,255,.88);
  max-width:560px;
  line-height:1.35;
}


/* mobile */
/* ---------------------------------------------------------
  Mobile
  --------------------------------------------------------- */
@media (max-width: 768px){
@media (max-width: 768px){
   .hero-subtitle-block{
   .hero-subtitle-block{
Riga 138: Riga 152:
     padding-right: 0;
     padding-right: 0;
   }
   }
   .hero-psi{ font-size: 26px; }
   .hero-psi{ font-size: 26px; top: 38px !important; left: 0 !important; }
   .hero-tagline{
   .hero-tagline{
     font-size: 16px;
     font-size: 16px;
Riga 146: Riga 160:
   }
   }
   .hero-title{
   .hero-title{
     top: 220px !important;
     top: 210px !important;
     font-size: 34px;
     font-size: 34px;
   }
   }
   .mp-hero-center{ top: 62%; }
   .mp-hero-center{ top: 64%; }
}
}
</style>
</style>
Riga 158: Riga 172:
     <div class="hero-header">
     <div class="hero-header">


       <!-- ✅ MENU HAMBURGER DESKTOP -->
       <!-- ✅ MENU HAMBURGER DESKTOP (usa il tuo CSS già presente in Common) -->
       <div class="hero-hamburger">
       <div class="hero-hamburger">
         <div class="hamburger-icon">☰</div>
         <div class="hamburger-icon">☰</div>
Riga 184: Riga 198:
       <h1 class="hero-title">Masticationpedia</h1>
       <h1 class="hero-title">Masticationpedia</h1>


       <!-- ✅ ICONE + CTA AL CENTRO HERO -->
       <!-- ✅ Centro: social + CTA (stabile) -->
       <div class="mp-hero-center">
       <div class="mp-hero-center">
         <div class="mp-hero-center-inner">
         <div class="mp-hero-center-inner">
Riga 192: Riga 206:
           </div>
           </div>


           <div class="no-border-container" style="text-align:center;">
           <a class="mp-cta-btn"
             {{HomepageCTA}}
            href="https://staging.masticationpedia.org/oauth/linkedin-login.php">
            🔗 Candidati tramite LinkedIn
          </a>
 
          <div class="mp-cta-sub">
             Accesso tramite LinkedIn per mantenere una comunità scientifica riconoscibile e responsabile.
           </div>
           </div>


Riga 202: Riga 221:
   </div>
   </div>
</div>
</div>
 


<!-- ===================================================== -->
<!-- ===================================================== -->
<!-- CONTENUTO SOTTO (qui incolli tutto il resto)          -->
<!-- CONTENUTO SOTTO                                       -->
<!-- ===================================================== -->
<!-- ===================================================== -->


Riga 215: Riga 230:


<div style="max-width:1200px;margin:0 auto 40px auto;">
<div style="max-width:1200px;margin:0 auto 40px auto;">
   <div style="
   <div style="
     padding:26px;
     padding:26px;
Riga 224: Riga 240:
   ">
   ">


  <div style="font-size:0.85em; letter-spacing:0.08em; text-transform:uppercase; color:#5a6c88; font-weight:600;">
    <div style="font-size:0.85em; letter-spacing:0.08em; text-transform:uppercase; color:#5a6c88; font-weight:600;">
    Network clinico • NeuroGnatologia • Riabilitazione protesica
      Network clinico • NeuroGnatologia • Riabilitazione protesica
  </div>
     </div>
 
= 🧭 1. Cos’è Masticationpedia =
 
Masticationpedia non è un’enciclopedia tradizionale,
né una piattaforma per l’erogazione di contenuti,
né un network professionale.
 
È un '''laboratorio scientifico ed editoriale collaborativo''',
costruito attorno a un obiettivo clinico preciso:
 
'''la costruzione di un criterio diagnostico integrato per la complessità clinica —'''
l’Indice <math>\Psi</math>.'''
 
<!-- … QUI CONTINUA IL TUO TESTO IDENTICO … -->
 
  </div>
</div>
 
</div>
 
 
  <div style="font-size:0.85em; letter-spacing:0.08em; text-transform:uppercase; color:#5a6c88; font-weight:600;">
 
     Network clinico • NeuroGnatologia • Riabilitazione protesica
  </div>


= 🧭 1. Cos’è Masticationpedia =
= 🧭 1. Cos’è Masticationpedia =
Riga 333: Riga 324:
</html>
</html>


</div><!-- /box 1 -->
  </div><!-- /box 1 -->
 
</div><!-- /wrap 1200 -->
</div><!-- /wrap 1200 -->
<!-- ===================================================== -->
<!-- 2. Membri approvati                                  -->
<!-- ===================================================== -->


<div class="mp-readable" style="margin:26px auto 0; max-width:900px; padding:18px 20px; background:#ffffff;
<div class="mp-readable" style="margin:26px auto 0; max-width:900px; padding:18px 20px; background:#ffffff;
Riga 362: Riga 358:
   .mp-scrollbar::-webkit-scrollbar-thumb { background: rgba(0,0,0,.35); border-radius: 999px; }
   .mp-scrollbar::-webkit-scrollbar-thumb { background: rgba(0,0,0,.35); border-radius: 999px; }
   .mp-scrollbar::-webkit-scrollbar-thumb:hover { background: rgba(0,0,0,.50); }
   .mp-scrollbar::-webkit-scrollbar-thumb:hover { background: rgba(0,0,0,.50); }
/* ===================================================== */
/*  FIX: ELIMINA I RETTANGOLI BIANCHI NELLO HERO          */
/*  (solo in questa pagina)                              */
/* ===================================================== */
/* qualunque “box bianco” dentro lo hero deve diventare trasparente */
.mp-hero .no-border-container,
.mp-hero .no-border-container *{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
/* spesso i template mettono padding/margini enormi: li azzeriamo */
.mp-hero .no-border-container{
  padding: 0 !important;
  margin: 12px auto 0 !important;
}
/* alcuni template inseriscono DIV “vuoti” o P con altezze che diventano barre */
.mp-hero p:empty,
.mp-hero div:empty{
  display: none !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}
/* se il rettangolo bianco è un wrapper del tooltip */
.mp-hero .tooltip-wrapper{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
/* se il rettangolo bianco è generato da “hero actions / cta container” */
.mp-hero .hero-actions,
.mp-hero .hero-action,
.mp-hero .hero-action-wrap,
.mp-hero .hero-cta-wrap,
.mp-hero .hero-cta,
.mp-hero .hero-cta-container{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}
</style>
</style>


Riga 494: Riga 437:
</div>
</div>
</html>
</html>
</div><!-- /scroll container -->
</div>


</div><!-- /mp-readable membri -->
</div><!-- /mp-readable membri -->
<!-- ===================================================== -->
<!-- 3. Progetti in corso                                  -->
<!-- ===================================================== -->


<div class="mp-readable" style="margin:26px auto 0; max-width:900px; padding:18px 20px; background:#ffffff;
<div class="mp-readable" style="margin:26px auto 0; max-width:900px; padding:18px 20px; background:#ffffff;
Riga 560: Riga 507:


</div><!-- /mp-readable progetti -->
</div><!-- /mp-readable progetti -->
<!-- /chapter-content -->
 
</div><!-- /chapter-content -->

Versione delle 11:28, 15 gen 2026

Indice Ψ
Un criterio clinico avanzato

Masticationpedia

         <a class="mp-cta-btn"
            href="https://staging.masticationpedia.org/oauth/linkedin-login.php">
           🔗 Candidati tramite LinkedIn
         </a>
           Accesso tramite LinkedIn per mantenere una comunità scientifica riconoscibile e responsabile.


     Network clinico • NeuroGnatologia • Riabilitazione protesica

🧭 1. Cos’è Masticationpedia

Masticationpedia non è un’enciclopedia tradizionale, né una piattaforma per l’erogazione di contenuti, né un network professionale.

È un laboratorio scientifico ed editoriale collaborativo, costruito attorno a un obiettivo clinico preciso:

la costruzione di un criterio diagnostico integrato per la complessità clinica — l’Indice Ψ.

Il progetto nasce da un fallimento clinico noto: molti pazienti hanno sofferto per anni non perché mancassero i dati, ma perché alla medicina mancava un quadro coerente per interpretarli.

Masticationpedia esiste per affrontare questo vuoto.

L’Indice Ψ non è un algoritmo pronto, né un prodotto commerciale. È un modello in costruzione, che prende forma dall’analisi critica dei casi clinici, dal confronto tra discipline e dalla revisione continua del sapere.

Per questo, Masticationpedia non cresce per accumulo, ma per coerenza.

Non semplifica la complessità: la rende leggibile.

🧠 Dall’accesso alla responsabilità  L’open access consente orientamento, non partecipazione.

Quando la complessità clinica aumenta, la sola lettura diventa insufficiente.

La costruzione dell’Indice Ψ richiede:
• tempo,
• rigore metodologico,
• coerenza concettuale,
• e responsabilità condivisa.

Per questo Masticationpedia è organizzata per livelli: la lettura precede la comprensione, la comprensione precede il contributo, e il contributo precede il riconoscimento all’interno del progetto.

Il supporto — intellettuale o economico — non acquista contenuti e non garantisce ruoli.

Sostiene il tempo, l’accesso e la continuità necessari a costruire un criterio clinico che oggi manca.

Se cerchi contenuti, puoi leggere.

Se cerchi scorciatoie, questo non è il posto.

Se sei disposto a confrontarti con l’incertezza clinica,

inizia dal Indice libro.

Masticationpedia non è progettata per crescere in fretta. È progettata per restare coerente.

Il rumore è escluso per progettazione.



🏥 2. Membri approvati


Alcuni membri approvati dai profili LinkedIn che formeranno la Comunità scientifica


🚪 3. Progetti in corso

🧩 I progetti Masticationpedia esistono perché alcuni pazienti hanno sofferto per anni senza una diagnosi, non perché la loro malattia fosse invisibile, ma perché alla medicina mancava il quadro giusto per vederla. Questo non è un problema teorico. È già accaduto.

Masticationpedia non vende contenuti e non offre servizi a pagamento.
Se condividi la necessità di costruire un modello diagnostico capace di leggere la complessità clinica — l’Indice Ψ — puoi contribuire al progetto con una donazione.

La donazione serve a sostenere i costi del lavoro scientifico ed editoriale: tempo di ricerca, revisione dei contenuti, infrastruttura tecnica e continuità del progetto.

Non stai acquistando qualcosa.
Stai rendendo possibile un lavoro che oggi manca.

Se condividi la necessità di costruire un criterio diagnostico integrato (Indice Ψ), puoi sostenere il progetto con una donazione.

Masticationpedia è governata da un Atto di custodia del senso non negoziabile.