Masticationpedia

Pagina Principale test: differenze tra le versioni

← Differenza precedenteDifferenza successiva →
VisualeWikitesto
Nessun oggetto della modifica
Nessun oggetto della modifica
Riga 1: Riga 1:
__NOTOC__
__NOTOC__
<html>
<html>
<style>
<style>
/* ===================================================== */
/* =========================================================
/*  FULLSCREEN HERO — STABILE LOGGATO / NON LOGGATO      */
  FULLSCREEN HERO (solo questa pagina)
/* ===================================================== */
  - 100vw: esce dai limiti MediaWiki
  - 100vh: prende tutto lo schermo
  - stabilizza loggato/non-loggato
  ========================================================= */


/* Questo è il trucco: esci dal contenitore centrale MW */
/* nasconde titolo MediaWiki sopra (solo su questa pagina) */
.mp-fullbleed{
#firstHeading, #siteSub, #contentSub { display:none !important; }
 
/* il “trucco” full-bleed: porta il blocco a 100vw anche dentro mw-body */
.mp-fullhero{
   position: relative;
   position: relative;
  width: 100vw;
   left: 50%;
   left: 50%;
   right: 50%;
   right: 50%;
   margin-left: -50vw;
   margin-left: -50vw;
   margin-right: -50vw;
   margin-right: -50vw;
   width: 100vw;
   padding: 0;
}
}


/* HERO area */
/* evita che qualche wrapper aggiunga margini/padding */
.mp-hero{
.mp-fullhero .homepage-layout,
   position: relative;
.mp-fullhero .hero-header{
   min-height: 78vh;         /* altezza hero: manopola */
   max-width: none !important;
   padding: 34px 0 34px;      /* aria sopra/sotto */
   margin: 0 !important;
  overflow: hidden;
   padding: 0 !important;
}
}


/* Se vuoi HERO a “tutto schermo” vero (100vh), metti 100vh */
/* HERO a tutto schermo */
@media (min-width: 900px){
.mp-fullhero .hero-header{
  .mp-hero{
  min-height: 100vh;
    min-height: 92vh;       /* manopola: 85–100 */
  display: block;
   }
   border-radius: 0 !important;
}
}


/* Contenuto interno centrato, ma su sfondo full width */
/* se la tua hero (in Common.css) ha già background, qui non tocchiamo nulla.
.mp-hero-inner{
  Se invece vuoi forzare un'immagine, dimmelo e te lo scrivo qui. */
  max-width: 1200px;        /* manopola: 1100–1300 */
  margin: 0 auto;
  padding: 0 22px;
  position: relative;
  z-index: 2;
}


/* Se il tuo hero-header ha già bg/immagine via CSS globale, ok.
/* ---------------------------------------------------------
   Se invece vuoi forzare un background immagine qui, scommenta e metti URL.
  Fix “riquadri bianchi” che appaiono da non loggato
*/
   (neutralizziamo i contenitori interni che spesso hanno background)
/*
  --------------------------------------------------------- */
.mp-hero::before{
.mp-fullhero .no-border-container,
  content:"";
.mp-fullhero .homepage-cta,
  position:absolute;
.mp-fullhero .homepage-cta-container,
  inset:0;
.mp-fullhero .hero-cta-container,
   background: url('/wiki/Special:FilePath/TUA_IMMAGINE_HERO.jpg') center/cover no-repeat;
.mp-fullhero .hero-actions,
   z-index:0;
.mp-fullhero .hero-actions-row{
   filter: saturate(1.05);
   background: transparent !important;
   border: 0 !important;
   box-shadow: none !important;
}
}
*/


/* Velo leggero per eleganza (opzionale) */
/* se qualche template mette padding enorme, lo riduciamo */
.mp-hero::after{
.mp-fullhero .no-border-container{
   content:"";
   padding: 0 !important;
  position:absolute;
   margin: 0 !important;
  inset:0;
   background: radial-gradient(900px 520px at 20% 20%, rgba(255,255,255,0.08), rgba(255,255,255,0.0) 60%),
              radial-gradient(900px 650px at 80% 70%, rgba(0,0,0,0.10), rgba(0,0,0,0.0) 60%);
  z-index: 1;
  pointer-events:none;
}
}


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


Riga 85: Riga 79:
   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;
}
}


Riga 96: Riga 90:
   opacity: 0.92;
   opacity: 0.92;
   margin: 6px 0 0 0;
   margin: 6px 0 0 0;
   position: relative;
  transform: translateY(10px);
   top: 50px;               /* manopola */
   position: relative !important;
  color: rgba(255,255,255,0.90);
   top: 50px !important;     /* manopola */
}
}


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


/* Titolo Masticationpedia centrato sopra l’immagine */
/* titolo Masticationpedia centrato */
.hero-header{ position: relative !important; }
.hero-title{
.hero-title{
   text-align: center;
  position: absolute !important;
   margin: 0;
  left: 50% !important;
  top: 300px !important;
  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-subtitle-block{
   .hero-subtitle-block{
Riga 127: Riga 118:
     padding-right: 0;
     padding-right: 0;
   }
   }
   .hero-psi{ font-size: 26px; left:0; top:0; }
   .hero-psi{ font-size: 26px; }
   .hero-tagline{ font-size: 16px; top:0; }
   .hero-tagline{
   .mp-hero{ min-height: 70vh; }
    font-size: 16px;
    transform: none;
    margin-top: 6px;
    top: 0 !important;
  }
   .hero-title{
    top: 220px !important; /* piccola correzione mobile */
    font-size: 34px;
  }
}
}


