Prova 1: differenze tra le versioni

← Differenza precedente Differenza successiva →

Versione delle 21:54, 28 dic 2025

Open Access Open Access
Accesso libero agli abstract e all’orientamento clinico generale.
Non include i capitoli completi del Book Index.
Ideale per capire “di cosa tratta” e decidere se entrare.

Affiliate Affiliation
Percorso selettivo (non pubblico): formazione + supervisione clinica.
Per candidarti: contatta Masticationpedia su LinkedIn.
(Costi e modalità vengono discussi privatamente.)

Member Membership — €50
Accesso completo a Book Index + Extraordinary Science.
Entrata nella comunità scientifica: contributi editoriali e strumenti in sviluppo (Dashboard / AI editoriale / Indice Ψ).
Attivazione tramite Stripe.

@@ Riga 1: / Riga 1: @@
-<div style="position:relative; max-width:1200px; margin:0 auto;">
+<html>
+<div id="pyramid-access-map" style="position:relative; max-width:1200px; margin:0 auto;">
-[[File:Affiliation.jpg|frameless|1200px|link=]]
+  <style>
+    /* Scopo: SOLO per questo hero */
+    #pyramid-access-map .pyr-label{
+      position:absolute;
+      color:#fff;
+      font-family: Georgia, serif;
+      font-size:18px;
+      font-weight:300;
+      text-shadow:0 2px 6px rgba(0,0,0,0.6);
+    }
-<!-- OPEN ACCESS -->
+    #pyramid-access-map .pyr-link{
-<div style="position:absolute; top:35%; left:61%; color:white; font-family:Georgia, serif; font-size:18px; font-weight:300; text-shadow:0 2px 6px rgba(0,0,0,0.6);">
+      position:relative;
-<span title="Free access to abstracts, references and conceptual framework. No full chapters.">Open Access</span>
+      color:inherit;
-</div>
+      text-decoration:none;
+      cursor:help;
-<!-- AFFILIATE -->
+      padding:2px 4px;
-<div style="position:absolute; top:20%; left:47%; color:white; font-family:Georgia, serif; font-size:18px; font-weight:300; text-shadow:0 2px 6px rgba(0,0,0,0.6);">
+      border-radius:4px;
-<span title="Professional collaboration and advanced methods. Contact us privately via LinkedIn.">Affiliate</span>
+    }
-</div>
-<!-- MEMBER -->
-<div style="position:absolute; top:24%; left:33%; color:white; font-family:Georgia, serif; font-size:18px; font-weight:300; text-shadow:0 2px 6px rgba(0,0,0,0.6);">
-<span title="Full Book Index + Extraordinary Science. Subscription required.">Member</span>
-</div>
-</div>
+    /* Tooltip custom */
+    #pyramid-access-map .pyr-link .pyr-tip{
+      display:none;
+      position:absolute;
+      left:50%;
+      top:-10px;
+      transform:translate(-50%,-100%);
+      min-width:260px;
+      max-width:360px;
+      background:rgba(0,0,0,0.85);
+      color:#fff;
+      font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
+      font-size:13px;
+      line-height:1.35;
+      padding:10px 12px;
+      border-radius:10px;
+      box-shadow:0 8px 22px rgba(0,0,0,0.35);
+      z-index:9999;
+      white-space:normal;
+    }
-<div style="text-align:center; margin:40px auto; padding:24px; border:1px solid #ddd; border-radius:12px; max-width:520px;">
+    /* Freccetta */
-'''🧠 Member Access'''
+    #pyramid-access-map .pyr-link .pyr-tip:after{
+      content:"";
+      position:absolute;
+      left:50%;
+      top:100%;
+      transform:translateX(-50%);
+      border:8px solid transparent;
+      border-top-color:rgba(0,0,0,0.85);
+    }
-<div style="font-size:13px; line-height:1.4; margin:10px 0 16px;">
+    #pyramid-access-map .pyr-link:hover .pyr-tip{
-Full Book Index access, Extraordinary Science, advanced research tools and editorial participation.
+      display:block;
-</div>
+    }
+  </style>
-<div style="margin-top:12px;">
+  <img src="/wiki/Special:FilePath/Affiliation.jpg" style="width:100%; height:auto;" alt="Access map" />
-[[https://donate.stripe.com/dRm28s2r8abBa5X0cJ53O00 ❤️ Support Masticationpedia]]
-</div>
-</div>
+  <!-- OPEN ACCESS (destra) -->
+  <div class="pyr-label" style="top:35%; left:61%;">
+    <a class="pyr-link" href="javascript:void(0)">
+      Open Access
+      <span class="pyr-tip">
+        <b>Open Access</b><br>
+        Accesso libero agli <b>abstract</b> e all’orientamento clinico generale.<br>
+        <b>Non</b> include i capitoli completi del Book Index.<br>
+        Ideale per capire “di cosa tratta” e decidere se entrare.
+      </span>
+    </a>
+  </div>
-<div style="text-align:center; margin:40px auto; padding:24px; border:1px solid #ddd; border-radius:12px; max-width:520px;">
+  <!-- AFFILIATE (centro-alto) -->
-'''🏛️ Affiliate Program'''
+  <div class="pyr-label" style="top:20%; left:47%;">
+    <a class="pyr-link" href="javascript:void(0)">
+      Affiliate
+      <span class="pyr-tip">
+        <b>Affiliation</b><br>
+        Percorso selettivo (non pubblico): formazione + supervisione clinica.<br>
+        Per candidarti: <b>contatta Masticationpedia su LinkedIn</b>.<br>
+        (Costi e modalità vengono discussi privatamente.)
+      </span>
+    </a>
+  </div>
-<div style="font-size:13px; line-height:1.4; margin:10px 0 16px;">
+  <!-- MEMBER (sinistra) -->
-Professional affiliation, advanced training and clinical collaboration within Masticationpedia.
+  <div class="pyr-label" style="top:24%; left:33%;">
-</div>
+    <a class="pyr-link" href="javascript:void(0)">
+      Member
+      <span class="pyr-tip">
+        <b>Membership — €50</b><br>
+        Accesso completo a <b>Book Index</b> + <b>Extraordinary Science</b>.<br>
+        Entrata nella comunità scientifica: contributi editoriali e strumenti in sviluppo
+        (Dashboard / AI editoriale / Indice Ψ).<br>
+        Attivazione tramite <b>Stripe</b>.
+      </span>
+    </a>
+  </div>
-<div style="margin-top:12px;">
-[[https://www.linkedin.com/company/masticationpedia-network/?viewAsMember=true 🔗 Contact us via LinkedIn]]
-</div>
-<div style="margin-top:10px; font-size:12px;">
-Click '''Message''' on our LinkedIn page to get in touch directly.
-</div>
 </div>
+</html>