Prova 1: differenze tra le versioni

← Differenza precedente Differenza successiva →

Versione delle 21:28, 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: @@
 <html>
-<div style="position:relative; max-width:1200px; margin:0 auto;">
+<div id="pyramid-access-map" style="position:relative; max-width:1200px; margin:0 auto;">
-<img src="/wiki/Special:FilePath/Affiliation.jpg" style="width:100%; height:auto;" />
+  <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);
+    }
-<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);">
+    #pyramid-access-map .pyr-link{
-<a href="#" style="color:inherit; text-decoration:none; cursor:help;"
+      position:relative;
-title="Open access to abstracts only • Clinical orientation & references • No full chapters • Free and public">
+      color:inherit;
-Open Access
+      text-decoration:none;
-</a>
+      cursor:help;
-</div>
+      padding:2px 4px;
+      border-radius: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);">
+    /* Tooltip custom */
-<a href="#" style="color:inherit; text-decoration:none; cursor:help;"
+    #pyramid-access-map .pyr-link .pyr-tip{
-title="Affiliation to the Masticationpedia Network • Advanced training & supervised methods • Access by evaluation only • Contact via LinkedIn">
+      display:none;
-Affiliate
+      position:absolute;
-</a>
+      left:50%;
-</div>
+      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="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);">
+    /* Freccetta */
-<a href="#" style="color:inherit; text-decoration:none; cursor:help;"
+    #pyramid-access-map .pyr-link .pyr-tip:after{
-title="Membership €50/year • Full Book Index + Extraordinary Science • Community participation & editorial contribution • Research tools access">
+      content:"";
-Member
+      position:absolute;
-</a>
+      left:50%;
-</div>
+      top:100%;
+      transform:translateX(-50%);
+      border:8px solid transparent;
+      border-top-color:rgba(0,0,0,0.85);
+    }
+    #pyramid-access-map .pyr-link:hover .pyr-tip{
+      display:block;
+    }
+  </style>
+  <img src="/wiki/Special:FilePath/Affiliation.jpg" style="width:100%; height:auto;" alt="Access map" />
+  <!-- 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>
+  <!-- AFFILIATE (centro-alto) -->
+  <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>
+  <!-- MEMBER (sinistra) -->
+  <div class="pyr-label" style="top:24%; left:33%;">
+    <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>
 </html>