Masticationpedia

Pagina Principale test: differenze tra le versioni

← Differenza precedente
VisualeWikitesto
Nessun oggetto della modifica
Nessun oggetto della modifica
 
(21 versioni intermedie di uno stesso utente non sono mostrate)
Riga 2: Riga 2:
<html>
<html>
<style>
<style>
/* =========================================================
/* ===========================
   FULLSCREEN HERO (solo questa pagina) — STABILE
   OPZIONE A — HEADER VISIBILE (capoccetta OK)
   ========================================================= */
   Pagina: Pagina_Principale_test
  =========================== */


/* Nasconde intestazioni MW (solo qui) */
/* (facoltativo) togli titolo MW interno */
#firstHeading, #siteSub, #contentSub { display:none !important; }
body.page-Pagina_Principale_test #firstHeading,
body.page-Pagina_Principale_test #siteSub,
body.page-Pagina_Principale_test #contentSub{
  display:none !important;
}
 
/* --- 1) ZERO “spazio bianco” del contenuto sopra al primo blocco --- */
body.page-Pagina_Principale_test #content,
body.page-Pagina_Principale_test .mw-body,
body.page-Pagina_Principale_test .mw-body-content,
body.page-Pagina_Principale_test #bodyContent,
body.page-Pagina_Principale_test #mw-content-text{
  margin-top: 0 !important;
  padding-top: 0 !important;
}


/* Full-bleed 100vw dentro i wrapper MediaWiki */
/* margine del primo elemento nel contenuto */
.mp-fullhero{
body.page-Pagina_Principale_test #mw-content-text > :first-child{
  margin-top: 0 !important;
}
 
/* --- 2) FULLBLEED (rompe il limite del contenuto MW) --- */
body.page-Pagina_Principale_test .mp-fullbleed{
   position: relative;
   position: relative;
   width: 100vw;
   width: 100vw;
   left: 50%;
   left: 50%;
  right: 50%;
   margin-left: -50vw;
   margin-left: -50vw;
   margin-right: -50vw;
   margin-right: 0;
  padding: 0;
}


/* Neutralizza wrapper MW */
  /* per ora 0: quando è tutto a posto, se serve lo mettiamo -10/-18 */
.mp-fullhero .homepage-layout,
   margin-top: 0;
.mp-fullhero .hero-header{
   max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
}


/* HERO full screen */
/* --- 3) HERO --- */
.mp-fullhero .hero-header{
body.page-Pagina_Principale_test .mp-hero{
   min-height: 100vh;
   min-height: 86vh;
   border-radius: 0 !important;
   border-radius: 0;
  overflow: hidden;
   position: relative;
   position: relative;
   overflow: hidden;
   width: 100%;
 
  background-image: url("/wiki/Special:FilePath/Masticationpedia%20Header%202025.png");
  background-size: cover;
  background-position: center 18%;
  background-repeat: no-repeat;
}
}


/* ---------------------------------------------------------
/* ===========================
   Indice Ψ vicino al sole
  TESTO PSI — SOLO TESTO (NO BOX)
  --------------------------------------------------------- */
   =========================== */
.hero-subtitle-block{
/* === Indice Ψ: SOLO TESTO, leggibile, accanto al sole === */
   margin: 18px auto 0;
body.page-Pagina_Principale_test .mp-psi{
   max-width: 1100px;
   position: absolute;
  top: 56%;
  right: 12%;
  left: auto;
 
   transform: translateY(-50%);
   text-align: right;
   text-align: right;
  padding-right: 170px;
   z-index: 10;
  position: relative;
   z-index: 5;
}


.hero-psi{
   /* niente riquadro */
   font-size: 30px;
   background: transparent !important;
   font-weight: 500;
   border: 0 !important;
   letter-spacing: 0.04em;
   padding: 0 !important;
   line-height: 1.05;
   box-shadow: none !important;
  color: #C9A24D;
   backdrop-filter: none !important;
  margin: 0;
  position: relative !important;
   left: 10px !important;
   top: 60px !important;
}


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


/* 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;
/* Titolo centrato */
   letter-spacing: 0.03em;
.hero-title{
   line-height: 1.05;
   position: absolute !important;
   left: 50% !important;
   top: 260px !important;
   transform: translateX(-50%) !important;
   text-align: center !important;
   margin: 0 !important;
   margin: 0 !important;
  z-index: 6;
   text-shadow: 0 2px 10px rgba(0,0,0,.35);
  font-size: 44px;
  color: #fff !important;
   text-shadow: 0 2px 12px rgba(0,0,0,.35);
  pointer-events: none;
}
}


