Masticationpedia

Pagina Principale test: differenze tra le versioni

VisualeWikitesto
Creata pagina con "__NOTOC__ <html> <style> →=========================================: →HOME — POWER HERO (solo questa pagina): →(non tocca il resto della Home): →=========================================: →Full-bleed: porta il hero a tutta larghezza schermo: .mp-home-hero{ position: relative; width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); padding: 54px 0 64px; overflow: hidden; } /* Fondo “Academy style”..."
 
Nessun oggetto della modifica
 
(33 versioni intermedie di uno stesso utente non sono mostrate)
Riga 1: Riga 1:
__NOTOC__
__NOTOC__
<html>
<html>
<style>
<style>
/* ========================================= */
/* ===========================
/*  HOME — POWER HERO (solo questa pagina)   */
  OPZIONE A — HEADER VISIBILE (capoccetta OK)
/*  (non tocca il resto della Home)          */
  Pagina: Pagina_Principale_test
/* ========================================= */
  =========================== */


/* Full-bleed: porta il hero a tutta larghezza schermo */
/* (facoltativo) togli titolo MW interno */
.mp-home-hero{
body.page-Pagina_Principale_test #firstHeading,
  position: relative;
body.page-Pagina_Principale_test #siteSub,
  width: 100vw;
body.page-Pagina_Principale_test #contentSub{
  margin-left: calc(50% - 50vw);
   display:none !important;
  margin-right: calc(50% - 50vw);
  padding: 54px 0 64px;
   overflow: hidden;
}
}


/* Fondo “Academy style” */
/* --- 1) ZERO “spazio bianco” del contenuto sopra al primo blocco --- */
.mp-home-hero::before{
body.page-Pagina_Principale_test #content,
  content:"";
body.page-Pagina_Principale_test .mw-body,
  position:absolute;
body.page-Pagina_Principale_test .mw-body-content,
  inset:0;
body.page-Pagina_Principale_test #bodyContent,
  background:
body.page-Pagina_Principale_test #mw-content-text{
    radial-gradient(900px 520px at 20% 20%, rgba(201,162,77,0.22), rgba(201,162,77,0.00) 62%),
   margin-top: 0 !important;
    radial-gradient(800px 520px at 78% 30%, rgba(235,228,214,0.20), rgba(235,228,214,0.00) 65%),
   padding-top: 0 !important;
    radial-gradient(900px 650px at 70% 88%, rgba(120,150,135,0.18), rgba(120,150,135,0.00) 60%),
    linear-gradient(180deg, #1f2b2a 0%, #233331 40%, #1b2625 100%);
   filter: saturate(1.05);
   z-index:0;
}
}


.mp-home-hero::after{
/* margine del primo elemento nel contenuto */
  content:"";
body.page-Pagina_Principale_test #mw-content-text > :first-child{
  position:absolute;
   margin-top: 0 !important;
  inset:-40px;
  background:
    radial-gradient(closest-side at 22% 42%, rgba(255,255,255,0.08), rgba(255,255,255,0.00) 70%),
    radial-gradient(closest-side at 78% 60%, rgba(201,162,77,0.10), rgba(201,162,77,0.00) 72%);
   z-index:0;
  pointer-events:none;
}
}


/* Contenitore interno (mantiene un “centro” elegante) */
/* --- 2) FULLBLEED (rompe il limite del contenuto MW) --- */
.mp-home-hero .mp-home-hero-inner{
body.page-Pagina_Principale_test .mp-fullbleed{
   position: relative;
   position: relative;
   z-index: 1;
   width: 100vw;
   max-width: 1680px;
   left: 50%;
   margin: 0 auto;
   margin-left: -50vw;
   padding: 0 22px;
   margin-right: 0;
   color: #f3f3f3;
 
   font-family: Georgia, serif;
   /* per ora 0: quando è tutto a posto, se serve lo mettiamo -10/-18 */
   margin-top: 0;
}
}


/* =============================== */
/* --- 3) HERO --- */
/*  I TUOI AGGIUSTAMENTI HERO      */
body.page-Pagina_Principale_test .mp-hero{
/* =============================== */
  min-height: 86vh;
  border-radius: 0;
  overflow: hidden;
  position: relative;
  width: 100%;


/* blocco a destra vicino al sole, MA compatto */
  background-image: url("/wiki/Special:FilePath/Masticationpedia%20Header%202025.png");
.hero-subtitle-block{
   background-size: cover;
  margin: 18px auto 0;
   background-position: center 18%;
   max-width: 1100px;
   background-repeat: no-repeat;
   text-align: right;
   padding-right: 170px;     /* manopola: 110–170 */
}
}


