Prova 1: differenze tra le versioni

← Differenza precedente Differenza successiva →

Versione delle 22:07, 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.

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

@@ Riga 1: / Riga 1: @@
-<div style="
+<html>
-position:absolute;
+<div id="pyramid-access-map" style="position:relative; max-width:1200px; margin:0 auto;">
-top:24%;
-left:33%;
-">
-<span style="
+  <style>
-color:white;
+    /* Scopo: SOLO per questo hero */
-font-family:Georgia, serif;
+    #pyramid-access-map .pyr-label{
-font-size:18px;
+      position:absolute;
-font-weight:300;
+      color:#fff;
-text-shadow:0 2px 6px rgba(0,0,0,0.6);
+      font-family: Georgia, serif;
-cursor:pointer;
+      font-size:18px;
-z-index:10;
+      font-weight:300;
-position:relative;
+      text-shadow:0 2px 6px rgba(0,0,0,0.6);
-">
+    }
-{{Tooltip
+    #pyramid-access-map .pyr-link{
-|2={{#tag:html|
+      position:relative;
-<div style="max-width:420px;">
+      color:inherit;
-  <p style="margin:0 0 10px 0;">
+      text-decoration:none;
-    <strong>Member Access</strong><br/>
+      cursor:help;
-     Full Book Index access, Extraordinary Science, advanced research tools and editorial participation.
+      padding:2px 4px;
-  </p>
+      border-radius:4px;
+     }
-   <div style="text-align:center; margin-top:10px;">
+    /* Tooltip custom */
-     <a href="https://donate.stripe.com/dRm28s2r8abBa5X0cJ53O00"
+    #pyramid-access-map .pyr-link .pyr-tip{
-       target="_blank"
+      display:none;
-       style="display:inline-block;
+      position:absolute;
-              padding:10px 18px;
+      left:50%;
-              font-size:14px;
+      top:-10px;
-              font-weight:600;
+      transform:translate(-50%,-100%);
-              color:#fff;
+      min-width:260px;
-              background:#1a1a1a;
+      max-width:360px;
-              border-radius:8px;
+      background:rgba(0,0,0,0.85);
-              text-decoration:none;">
+      color:#fff;
-       ❤️ Support Masticationpedia
+      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;
+    }
+    /* Freccetta */
+    #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);
+    }
+    #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>
-</div>
-}}
-|Member}}
-</span>
+  <!-- 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>
+  <!-- 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>
+        <span style="display:block; margin-top:10px; text-align:center;">
+          <a href="https://donate.stripe.com/dRm28s2r8abBa5X0cJ53O00"
+             target="_blank"
+             style="display:inline-block;
+                    padding:10px 16px;
+                    font-size:13px;
+                    font-weight:600;
+                    color:#fff;
+                    background:#1a1a1a;
+                    border-radius:10px;
+                    text-decoration:none;
+                    border:1px solid rgba(255,255,255,0.25);">
+            ❤️ Subscribe / Support via Stripe
+          </a>
+        </span>
+      </span>
+    </a>
+  </div>
 </div>
+</html>