Pagina Principale test: differenze tra le versioni
Nessun oggetto della modifica |
Nessun oggetto della modifica |
||
| Riga 4: | Riga 4: | ||
<style> | <style> | ||
/* ===================================================== */ | /* ===================================================== */ | ||
/* | /* FULLSCREEN HERO — STABILE LOGGATO / NON LOGGATO */ | ||
/ | |||
/* ===================================================== */ | /* ===================================================== */ | ||
/* | /* Questo è il trucco: esci dal contenitore centrale MW */ | ||
. | .mp-fullbleed{ | ||
position: relative; | |||
left: 50%; | |||
margin-left: | right: 50%; | ||
margin-right: | margin-left: -50vw; | ||
margin-right: -50vw; | |||
width: 100vw; | |||
} | } | ||
/* HERO | /* HERO area */ | ||
.hero | .mp-hero{ | ||
position: relative | position: relative; | ||
width: | min-height: 78vh; /* altezza hero: manopola */ | ||
max-width: | 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; | |||
} | |||
/* 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. | |||
*/ | |||
/* | |||
.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); | |||
} | } | ||
*/ | |||
/* | /* Velo leggero per eleganza (opzionale) */ | ||
. | .mp-hero::after{ | ||
content:""; | |||
position:absolute; | |||
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” */ | ||
/* ===================================================== */ | /* ===================================================== */ | ||
.hero-subtitle-block{ | .hero-subtitle-block{ | ||
margin: 18px auto 0; | margin: 18px auto 0; | ||
max-width: | max-width: 1100px; | ||
text-align: right; | text-align: right; | ||
padding-right: 170px; | padding-right: 170px; /* manopola: 110–200 */ | ||
position: relative; | |||
z-index: 3; | |||
} | } | ||
.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 | left: 10px; /* manopola */ | ||
left: 10px | top: 60px; /* manopola */ | ||
top: 60px | |||
} | } | ||
.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; | ||
position: relative; | |||
top: 50px; /* manopola */ | |||
color: rgba(255,255,255,0.90); | |||
position: relative | |||
top: 50px | |||
} | } | ||
| Riga 84: | Riga 105: | ||
.hero-psi img{ vertical-align: middle; } | .hero-psi img{ vertical-align: middle; } | ||
/* Titolo centrato | /* Titolo Masticationpedia centrato sopra l’immagine */ | ||
.hero-title{ | .hero-title{ | ||
text-align: center; | |||
margin: 0; | |||
text-align: center | |||
margin: 0 | |||
font-size: 44px; | font-size: 44px; | ||
color: #ffffff; | |||
text-shadow: 0 10px 26px rgba(0,0,0,0.35); | |||
} | } | ||
/* | /* CTA area centrata */ | ||
/* | .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{ | ||
text-align: center; | text-align: center; | ||
padding-right: 0; | padding-right: 0; | ||
} | } | ||
.hero-psi{ | .hero-psi{ font-size: 26px; left:0; top:0; } | ||
.hero-tagline{ font-size: 16px; top:0; } | |||
.mp-hero{ min-height: 70vh; } | |||
} | |||
} | |||
.hero- | /* ===================================================== */ | ||
/* MENU HAMBURGER — posizione “maestosa” a destra */ | |||
/* (usa le tue classi già definite nel CSS della home) */ | |||
/* ===================================================== */ | |||
} | .hero-hamburger{ | ||
.hero- | position: absolute; | ||
top: 26px; | |||
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 (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=" | <!-- ===================================================== --> | ||
<div class="hero-header | <!-- HERO FULLSCREEN (FULL BLEED) --> | ||
<!-- ===================================================== --> | |||
<div class="mp-fullbleed"> | |||
<div class="mp-hero hero-header"> | |||
<!-- ✅ MENU HAMBURGER DESKTOP ( | <!-- ✅ 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 Ψ | <div class="mp-hero-inner"> | ||
<!-- Indice Ψ vicino al “sole” --> | |||
<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> | ||
<!-- Social + CTA (come in home) --> | |||
<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> | |||
L’accesso non è legato a donazioni né a forme di sostegno economico. | |||
</div> | |||
</div> | |||
}} | |||
</div> | |||
</div> | |||
</div> | |||
</div> | |||
<!-- ===================================================== --> | |||
<!-- CONTENUTO SOTTO (qui incolli tutto il resto) --> | |||
<!-- ===================================================== --> | |||
<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>.''' | |||
<!-- … QUI CONTINUA IL TUO TESTO IDENTICO … --> | |||
<div | </div> | ||
</div> | |||
</div> | |||
<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
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.
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.