Nessun oggetto della modifica
Nessun oggetto della modifica
 
(8 versioni intermedie di uno stesso utente non sono mostrate)
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);
    }
 
    #pyramid-access-map .pyr-link{
      position:relative;
      color:inherit;
      text-decoration:none;
      cursor:help;
      padding:2px 4px;
      border-radius:4px;
    }
 
    /* 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;
    }
 
    /* 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 pyr-tip-bottom">
      <b>Open Access</b><br><br>
 
      Accesso libero ai contenuti introduttivi di Masticationpedia.<br><br>
 
      Consente di:
      <ul style="margin:6px 0 6px 18px; padding:0;">
        <li>leggere gli <b>abstract estesi</b></li>
        <li>comprendere l’orientamento clinico generale</li>
        <li>esplorare modelli concettuali e linguaggio scientifico</li>
      </ul>
 
      <b>Non include</b> l’accesso ai capitoli completi del Book Index
      né agli strumenti avanzati.<br><br>
 
      Pensato per orientarsi e valutare l’ingresso nel progetto.
    </span>
  </a>


<!-- OPEN ACCESS (piramide destra) -->
<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);
">
{{Tooltip
|2={{#tag:html|
<div style="max-width:560px;">
  <p style="margin:0 0 8px 0;">
    <strong>Open Access</strong><br/>
    Free access to <strong>abstracts</strong> and <strong>references</strong> only.<br/>
    Full chapters are reserved.
  </p>
</div>
</div>
}}
 
|Open Access}}
 
  <!-- AFFILIATE (centro-alto) -->
  <div class="pyr-label" style="top:20%; left:47%;">
 
  <span class="pyr-link">
    Affiliate
 
    <span class="pyr-tip" style="top:120%; transform:translate(-50%,0);">
      <b>Affiliate Program</b><br><br>
 
      Percorso selettivo e non pubblico, per professionisti che vogliono
      un coinvolgimento clinico e scientifico avanzato.<br><br>
 
      <ul style="margin:6px 0 6px 18px; padding:0;">
        <li>formazione avanzata</li>
        <li>supervisione clinica</li>
        <li>collaborazione editoriale</li>
        <li>partecipazione a progetti di ricerca</li>
      </ul>
 
      <div style="text-align:center; margin-top:10px;">
        <a href="https://www.linkedin.com/company/masticationpedia-network/?viewAsMember=true"
          target="_blank"
          style="display:inline-block; padding:10px 18px; font-size:13px; font-weight:600;
                  color:#fff; background:#0077b5; border-radius:10px; text-decoration:none;">
          🔗 Contact us via LinkedIn
        </a>
        <div style="margin-top:6px; font-size:11px; opacity:0.9;">
          Click <b>Message</b> on our LinkedIn page to get in touch directly.
        </div>
      </div>
    </span>
 
  </span>
 
</div>
</div>


<!-- AFFILIATE (piramide centrale) -->
<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
|2={{#tag:html|
<div style="max-width:560px;">
  <p style="margin:0 0 10px 0;">
    <strong>Affiliate Program</strong><br/>
    Professional affiliation, advanced training and clinical collaboration within Masticationpedia.
  </p>


  <div style="text-align:center; padding-top:6px;">
    <a href="https://www.linkedin.com/company/masticationpedia-network/?viewAsMember=true"
      target="_blank"
      style="display:inline-block; background-color:#0077b5; color:#fff;
              padding:12px 18px; border-radius:10px; text-decoration:none;
              font-size:14px; font-weight:600;">
      🔗 Contact us via LinkedIn<br>
      <span style="font-size:12px; font-weight:400;">
        Click <strong>Message</strong> on our LinkedIn page to get in touch directly
      </span>
    </a>
  </div>
</div>
}}
|Affiliate}}
</div>


<!-- MEMBER (piramide sinistra) -->
  <!-- MEMBER (sinistra) -->
<div style="
<div class="pyr-label" style="top:24%; left:33%;">
position:absolute;
 
top:24%;
  <span class="pyr-link">
left:33%;
    Member
color:white;
 
font-family:Georgia, serif;
      <span class="pyr-tip pyr-tip-bottom">
font-size:18px;
      <b>Member Access</b><br><br>
font-weight:300;
 
text-shadow:0 2px 6px rgba(0,0,0,0.6);
      Accesso completo all’ecosistema scientifico di Masticationpedia.<br><br>
">
 
{{Tooltip
      Include:
|2={{#tag:html|
      <ul style="margin:6px 0 6px 18px; padding:0;">
<div style="max-width:560px;">
        <li>accesso integrale al <b>Book Index</b></li>
  <p style="margin:0 0 10px 0;">
        <li>accesso alla sezione <b>Extraordinary Science</b></li>
    <strong>Member Access</strong><br/>
        <li>studio di modelli clinici avanzati</li>
    Full Book Index access, Extraordinary Science, advanced research tools and editorial participation.
        <li>partecipazione al progetto editoriale</li>
   </p>
        <li>accesso progressivo a strumenti in sviluppo (Dashboard, AI, Indice Ψ)</li>
      </ul>
 
      <div style="text-align:center; margin-top:10px;">
        <a href="https://donate.stripe.com/dRm28s2r8abBa5X0cJ53O00"
          target="_blank"
          style="display:inline-block; padding:10px 18px; font-size:13px; font-weight:600;
                  color:#fff; background:#1a1a1a; border-radius:10px; text-decoration:none;">
          ❤️ Subscribe / Support via Stripe
        </a>
      </div>
    </span>
 
   </span>


  <div style="text-align:center; margin-top:12px;">
    <a href="https://donate.stripe.com/dRm28s2r8abBa5X0cJ53O00"
      target="_blank"
      style="display:inline-block; padding:12px 20px; font-size:14px; font-weight:600;
              color:#fff; background:#1a1a1a; border-radius:8px; text-decoration:none;">
      ❤️ Support Masticationpedia
    </a>
  </div>
</div>
}}
|Member}}
</div>
</div>


</div>
</html>

Versione attuale delle 22:46, 28 dic 2025

Access map
Affiliate Affiliate Program

Percorso selettivo e non pubblico, per professionisti che vogliono un coinvolgimento clinico e scientifico avanzato.

  • formazione avanzata
  • supervisione clinica
  • collaborazione editoriale
  • partecipazione a progetti di ricerca
🔗 Contact us via LinkedIn
Click Message on our LinkedIn page to get in touch directly.
Member Member Access

Accesso completo all’ecosistema scientifico di Masticationpedia.

Include:
  • accesso integrale al Book Index
  • accesso alla sezione Extraordinary Science
  • studio di modelli clinici avanzati
  • partecipazione al progetto editoriale
  • accesso progressivo a strumenti in sviluppo (Dashboard, AI, Indice Ψ)