/* ---------------------------------------------------------
body.page-Pagina_Principale_test .mp-psi .psi-tagline{
  Centro HERO: icone + CTA (hard-coded, sempre visibile)
   color: rgba(255,255,255,0.95) !important;
  --------------------------------------------------------- */
   font-size: 16px !important;       /* << più grande */
.mp-hero-center{
   font-weight: 500;
  position: absolute;
   line-height: 1.2;
  left: 50%;
   margin-top: 6px !important;
  top: 58%;
   text-shadow: 0 2px 10px rgba(0,0,0,.35);
  transform: translate(-50%,-50%);
  z-index: 7;
  width: min(900px, 92vw);
  text-align: center;
}
 
.mp-hero-center-inner{
   background: rgba(255,255,255,0.06);
   border: 1px solid rgba(255,255,255,0.18);
   backdrop-filter: blur(6px);
   -webkit-backdrop-filter: blur(6px);
   border-radius: 18px;
   padding: 18px 16px 14px 16px;
}
}


/* Icons wrapper */
.mp-icons{
  margin: 0 auto 12px auto;
}


/* CTA button */
/* Titolo Masticationpedia */
.mp-cta-btn{
body.page-Pagina_Principale_test .mp-title{
   display:inline-flex;
   position: absolute;
   align-items:center;
   top: 110px;
   justify-content:center;
   left: 44%;
   gap:10px;
   transform: translateX(-50%);
  padding:16px 28px;
   margin: 0;
  border-radius:999px;
   z-index: 2;
  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{
  font-size: 54px;
  margin:10px auto 0;
   color: #fff;
   font-size:12px;
   text-shadow: 0 2px 14px rgba(0,0,0,.35);
   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{
   body.page-Pagina_Principale_test .mp-hero{ min-height: 62vh; }
    text-align: center;
   body.page-Pagina_Principale_test .mp-title{ font-size: 32px; left: 50%; top: 60px; }
    padding-right: 0;
   body.page-Pagina_Principale_test .mp-psi{ top: 20%; left: 70%; }
  }
   body.page-Pagina_Principale_test .mp-psi .psi-title{ font-size: 22px; }
   .hero-psi{ font-size: 26px; top: 38px !important; left: 0 !important; }
  .hero-tagline{
    font-size: 16px;
    transform: none;
    margin-top: 6px;
    top: 0 !important;
  }
   .hero-title{
    top: 210px !important;
    font-size: 34px;
  }
   .mp-hero-center{ top: 64%; }
}
}
</style>
</style>
</html>
</html>


<div class="mp-fullbleed">
  <div class="mp-hero">


<div class="mp-fullhero">
    <div class="mp-psi">
  <div class="homepage-layout">
       <div class="psi-title">Indice <span style="font-weight:700;">Ψ</span></div>
    <div class="hero-header">
       <div class="psi-tagline">Un criterio clinico avanzato</div>
 
      <!-- ✅ MENU HAMBURGER DESKTOP (usa il tuo CSS già presente in Common) -->
       <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>
 
      <!-- Indice Ψ + tagline -->
      <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 -->
      <h1 class="hero-title">Masticationpedia</h1>
 
      <!-- ✅ Centro: social + CTA (stabile) -->
      <div class="mp-hero-center">
        <div class="mp-hero-center-inner">
 
          <div class="mp-icons">
            {{HeroSocialIcons}}
          </div>
 
          <a class="mp-cta-btn"
            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>
      </div>
 
     </div>
     </div>
  </div>
</div>
<!-- ===================================================== -->
<!-- CONTENUTO SOTTO                                      -->
<!-- ===================================================== -->
<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><!-- /box 1 -->
</div><!-- /wrap 1200 -->
<!-- ===================================================== -->
<!-- 2. Membri approvati                                  -->
<!-- ===================================================== -->
<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);">
  <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%20Stefano%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"
    <h1 class="mp-title">Masticationpedia</h1>
          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>
   </div>
   </div>
  <div style="font-size:0.82em; color:#7a8796; margin-top:6px;">
    Scorri orizzontalmente per vedere tutti i membri.
  </div>
</div>
</html>
</div>
</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;
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><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><br>
<b>Non stai acquistando qualcosa.</b><br>
Stai rendendo possibile un lavoro che oggi manca.<br><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>
</div>
</html>
</div><!-- /inner mp-readable -->
<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><!-- /mp-readable progetti -->
</div><!-- /chapter-content -->

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"