/* Index Ψ: oro, compatto */
/* ===========================
.hero-psi{
  TESTO PSI — SOLO TESTO (NO BOX)
   font-size: 30px;
  =========================== */
   font-weight: 500;
/* === Indice Ψ: SOLO TESTO, leggibile, accanto al sole === */
   letter-spacing: 0.04em;
body.page-Pagina_Principale_test .mp-psi{
   line-height: 1.05;
   position: absolute;
   color: #C9A24D;
  top: 56%;
   margin: 0;
   right: 12%;
   left: auto;
 
   transform: translateY(-50%);
   text-align: right;
   z-index: 10;


   position: relative !important;
   /* niente riquadro */
   left: 10px !important;
  background: transparent !important;
   top: 60px !important;
   border: 0 !important;
}
   padding: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;


/* tagline */
  /* forza visibilità */
.hero-tagline{
   opacity: 1 !important;
   font-size: 18px;
   filter: none !important;
  font-weight: 400;
  line-height: 1.1;
  opacity: 0.92;
  margin: 6px 0 0 0;
   transform: translateY(10px);
}
}


/* stabilizza math */
body.page-Pagina_Principale_test .mp-psi .psi-title{
.hero-psi .mwe-math-element,
   color: #C9A24D !important;       /* oro */
.hero-psi img{ vertical-align: middle; }
   font-size: 34px !important;       /* << più grande */
 
   font-weight: 800 !important;
/* Masticationpedia centrata */
   letter-spacing: 0.03em;
.hero-header{ position: relative !important; }
   line-height: 1.05;
 
.hero-title{
   position: absolute !important;
   left: 50% !important;
   top: 300px !important;
   transform: translateX(-50%) !important;
   text-align: center !important;
   margin: 0 !important;
   margin: 0 !important;
   z-index: 3;
   text-shadow: 0 2px 10px rgba(0,0,0,.35);
  font-size: 44px;
}
}


/* manopola fine per tagline */
body.page-Pagina_Principale_test .mp-psi .psi-tagline{
.hero-subtitle-block .hero-tagline{
   color: rgba(255,255,255,0.95) !important;
   position: relative !important;
   font-size: 16px !important;       /* << più grande */
   top: 50px !important;
   font-weight: 500;
   outline: none !important;
  line-height: 1.2;
  margin-top: 6px !important;
  text-shadow: 0 2px 10px rgba(0,0,0,.35);
}
}


/* mobile */
@media (max-width: 768px){
  .hero-subtitle-block{
    text-align: center;
    padding-right: 0;
  }
  .hero-psi{ font-size: 26px; }
  .hero-tagline{
    font-size: 16px;
    transform: none;
    margin-top: 6px;
    top: 0 !important;
  }
  .hero-title{
    position: relative !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
    margin-top: 14px !important;
  }
}