/* ===================================================== */
/* ---------------------------------------------------------
/*  MENU HAMBURGER — posizione “maestosa” a destra        */
  Tooltip click stabile (tuo)
/*  (usa le tue classi già definite nel CSS della home)   */
  --------------------------------------------------------- */
/* ===================================================== */
.mp-tip-toggle { display: none; }
.hero-hamburger{
.mp-tip-label { cursor: pointer; position: relative; }
.mp-tip-box {
  display: none;
   position: absolute;
   position: absolute;
   top: 26px;
   left: 50%;
   right: 26px;
   top: 120%;
   z-index: 50;
   transform: translateX(-50%);
}
   width: 520px;
 
   max-width: 90vw;
/* Se per caso su questa pagina non prende il CSS globale,
   background: #ffffff;
  metto una mini-fallback SOLO estetica base (non distruttiva).
   color: #111;
  Se già funziona, lasciala: non rovina. */
   padding: 14px 16px;
.hero-hamburger .hamburger-icon{
   border-radius: 14px;
   width: 38px;
   border: 1px solid rgba(0,0,0,0.12);
   height: 38px;
   box-shadow: 0 14px 34px rgba(0,0,0,0.28);
   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;
   font-size: 13px;
  line-height: 1.45;
  z-index: 9999;
}
}
.hero-hamburger-menu li:hover{
.mp-tip-toggle:checked + .mp-tip-label .mp-tip-box { display: block; }
  background: rgba(255,255,255,0.10);
}
 
/* ===================================================== */
/*  TOOLTIP (se ti serve dopo)                            */
/* ===================================================== */
.mp-tip-toggle{ display:none; }
.mp-tip-label{ cursor:pointer; position:relative; }
.mp-tip-box{
  display:none;
  position:absolute;
  left:50%;
  top:120%;
  transform:translateX(-50%);
  width:520px;
  max-width:90vw;
  background:#fff;
  color:#111;
  padding:14px 16px;
  border-radius:14px;
  border:1px solid rgba(0,0,0,0.12);
  box-shadow:0 14px 34px rgba(0,0,0,0.28);
  font-size:13px;
  line-height:1.45;
  z-index:9999;
}
.mp-tip-toggle:checked + .mp-tip-label .mp-tip-box{ display:block; }
</style>
</style>
</html>
</html>


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


    <!-- ✅ MENU HAMBURGER DESKTOP (stile home) -->
      <!-- ✅ MENU HAMBURGER DESKTOP (quello “maestoso” come Academy) -->
    <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>
          <li>[[Main Page|Home]]</li>
            <li>[[Main Page|Home]]</li>
          <li>[[Comunità scientifica|Comunità scientifica]]</li>
            <li>[[Comunità scientifica|Comunità scientifica]]</li>
          <li>[[Comitato etico|Comitato etico]]</li>
            <li>[[Comitato etico|Comitato etico]]</li>
          <li>[[Indice_libro|Indice_libro]]</li>
            <li>[[Indice_libro|Indice libro]]</li>
          <li>[[Network|Il nostro network]]</li>
            <li>[[Network|Il nostro network]]</li>
          <li>[[Dashboard_Masticationpedia|Dashboard]]</li>
            <li>[[Dashboard_Masticationpedia|Dashboard]]</li>
          <li>[[Donare|Donare]]</li>
            <li>[[Donare|Donare]]</li>
          <li>[[Contatti|Contatti]]</li>
            <li>[[Contatti|Contatti]]</li>
         </ul>
          </ul>
         </div>
       </div>
       </div>
    </div>


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


       <!-- Titolo centrale -->
       <div class="no-border-container" style="text-align:center;">
      <h1 class="hero-title">Masticationpedia</h1>
        {{HeroSocialIcons}}


      <!-- Social + CTA (come in home) -->
      <div class="no-border-container" style="text-align:center; margin-top: 10px;">
        {{HeroSocialIcons}}
         {{HomepageCTA}}
         {{HomepageCTA}}
      </div>


      <!-- Bottone LinkedIn (come lo avevi) -->
      <div class="mp-hero-cta">
         {{#tag:html|
         {{#tag:html|
         <div class="tooltip-wrapper">
         <div class="tooltip-wrapper">
Riga 290: Riga 220:
   </div>
   </div>
</div>
</div>
<!-- ===================================================== -->
<!-- ===================================================== -->
<!-- CONTENUTO SOTTO (qui incolli tutto il resto)          -->
<!-- CONTENUTO SOTTO (qui incolli tutto il resto)          -->

Versione delle 10:06, 15 gen 2026

☰
Indice Ψ
Un criterio clinico avanzato

Masticationpedia

       


  
    Facebook
  
  
    Instagram
EnglishItaliano

Français Deutsch Español 

       
        

          
              
              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.

🔗 Contattaci via LinkedIn
Clicca Messaggio sulla nostra pagina LinkedIn per contattarci direttamente

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

Estratto da "https://staging.masticationpedia.org/index.php?title=Pagina_Principale_test&oldid=6542"