Pagina Principale test: differenze tra le versioni
Nessun oggetto della modifica |
Nessun oggetto della modifica |
||
| Riga 1: | Riga 1: | ||
__NOTOC__ | |||
<html> | <html> | ||
<style> | <style> | ||
/* ===================================================== */ | /* ===================================================== */ | ||
/* HOME | /* HOME — HERO FULL SCREEN (solo questa pagina) */ | ||
/* Obiettivo: pagina identica, hero a tutto schermo */ | /* Obiettivo: pagina identica, hero a tutto schermo */ | ||
/* ===================================================== */ | /* ===================================================== */ | ||
/* | /* Porta il layout a tutta pagina anche con la skin */ | ||
.homepage-layout{ | .homepage-layout{ | ||
max-width: none !important; | max-width: none !important; | ||
| Riga 15: | Riga 17: | ||
} | } | ||
/* | /* HERO a piena larghezza e “quasi” pieno schermo */ | ||
.hero-header{ | .hero-header{ | ||
position: relative !important; | position: relative !important; | ||
| Riga 21: | Riga 23: | ||
max-width: none !important; | max-width: none !important; | ||
min-height: | min-height: 88vh !important; /* MANOPOLA: 80–95 */ | ||
border-radius: 0 !important; | border-radius: 0 !important; | ||
box-shadow: none !important; | box-shadow: none !important; | ||
| Riga 27: | Riga 29: | ||
} | } | ||
/* | /* Se la tua hero è dentro una “card” con bordo/ombra, la annulliamo */ | ||
.no-border-container{ | .no-border-container{ | ||
background: transparent !important; | background: transparent !important; | ||
border: none !important; | border: none !important; | ||
box-shadow: none !important; | box-shadow: none !important; | ||
max-width: | max-width: 1180px !important; | ||
margin: 0 auto !important; | margin: 0 auto !important; | ||
padding-top: 10px !important; | padding-top: 10px !important; | ||
text-align: center !important; | |||
} | } | ||
/* | /* ===================================================== */ | ||
/* | /* Posizionamenti HERO (Indice Ψ + Masticationpedia) */ | ||
/* | /* ===================================================== */ | ||
.hero-subtitle-block{ | .hero-subtitle-block{ | ||
margin: 18px auto 0; | margin: 18px auto 0; | ||
max-width: | max-width: 1180px; | ||
text-align: right; | text-align: right; | ||
padding-right: 170px; /* | padding-right: 170px; /* MANOPOLA: 110–190 */ | ||
} | } | ||
| Riga 74: | Riga 76: | ||
.hero-subtitle-block .hero-tagline{ | .hero-subtitle-block .hero-tagline{ | ||
position: relative !important; | position: relative !important; | ||
top: 50px !important; | top: 50px !important; | ||
outline: none !important; | outline: none !important; | ||
} | } | ||
| Riga 82: | Riga 84: | ||
.hero-psi img{ vertical-align: middle; } | .hero-psi img{ vertical-align: middle; } | ||
/* | /* Titolo centrato sullo hero */ | ||
.hero-title{ | .hero-title{ | ||
position: absolute !important; | position: absolute !important; | ||
left: 50% !important; | left: 50% !important; | ||
top: 42% !important; | top: 42% !important; /* MANOPOLA: 38–48 */ | ||
transform: translateX(-50%) !important; | transform: translateX(-50%) !important; | ||
text-align: center !important; | text-align: center !important; | ||
| Riga 94: | Riga 96: | ||
} | } | ||
/* | /* ===================================================== */ | ||
/* Mobile */ | |||
/* ===================================================== */ | |||
@media (max-width: 768px){ | @media (max-width: 768px){ | ||
.hero-header{ min-height: 72vh !important; } | .hero-header{ min-height: 72vh !important; } | ||
| Riga 101: | Riga 105: | ||
padding-right: 0; | padding-right: 0; | ||
} | } | ||
.hero-psi{ font-size: 26px; top: | .hero-psi{ | ||
.hero-tagline{ font-size: 16px; transform: none; top: 0 !important; } | font-size: 26px; | ||
.hero-title{ top: 46% !important; font-size: 38px; } | top: 18px !important; | ||
left: 0 !important; | |||
} | |||
.hero-tagline{ | |||
font-size: 16px; | |||
transform: none; | |||
top: 0 !important; | |||
} | |||
.hero-title{ | |||
top: 46% !important; | |||
font-size: 38px; | |||
} | |||
} | } | ||
/* ===================================================== */ | /* ===================================================== */ | ||
/* Tooltip stabile a click ( | /* Tooltip stabile a click (se vuoi usarlo) */ | ||
/* ===================================================== */ | /* ===================================================== */ | ||
.mp-tip-toggle { display: none; } | .mp-tip-toggle { display: none; } | ||
| Riga 130: | Riga 145: | ||
} | } | ||
.mp-tip-toggle:checked + .mp-tip-label .mp-tip-box{ display:block; } | .mp-tip-toggle:checked + .mp-tip-label .mp-tip-box{ display:block; } | ||
</style> | |||
</html> | |||
<div class="homepage-layout"> | <div class="homepage-layout"> | ||
<div class="hero-header" style="position: relative;"> | <div class="hero-header" style="position: relative;"> | ||
<!-- ✅ MENU HAMBURGER DESKTOP --> | <!-- ✅ MENU HAMBURGER DESKTOP (come Home) --> | ||
<div class="hero-hamburger"> | <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> | ||
<!-- Indice Ψ + tagline + Titolo --> | |||
<div class="hero-subtitle-block"> | |||
<div class="hero-psi">Indice <math>\Psi</math></div> | |||
<div class="hero-tagline">Un criterio clinico avanzato</div> | |||
< | <h1 class="hero-title">Masticationpedia</h1> | ||
</div> | |||
< | <!-- Contenuto hero (icone + CTA + pulsante LinkedIn) --> | ||
< | <div class="no-border-container" style="text-align:center;"> | ||
{{HeroSocialIcons}} | |||
{{HomepageCTA}} | |||
<div class=" | {{#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 class="chapter-content"> | <div class="chapter-content"> | ||
<span id="masticationpedia"></span> | <span id="masticationpedia"></span> | ||
| Riga 234: | Riga 230: | ||
margin-top:10px; | 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> | ||
= 🧭 1. Cos’è Masticationpedia = | = 🧭 1. Cos’è Masticationpedia = | ||
| Riga 273: | Riga 265: | ||
Non semplifica la complessità: | Non semplifica la complessità: | ||
la rende leggibile. | la rende leggibile. | ||
<blockquote> | <blockquote> | ||
| Riga 324: | Riga 315: | ||
</html> | </html> | ||
</div> | </div><!-- /box 1 --> | ||
</div> | </div><!-- /wrap 1200 --> | ||
</ | |||
<div class="mp-readable" style="margin:26px auto 0; max-width:900px; padding:18px 20px; background:#ffffff; | <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;"> | border-radius:14px; border:1px solid #e3e6ee; line-height:1.6;"> | ||
<span id="members"></span> | <span id="members"></span> | ||
= 🏥 2. Membri approvati = | = 🏥 2. Membri approvati = | ||
---- | ---- | ||
<blockquote><div> | <blockquote><div> | ||
<big>Alcuni membri approvati dai profili LinkedIn che formeranno la <span class="no-preview">[[Comunità scientifica]]</span></big> | <big>Alcuni membri approvati dai profili LinkedIn che formeranno la <span class="no-preview">[[Comunità scientifica]]</span></big> | ||
</div></blockquote><div style=" | </div></blockquote> | ||
<div style=" | |||
margin-top:12px; | margin-top:12px; | ||
padding-top:10px; | padding-top:10px; | ||
| Riga 349: | Riga 336: | ||
white-space:nowrap; | white-space:nowrap; | ||
-webkit-overflow-scrolling:touch; | -webkit-overflow-scrolling:touch; | ||
"><html> | "> | ||
<html> | |||
<style> | <style> | ||
.mp-scrollbar { overflow-x: scroll; overflow-y: hidden; } | .mp-scrollbar { overflow-x: scroll; overflow-y: hidden; } | ||
| Riga 359: | Riga 347: | ||
<div style="margin-top:12px; padding:10px 6px 6px 6px; border-top:1px solid rgba(0,0,0,.08);"> | <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 style="max-width:1200px; margin:0 auto;"> | ||
<div class="mp-scrollbar" style="padding-bottom:10px; -webkit-overflow-scrolling:touch;"> | <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;"> | <div style="display:flex; gap:18px; align-items:flex-start; flex-wrap:nowrap; width:max-content; padding:8px 6px;"> | ||
| Riga 411: | Riga 396: | ||
</a> | </a> | ||
<a href="https://www.linkedin.com/in/maurizio-giacomello-6945775a//" target="_blank" | <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;"> | style="text-decoration:none; text-align:center; width:120px; flex:0 0 auto;"> | ||
<img src="/wiki/Special:FilePath/Maurizio | <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);"> | 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;"> | <div style="font-size:12px; font-weight:700; color:#6b63b5; line-height:1.2;"> | ||
Maurizio Stefano <br> | Maurizio Stefano<br>Giacomello ↗ | ||
</div> | </div> | ||
</a> | </a> | ||
<a href="https://www.linkedin.com/in/anoushka-swain//" target="_blank" | |||
<a href="https://www.linkedin.com/in/anoushka-swain//" target="_blank" | |||
style="text-decoration:none; text-align:center; width:120px; flex:0 0 auto;"> | style="text-decoration:none; text-align:center; width:120px; flex:0 0 auto;"> | ||
<img src="/wiki/Special:FilePath/Anoushka%20Swain.jpg" | <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);"> | 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;"> | <div style="font-size:12px; font-weight:700; color:#6b63b5; line-height:1.2;"> | ||
Anoushka <br>Swain ↗ | Anoushka<br>Swain ↗ | ||
</div> | </div> | ||
</a> | </a> | ||
| Riga 435: | Riga 419: | ||
<div style="font-size:0.82em; color:#7a8796; margin-top:6px;"> | <div style="font-size:0.82em; color:#7a8796; margin-top:6px;"> | ||
Scorri orizzontalmente per vedere tutti i membri. | |||
</div> | </div> | ||
</div> | </div> | ||
</html> | </html> | ||
</div><!-- /scroll container --> | |||
</div><!-- /mp-readable membri --> | |||
<div class="mp-readable" style="margin:26px auto 0; max-width:900px; padding:18px 20px; background:#ffffff; | <div class="mp-readable" style="margin:26px auto 0; max-width:900px; padding:18px 20px; background:#ffffff; | ||
| Riga 471: | Riga 451: | ||
Masticationpedia non vende contenuti e non offre servizi a pagamento.<br> | 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 — | 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> | <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: | 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> | tempo di ricerca, revisione dei contenuti, infrastruttura tecnica e continuità del progetto.<br><br> | ||
<b>Non stai acquistando qualcosa.</b><br> | <b>Non stai acquistando qualcosa.</b><br> | ||
Stai rendendo possibile un lavoro che oggi manca.<br> | Stai rendendo possibile un lavoro che oggi manca.<br><br> | ||
Se condividi la necessità di costruire un criterio diagnostico integrato (<b>Indice Ψ</b>), | Se condividi la necessità di costruire un criterio diagnostico integrato (<b>Indice Ψ</b>), | ||
| Riga 501: | Riga 481: | ||
</html> | </html> | ||
</div> | </div><!-- /inner mp-readable --> | ||
<div style="margin-top:18px; font-size:0.85em; color:#555; text-align:center;"> | <div style="margin-top:18px; font-size:0.85em; color:#555; text-align:center;"> | ||
| Riga 507: | Riga 487: | ||
[[Atto_di_Custodia_del_Senso|Atto di custodia del senso]] non negoziabile. | [[Atto_di_Custodia_del_Senso|Atto di custodia del senso]] non negoziabile. | ||
</div> | </div> | ||
</div><!-- /mp-readable progetti --> | |||
</div><!-- /chapter-content --> | |||
Versione delle 09:17, 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 .
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.