/* =============================== */
/* Titolo Masticationpedia */
/*  TOOLTIP STABILE A CLICK        */
body.page-Pagina_Principale_test .mp-title{
/*  (lo lascio pronto se vuoi usarlo) */
/* =============================== */
.mp-tip-toggle { display: none; }
.mp-tip-label { cursor: pointer; position: relative; }
.mp-tip-box {
  display: none;
   position: absolute;
   position: absolute;
   left: 50%;
   top: 110px;
   top: 120%;
   left: 44%;
   transform: translateX(-50%);
   transform: translateX(-50%);
   width: 520px;
   margin: 0;
   max-width: 90vw;
   z-index: 2;
   background: #ffffff;
 
   color: #111;
   font-size: 54px;
   padding: 14px 16px;
   color: #fff;
  border-radius: 14px;
   text-shadow: 0 2px 14px rgba(0,0,0,.35);
  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; }


/* Mobile */
@media (max-width: 768px){
  body.page-Pagina_Principale_test .mp-hero{ min-height: 62vh; }
  body.page-Pagina_Principale_test .mp-title{ font-size: 32px; left: 50%; top: 60px; }
  body.page-Pagina_Principale_test .mp-psi{ top: 20%; left: 70%; }
  body.page-Pagina_Principale_test .mp-psi .psi-title{ font-size: 22px; }
}
</style>
</style>
</html>
</html>


<div class="mp-home-hero">
<div class="mp-fullbleed">
   <div class="mp-home-hero-inner">
   <div class="mp-hero">
 
    <div class="homepage-layout">
      <div class="hero-header" style="position: relative;">
 
        <!-- ✅ MENU HAMBURGER DESKTOP (quello del sito) -->
        <div class="hero-hamburger">
          <div class="hamburger-icon">☰</div>
 
          <div id="heroMenu" class="hero-hamburger-menu">
            <ul>
              <li>[[Main Page|Home]]</li>
              <li>[[Comunità scientifica|Comunità scientifica]]</li>
              <li>[[Comitato etico|Comitato etico]]</li>
              <li>[[Indice_libro|Indice_libro]]</li>
              <li>[[Network|Il nostro network]]</li>
              <li>[[Dashboard_Masticationpedia|Dashboard]]</li>
              <li>[[Donare|Donare]]</li>
              <li>[[Contatti|Contatti]]</li>
            </ul>
          </div>
        </div>
 
        <div class="hero-subtitle-block">
          <div class="hero-psi">Indice <math>\Psi</math></div>
          <div class="hero-tagline">Un criterio clinico avanzato</div><br><br>
          <h1 class="hero-title">Masticationpedia</h1>
        </div>
 
        <div class="no-border-container" style="text-align:center;">
 
          {{HeroSocialIcons}}
 
          {{HomepageCTA}}
 
          {{#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>
 
            L’accesso non è legato a donazioni né a forme di sostegno economico.
          </div>
 
          </div>
          }}
 
        </div><!-- /no-border-container -->
 
      </div><!-- /hero-header -->
    </div><!-- /homepage-layout -->
 
  </div><!-- /mp-home-hero-inner -->
</div><!-- /mp-home-hero -->
 
 
 
</div>
</div>
</div>
<div class="chapter-content">
 
 
<span id="masticationpedia"></span>
<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;">
    Network clinico • NeuroGnatologia • Riabilitazione protesica
  </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>.'''
 
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 <math>\Psi</math> 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.
 
 
<blockquote>
'''🧠 Dall’accesso alla responsabilità'''
{{TooltipWide|2=
L’open access consente orientamento, non partecipazione.<br><br>
Quando la complessità clinica aumenta,
la sola lettura diventa insufficiente.<br><br>
La costruzione dell’Indice <math>\Psi</math> richiede:<br>
• tempo,<br>
• rigore metodologico,<br>
• coerenza concettuale,<br>
• e responsabilità condivisa.<br><br>
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.<br><br>
Il supporto — intellettuale o economico —
non acquista contenuti
e non garantisce ruoli.<br><br>
Sostiene il tempo, l’accesso e la continuità
necessari a costruire un criterio clinico che oggi manca.<br><br>
Se cerchi contenuti, puoi leggere.<br><br>
Se cerchi scorciatoie, questo non è il posto.<br><br>
Se sei disposto a confrontarti con l’incertezza clinica,<br><br>
inizia dal [[Indice libro|Indice libro]].
}}
</blockquote>
 
Masticationpedia non è progettata per crescere in fretta.
È progettata per restare coerente.
 
Il rumore è escluso per progettazione.
 
----
<html>
<div class="linkedin-lead-container" style="text-align: center; padding: 2rem;">
  <a href="https://www.linkedin.com/company/masticationpedia-network/?viewAsMember=true"
    target="_blank"
    class="linkedin-lead-button"
    style="display: inline-block; background-color: #0077b5; color: white;
            padding: 1rem 2rem; border-radius: 10px; text-decoration: none;
            font-size: 1.15rem; font-weight: 600; transition: background-color 0.3s ease;">
    🔗 Contattaci via LinkedIn<br>
    <span style="font-size: 0.9rem; font-weight: 400;">
      Clicca <strong>Messaggio</strong> sulla nostra pagina LinkedIn per contattarci direttamente
    </span>
  </a>
</div>
</html>
 
</div>
</div>
 
</div>
 
<div class="mp-readable" style="margin:26px auto 0; max-width:900px; padding:18px 20px; background:#ffffff;
border-radius:14px; border:1px solid #e3e6ee; line-height:1.6;">
 
 
 
<span id="members"></span>
 
= 🏥 2. Membri approvati =
 
 
----
<blockquote><div>
<big>Alcuni membri approvati dai profili LinkedIn che formeranno la <span class="no-preview">[[Comunità scientifica]]</span></big>
</div></blockquote><div style="
  margin-top:12px;
  padding-top:10px;
  border-top:1px solid rgba(0,0,0,.08);
  overflow-x:auto;
  white-space:nowrap;
  -webkit-overflow-scrolling:touch;
"><html>
<style>
  .mp-scrollbar { overflow-x: scroll; overflow-y: hidden; }
  .mp-scrollbar::-webkit-scrollbar { height: 12px; }
  .mp-scrollbar::-webkit-scrollbar-track { background: rgba(0,0,0,.08); 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); }
</style>
 
<div style="margin-top:12px; padding:10px 6px 6px 6px; border-top:1px solid rgba(0,0,0,.08);">
 
  <!-- finestra più stretta = scroll reale anche con pochi membri -->
  <div style="max-width:1200px; margin:0 auto;">
    <div class="mp-scrollbar" style="padding-bottom:10px; -webkit-overflow-scrolling:touch;">
 
      <div style="display:flex; gap:18px; align-items:flex-start; flex-wrap:nowrap; width:max-content; padding:8px 6px;">
 
        <a href="https://www.linkedin.com/in/dr-ramakanth-reddy-dubbudu-21a647165/" target="_blank"
          style="text-decoration:none; text-align:center; width:120px; flex:0 0 auto;">
          <img src="/wiki/Special:FilePath/Ramakanth%20Reddy%20Dubbudu%20square.jpg"
              style="width:92px; height:92px; border-radius:50%; object-fit:cover; display:block; margin:0 auto 8px auto; box-shadow:0 6px 14px rgba(0,0,0,.12);">
          <div style="font-size:12px; font-weight:700; color:#6b63b5; line-height:1.2;">
            Ramakanth Reddy<br>Dubbudu ↗
          </div>
        </a>
 
        <a href="https://www.linkedin.com/in/ali-ek/" target="_blank"
          style="text-decoration:none; text-align:center; width:120px; flex:0 0 auto;">
          <img src="/wiki/Special:FilePath/Ali%20Esquembre%20Ku%C4%8Dukali%C4%87%20square.jpg"
              style="width:92px; height:92px; border-radius:50%; object-fit:cover; display:block; margin:0 auto 8px auto; box-shadow:0 6px 14px rgba(0,0,0,.12);">
          <div style="font-size:12px; font-weight:700; color:#6b63b5; line-height:1.2;">
            Ali Esquembre<br>Kučukalić ↗
          </div>
        </a>
 
        <a href="https://www.linkedin.com/in/kemal-turker-1569372b/" target="_blank"
          style="text-decoration:none; text-align:center; width:120px; flex:0 0 auto;">
          <img src="/wiki/Special:FilePath/120px-Kemal%20Sitki%20T%C3%85rker.jpg"
              style="width:92px; height:92px; border-radius:50%; object-fit:cover; display:block; margin:0 auto 8px auto; box-shadow:0 6px 14px rgba(0,0,0,.12);">
          <div style="font-size:12px; font-weight:700; color:#6b63b5; line-height:1.2;">
            Kemal Sitki<br>Türker ↗
          </div>
        </a>
 
        <a href="https://www.linkedin.com/in/andrei-khrennikov-74ab495b/" target="_blank"
          style="text-decoration:none; text-align:center; width:120px; flex:0 0 auto;">
          <img src="/wiki/Special:FilePath/Andrei%20Khrennikov.jpg"
              style="width:92px; height:92px; border-radius:50%; object-fit:cover; display:block; margin:0 auto 8px auto; box-shadow:0 6px 14px rgba(0,0,0,.12);">
          <div style="font-size:12px; font-weight:700; color:#6b63b5; line-height:1.2;">
            Andrei<br>Khrennikov ↗
          </div>
        </a>
 
        <a href="https://www.linkedin.com/in/diego-centonze-03740730/" target="_blank"
          style="text-decoration:none; text-align:center; width:120px; flex:0 0 auto;">
          <img src="/wiki/Special:FilePath/Diego%20Centonze.jpg"
              style="width:92px; height:92px; border-radius:50%; object-fit:cover; display:block; margin:0 auto 8px auto; box-shadow:0 6px 14px rgba(0,0,0,.12);">
          <div style="font-size:12px; font-weight:700; color:#6b63b5; line-height:1.2;">
            Diego<br>Centonze ↗
          </div>
        </a>
 
<a href="https://www.linkedin.com/in/maurizio-giacomello-6945775a//" target="_blank"
          style="text-decoration:none; text-align:center; width:120px; flex:0 0 auto;">
          <img src="/wiki/Special:FilePath/Maurizio Stefano%20Giacomello.jpg"
              style="width:92px; height:92px; border-radius:50%; object-fit:cover; display:block; margin:0 auto 8px auto; box-shadow:0 6px 14px rgba(0,0,0,.12);">
          <div style="font-size:12px; font-weight:700; color:#6b63b5; line-height:1.2;">
            Maurizio Stefano <br>Giacomello↗
          </div>
        </a>
 
 
<a href="https://www.linkedin.com/in/anoushka-swain//" target="_blank"
          style="text-decoration:none; text-align:center; width:120px; flex:0 0 auto;">
          <img src="/wiki/Special:FilePath/Anoushka%20Swain.jpg"
              style="width:92px; height:92px; border-radius:50%; object-fit:cover; display:block; margin:0 auto 8px auto; box-shadow:0 6px 14px rgba(0,0,0,.12);">
          <div style="font-size:12px; font-weight:700; color:#6b63b5; line-height:1.2;">
            Anoushka <br>Swain ↗
          </div>
        </a>


       </div>
    <div class="mp-psi">
       <div class="psi-title">Indice <span style="font-weight:700;">Ψ</span></div>
      <div class="psi-tagline">Un criterio clinico avanzato</div>
     </div>
     </div>
  </div>


  <div style="font-size:0.82em; color:#7a8796; margin-top:6px;">
    <h1 class="mp-title">Masticationpedia</h1>
Scorri orizzontalmente per vedere tutti i membri.
  </div>


</div>
</html>
  </div>
   </div>
   </div>
<div class="mp-readable" style="margin:26px auto 0; max-width:900px; padding:18px 20px; background:#ffffff;
border-radius:14px; border:1px solid #e3e6ee; line-height:1.6;">
<span id="projects"></span>
= 🚪 3. Progetti in corso =
<div class="mp-readable" style="
  margin: 18px auto 0;
  max-width: 900px;
  padding: 18px 20px;
  background: #ffffff;
  border-radius: 14px;
  border: 1px solid #e3e6ee;
  line-height: 1.6;
">
🧩 I progetti Masticationpedia esistono perché <b>alcuni pazienti hanno sofferto per anni senza una diagnosi</b>,
non perché la loro malattia fosse invisibile, ma perché alla medicina mancava il quadro giusto per vederla.
Questo non è un problema teorico. È già accaduto.<br><br>
[[File:Dubai 2015 (2).png|left|220px|link=https://www.youtube.com/watch?v=7sB-EeOQL9Y]]
Masticationpedia non vende contenuti e non offre servizi a pagamento.<br>
Se condividi la necessità di costruire un modello diagnostico capace di leggere la complessità clinica —
<b>l’Indice Ψ</b> — puoi contribuire al progetto con una donazione.<br>
La donazione serve a sostenere i costi del lavoro scientifico ed editoriale:
tempo di ricerca, revisione dei contenuti, infrastruttura tecnica e continuità del progetto.<br>
<b>Non stai acquistando qualcosa.</b><br>
Stai rendendo possibile un lavoro che oggi manca.<br>
Se condividi la necessità di costruire un criterio diagnostico integrato (<b>Indice Ψ</b>),
puoi sostenere il progetto con una donazione.
<html>
<div style="text-align:center; margin: 28px 0;">
  <a href="https://donate.stripe.com/dRm28s2r8abBa5X0cJ53O00"
    target="_blank"
    style="
      display:inline-block;
      padding:14px 28px;
      font-size:16px;
      font-weight:600;
      color:#fff;
      background:#1a1a1a;
      border-radius:6px;
      text-decoration:none;
    ">
    ❤️ Sostieni il progresso paradigmatico
  </a>
</div>
</html>
</div>
<div style="margin-top:18px; font-size:0.85em; color:#555; text-align:center;">
Masticationpedia è governata da un
[[Atto_di_Custodia_del_Senso|Atto di custodia del senso]] non negoziabile.
</div>
</div>

Versione attuale delle 16:55, 15 gen 2026

Indice Ψ
Un criterio clinico avanzato

Masticationpedia

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