Nessun oggetto della modifica
Nessun oggetto della modifica
Riga 4: Riga 4:
<style>
<style>
/* ===================================================== */
/* ===================================================== */
/*  HOME HERO FULL SCREEN (solo questa pagina)        */
/*  FULLSCREEN HERO STABILE LOGGATO / NON LOGGATO     */
/*  Obiettivo: pagina identica, hero a tutto schermo     */
/* ===================================================== */
/* ===================================================== */


/* Porta il layout a tutta pagina anche con la skin */
/* Questo è il trucco: esci dal contenitore centrale MW */
.homepage-layout{
.mp-fullbleed{
   max-width: none !important;
   position: relative;
   width: 100vw !important;
  left: 50%;
   margin-left: calc(50% - 50vw) !important;
   right: 50%;
   margin-right: calc(50% - 50vw) !important;
   margin-left: -50vw;
   padding: 0 !important;
   margin-right: -50vw;
   width: 100vw;
}
}


/* HERO a piena larghezza e “quasi” pieno schermo */
/* HERO area */
.hero-header{
.mp-hero{
   position: relative !important;
   position: relative;
   width: 100% !important;
   min-height: 78vh;          /* altezza hero: manopola */
   max-width: none !important;
  padding: 34px 0 34px;      /* aria sopra/sotto */
  overflow: hidden;
}
 
/* Se vuoi HERO a “tutto schermo” vero (100vh), metti 100vh */
@media (min-width: 900px){
  .mp-hero{
    min-height: 92vh;       /* manopola: 85–100 */
  }
}
 
/* Contenuto interno centrato, ma su sfondo full width */
.mp-hero-inner{
   max-width: 1200px;         /* manopola: 1100–1300 */
  margin: 0 auto;
  padding: 0 22px;
  position: relative;
  z-index: 2;
}


   min-height: 88vh !important; /* MANOPOLA: 80–95 */
/* Se il tuo hero-header ha già bg/immagine via CSS globale, ok.
   border-radius: 0 !important;
  Se invece vuoi forzare un background immagine qui, scommenta e metti URL.
   box-shadow: none !important;
*/
   overflow: hidden !important;
/*
.mp-hero::before{
   content:"";
  position:absolute;
   inset:0;
   background: url('/wiki/Special:FilePath/TUA_IMMAGINE_HERO.jpg') center/cover no-repeat;
  z-index:0;
   filter: saturate(1.05);
}
}
*/


/* Se la tua hero è dentro una “card” con bordo/ombra, la annulliamo */
/* Velo leggero per eleganza (opzionale) */
.no-border-container{
.mp-hero::after{
   background: transparent !important;
   content:"";
   border: none !important;
   position:absolute;
   box-shadow: none !important;
   inset:0;
   max-width: 1180px !important;
   background: radial-gradient(900px 520px at 20% 20%, rgba(255,255,255,0.08), rgba(255,255,255,0.0) 60%),
  margin: 0 auto !important;
              radial-gradient(900px 650px at 80% 70%, rgba(0,0,0,0.10), rgba(0,0,0,0.0) 60%);
   padding-top: 10px !important;
   z-index: 1;
   text-align: center !important;
   pointer-events:none;
}
}


/* ===================================================== */
/* ===================================================== */
/*  Posizionamenti HERO (Indice Ψ + Masticationpedia)    */
/*  BLOCCO “Indice Ψ + tagline” vicino al “sole”        */
/* ===================================================== */
/* ===================================================== */
.hero-subtitle-block{
.hero-subtitle-block{
   margin: 18px auto 0;
   margin: 18px auto 0;
   max-width: 1180px;
   max-width: 1100px;
   text-align: right;
   text-align: right;
   padding-right: 170px;   /* MANOPOLA: 110–190 */
   padding-right: 170px;     /* manopola: 110–200 */
  position: relative;
  z-index: 3;
}
}


/* Index Ψ */
.hero-psi{
.hero-psi{
   font-size: 30px;
   font-size: 30px;
Riga 59: Riga 85:
   color: #C9A24D;
   color: #C9A24D;
   margin: 0;
   margin: 0;
 
   position: relative;
   position: relative !important;
   left: 10px;               /* manopola */
   left: 10px !important;
   top: 60px;               /* manopola */
   top: 60px !important;
}
}


/* tagline */
.hero-tagline{
.hero-tagline{
   font-size: 18px;
   font-size: 18px;
Riga 72: Riga 96:
   opacity: 0.92;
   opacity: 0.92;
   margin: 6px 0 0 0;
   margin: 6px 0 0 0;
  transform: translateY(10px);
   position: relative;
}
   top: 50px;               /* manopola */
.hero-subtitle-block .hero-tagline{
   color: rgba(255,255,255,0.90);
   position: relative !important;
   top: 50px !important;
   outline: none !important;
}
}


Riga 84: Riga 105:
.hero-psi img{ vertical-align: middle; }
.hero-psi img{ vertical-align: middle; }


/* Titolo centrato sullo hero */
/* Titolo Masticationpedia centrato sopra l’immagine */
.hero-title{
.hero-title{
  position: absolute !important;
   text-align: center;
  left: 50% !important;
   margin: 0;
  top: 42% !important;            /* MANOPOLA: 38–48 */
  transform: translateX(-50%) !important;
   text-align: center !important;
   margin: 0 !important;
  z-index: 3;
   font-size: 44px;
   font-size: 44px;
  color: #ffffff;
  text-shadow: 0 10px 26px rgba(0,0,0,0.35);
}
}


/* ===================================================== */
/* CTA area centrata */
/* Mobile                                                 */
.mp-hero-cta{
/* ===================================================== */
  margin-top: 18px;
  display: flex;
  justify-content: center;
}
 
/* Mobile */
@media (max-width: 768px){
@media (max-width: 768px){
  .hero-header{ min-height: 72vh !important; }
   .hero-subtitle-block{
   .hero-subtitle-block{
     text-align: center;
     text-align: center;
     padding-right: 0;
     padding-right: 0;
   }
   }
   .hero-psi{
   .hero-psi{ font-size: 26px; left:0; top:0; }
    font-size: 26px;
  .hero-tagline{ font-size: 16px; top:0; }
    top: 18px !important;
   .mp-hero{ min-height: 70vh; }
    left: 0 !important;
}
   }
 
   .hero-tagline{
/* ===================================================== */
    font-size: 16px;
/*  MENU HAMBURGER — posizione “maestosa” a destra        */
    transform: none;
/*  (usa le tue classi già definite nel CSS della home)  */
    top: 0 !important;
/* ===================================================== */
   }
.hero-hamburger{
   .hero-title{
  position: absolute;
    top: 46% !important;
   top: 26px;
    font-size: 38px;
  right: 26px;
   }
  z-index: 50;
}
 
/* Se per caso su questa pagina non prende il CSS globale,
  metto una mini-fallback SOLO estetica base (non distruttiva).
  Se già funziona, lasciala: non rovina. */
.hero-hamburger .hamburger-icon{
  width: 38px;
  height: 38px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius: 10px;
  background: rgba(0,0,0,0.30);
  color:#fff;
  border: 1px solid rgba(255,255,255,0.18);
  cursor:pointer;
  user-select:none;
}
 
.hero-hamburger-menu{
  margin-top: 10px;
  background: rgba(0,0,0,0.28);
  border: 1px solid rgba(255,255,255,0.15);
  border-radius: 12px;
  backdrop-filter: blur(6px);
  padding: 10px;
   min-width: 180px;
  display:none;            /* si apre con il tuo JS/CSS globale */
}
 
/* fallback: apri on hover (solo se manca lo script globale) */
.hero-hamburger:hover .hero-hamburger-menu{
   display:block;
}
 
.hero-hamburger-menu ul{
  list-style:none;
  padding:0;
  margin:0;
}
.hero-hamburger-menu li{
  padding: 8px 10px;
  border-radius: 10px;
  color:#fff;
  font-size: 13px;
}
.hero-hamburger-menu li:hover{
   background: rgba(255,255,255,0.10);
}
}


/* ===================================================== */
/* ===================================================== */
/*  Tooltip stabile a click (se vuoi usarlo)             */
/*  TOOLTIP (se ti serve dopo)                           */
/* ===================================================== */
/* ===================================================== */
.mp-tip-toggle { display: none; }
.mp-tip-toggle{ display:none; }
.mp-tip-label { cursor: pointer; position: relative; }
.mp-tip-label{ cursor:pointer; position:relative; }
.mp-tip-box{
.mp-tip-box{
   display:none;
   display:none;
Riga 148: Riga 218:
</html>
</html>


<div class="homepage-layout">
<!-- ===================================================== -->
   <div class="hero-header" style="position: relative;">
<!-- HERO FULLSCREEN (FULL BLEED)                          -->
<!-- ===================================================== -->
<div class="mp-fullbleed">
   <div class="mp-hero hero-header">


     <!-- ✅ MENU HAMBURGER DESKTOP (come Home) -->
     <!-- ✅ MENU HAMBURGER DESKTOP (stile home) -->
     <div class="hero-hamburger">
     <div class="hero-hamburger">
       <div class="hamburger-icon">☰</div>
       <div class="hamburger-icon">☰</div>
       <div id="heroMenu" class="hero-hamburger-menu">
       <div id="heroMenu" class="hero-hamburger-menu">
         <ul>
         <ul>
Riga 169: Riga 241:
     </div>
     </div>


     <!-- Indice Ψ + tagline + Titolo -->
     <div class="mp-hero-inner">
    <div class="hero-subtitle-block">
 
      <div class="hero-psi">Indice <math>\Psi</math></div>
      <!-- Indice Ψ vicino al “sole” -->
      <div class="hero-tagline">Un criterio clinico avanzato</div>
      <div class="hero-subtitle-block">
        <div class="hero-psi">Indice <math>\Psi</math></div>
        <div class="hero-tagline">Un criterio clinico avanzato</div>
      </div>


      <!-- Titolo centrale -->
       <h1 class="hero-title">Masticationpedia</h1>
       <h1 class="hero-title">Masticationpedia</h1>
    </div>


    <!-- Contenuto hero (icone + CTA + pulsante LinkedIn) -->
      <!-- Social + CTA (come in home) -->
    <div class="no-border-container" style="text-align:center;">
      <div class="no-border-container" style="text-align:center; margin-top: 10px;">
        {{HeroSocialIcons}}
        {{HomepageCTA}}
      </div>
 
      <!-- Bottone LinkedIn (come lo avevi) -->
      <div class="mp-hero-cta">
        {{#tag:html|
        <div class="tooltip-wrapper">
          <a class="hero-cta-button tooltip-trigger-expert"
            href="https://staging.masticationpedia.org/oauth/linkedin-login.php">
              <span class="hero-action__icon hero-action__icon--linkedin"></span>
              <span class="hero-action__label">Candidati tramite LinkedIn</span>
          </a>
 
          <div class="tooltip-content-expert">
            <strong>Candidati tramite LinkedIn</strong><br>
            Accedi con il tuo profilo LinkedIn per creare e attivare subito
            il tuo account su Masticationpedia.<br><br>
 
            L’identificazione tramite LinkedIn serve a mantenere
            una comunità scientifica riconoscibile, responsabile e coerente
            con la natura del progetto.<br><br>
 
            Dopo il login potrai consultare i contenuti riservati
            utilizzando la tua sessione MediaWiki
            (oppure rientrando dallo stesso accesso LinkedIn).<br><br>


      {{HeroSocialIcons}}
            L’accesso non è legato a donazioni né a forme di sostegno economico.
          </div>
        </div>
        }}
      </div>


      {{HomepageCTA}}
    </div>
  </div>
</div>


      {{#tag:html|
<!-- ===================================================== -->
      <div class="tooltip-wrapper">
<!-- CONTENUTO SOTTO (qui incolli tutto il resto)          -->
<!-- ===================================================== -->


        <a class="hero-cta-button tooltip-trigger-expert"
<div class="chapter-content">
          href="https://staging.masticationpedia.org/oauth/linkedin-login.php">
<span id="masticationpedia"></span>
            <span class="hero-action__icon hero-action__icon--linkedin"></span>
            <span class="hero-action__label">Candidati tramite LinkedIn</span>
        </a>


        <div class="tooltip-content-expert">
<div style="max-width:1200px;margin:0 auto 40px auto;">
          <strong>Candidati tramite LinkedIn</strong><br>
  <div style="
          Accedi con il tuo profilo LinkedIn per creare e attivare subito
    padding:26px;
          il tuo account su Masticationpedia.<br><br>
    background:linear-gradient(135deg,#eef3fb 0%,#f5fbff 40%,#f9fffb 100%);
    border-radius:16px;
    border:1px solid #dde5f1;
    box-shadow:0 6px 18px rgba(0,0,0,0.04);
    margin-top:10px;
  ">


          L’identificazione tramite LinkedIn serve a mantenere
  <div style="font-size:0.85em; letter-spacing:0.08em; text-transform:uppercase; color:#5a6c88; font-weight:600;">
          una comunità scientifica riconoscibile, responsabile e coerente
    Network clinico • NeuroGnatologia • Riabilitazione protesica
          con la natura del progetto.<br><br>
  </div>


          Dopo il login potrai consultare i contenuti riservati
= 🧭 1. Cos’è Masticationpedia =
          utilizzando la tua sessione MediaWiki
          (oppure rientrando dallo stesso accesso LinkedIn).<br><br>


          L’accesso non è legato a donazioni a forme di sostegno economico.
Masticationpedia non è un’enciclopedia tradizionale,
        </div>
una piattaforma per l’erogazione di contenuti,
né un network professionale.


      </div>
È un '''laboratorio scientifico ed editoriale collaborativo''',
      }}
costruito attorno a un obiettivo clinico preciso:


    </div><!-- /no-border-container -->
'''la costruzione di un criterio diagnostico integrato per la complessità clinica —'''
l’Indice <math>\Psi</math>.'''


  </div><!-- /hero-header -->
<!-- … QUI CONTINUA IL TUO TESTO IDENTICO … -->
</div><!-- /homepage-layout -->


<div class="chapter-content">
  </div>
</div>


<span id="masticationpedia"></span>
</div>
<div style="max-width:1200px;margin:0 auto 40px auto;">


<div style="
  padding:26px;
  background:linear-gradient(135deg,#eef3fb 0%,#f5fbff 40%,#f9fffb 100%);
  border-radius:16px;
  border:1px solid #dde5f1;
  box-shadow:0 6px 18px rgba(0,0,0,0.04);
  margin-top:10px;
">


   <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>

Versione delle 09:29, 15 gen 2026


Indice Ψ
Un criterio clinico avanzato

Masticationpedia

       
        
Candidati tramite LinkedIn
Candidati tramite LinkedIn
Accedi con il tuo profilo LinkedIn per creare e attivare subito il tuo account su Masticationpedia.

L’identificazione tramite LinkedIn serve a mantenere una comunità scientifica riconoscibile, responsabile e coerente con la natura del progetto.

Dopo il login potrai consultare i contenuti riservati utilizzando la tua sessione MediaWiki (oppure rientrando dallo stesso accesso LinkedIn).

L’accesso non è legato a donazioni né a forme di sostegno economico.


   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 Ψ.



   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.