<!DOCTYPE html>
<html lang="it" data-theme="dark" data-palette="ink">
<head>
  <meta charset="UTF-8">
  <script nonce="VJd+WFo6FymLaHR0tvfSsA==">(function(){var h=new Date().getHours();document.documentElement.setAttribute('data-theme',(h>=7&&h<20)?'light':'dark');})();</script>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <!-- Consent Mode v2 (GDPR — prima di GTM) -->
  <script nonce="VJd+WFo6FymLaHR0tvfSsA==">
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('consent', 'default', {
      analytics_storage:  'denied',
      ad_storage:         'denied',
      ad_user_data:       'denied',
      ad_personalization: 'denied',
      wait_for_update:    500
    });
  </script>
  <!-- Google Analytics -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=G-99E27CCBWE"></script>
  <script nonce="VJd+WFo6FymLaHR0tvfSsA==">
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());
    gtag('config', 'G-99E27CCBWE');
  </script>
  <!-- End Google Analytics -->
  <title>fabio fidone · ORBOT249</title>
  <meta name="description" content="Profilo di fabio fidone su ORBOT249. 1 messaggi pubblicati." />
  <link rel="canonical" href="https://www.orbot249.it/profile.php?id=7" />
  <meta property="og:type" content="profile" />
  <meta property="og:url" content="https://www.orbot249.it/profile.php?id=7" />
  <meta property="og:title" content="fabio fidone · ORBOT249" />
  <meta property="og:description" content="Profilo di fabio fidone su ORBOT249. 1 messaggi pubblicati." />
  <meta property="og:image" content="https://www.orbot249.it/assets/banners/og-main.png" />
  <style>
    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    :root {
      --bg: #030712; --bg2: #0b1120; --bg3: #111827;
      --line: rgba(255,255,255,0.07); --text: #e2e8f0; --text-muted: #64748b;
      --accent: #38bdf8; --accent2: #818cf8; --accent3: #34d399; --danger: #f87171;
      --font: 'Space Grotesk',sans-serif; --mono: 'Space Mono',monospace;
    }
    body { background: var(--bg); color: var(--text); font-family: var(--font); font-size: 15px; line-height: 1.6; min-height: 100vh; }
    .container { max-width: 900px; margin: 0 auto; padding: 0 24px; }
    main { padding: 48px 0 80px; }
    /* Profile card */
    .profile-card { background: var(--bg2); border: 1px solid var(--line); border-radius: 20px; padding: 36px; margin-bottom: 24px; display: flex; align-items: center; gap: 28px; flex-wrap: wrap; }
    .avatar { width: 80px; height: 80px; border-radius: 50%; background: linear-gradient(135deg, var(--accent), var(--accent2)); display: flex; align-items: center; justify-content: center; font-size: 2rem; font-weight: 700; color: #030712; flex-shrink: 0; }
    .profile-info { flex: 1; min-width: 200px; }
    .profile-name { font-size: 1.8rem; font-weight: 700; margin-bottom: 4px; }
    .profile-meta { font-size: 13px; color: var(--text-muted); display: flex; gap: 16px; flex-wrap: wrap; margin-bottom: 16px; }
    /* Stats chips */
    .stats-row { display: flex; gap: 12px; flex-wrap: wrap; }
    .stat-chip { background: var(--bg3); border: 1px solid var(--line); border-radius: 10px; padding: 12px 18px; text-align: center; }
    .stat-chip-v { font-family: var(--mono); font-size: 1.5rem; font-weight: 700; color: var(--accent); }
    .stat-chip-l { font-size: 11px; color: var(--text-muted); margin-top: 2px; }
    /* My profile notice */
    .my-profile-bar { background: rgba(56,189,248,0.07); border: 1px solid rgba(56,189,248,0.2); border-radius: 10px; padding: 12px 18px; margin-bottom: 24px; font-size: 13px; color: var(--accent); display: none; align-items: center; gap: 10px; }
    /* Panel */
    .panel { background: var(--bg2); border: 1px solid var(--line); border-radius: 16px; overflow: hidden; margin-bottom: 24px; }
    .panel-header { padding: 20px 24px 0; }
    .section-title { font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: var(--text-muted); display: flex; align-items: center; gap: 10px; padding-bottom: 16px; border-bottom: 1px solid var(--line); }
    .section-title::after { content: ''; flex: 1; height: 1px; background: var(--line); display: none; }
    /* Signal rows */
    .sig-row { display: grid; grid-template-columns: 1fr auto; gap: 12px; align-items: start; padding: 16px 24px; border-bottom: 1px solid var(--line); transition: background .15s; }
    .sig-row:last-child { border-bottom: none; }
    .sig-row:hover { background: rgba(255,255,255,0.015); }
    .sig-id { font-family: var(--mono); font-size: 12px; color: var(--accent); text-decoration: none; margin-bottom: 3px; display: inline-block; }
    .sig-id:hover { text-decoration: underline; }
    .sig-preview { font-size: 13px; color: var(--text-muted); max-width: 420px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 5px; }
    .sig-meta { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
    .sig-date { font-family: var(--mono); font-size: 11px; color: var(--text-muted); }
    .sig-likes { font-size: 11px; color: var(--text-muted); }
    .sig-actions { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
    .status-transit { display: inline-flex; align-items: center; gap: 4px; font-family: var(--mono); font-size: 10px; color: var(--accent3); background: rgba(52,211,153,0.1); border: 1px solid rgba(52,211,153,0.2); padding: 2px 8px; border-radius: 999px; }
    .btn-sm { font-family: var(--mono); font-size: 11px; padding: 4px 10px; border-radius: 5px; border: 1px solid var(--line); background: transparent; color: var(--text-muted); cursor: pointer; transition: all .2s; text-decoration: none; display: inline-block; }
    .btn-sm:hover { border-color: var(--accent); color: var(--accent); }
    .btn-sm.danger:hover { border-color: var(--danger); color: var(--danger); }
    /* Empty state */
    .empty-state { padding: 48px 24px; text-align: center; color: var(--text-muted); }
    .empty-icon { font-size: 2.5rem; margin-bottom: 12px; }
    .btn-send { display: inline-block; margin-top: 16px; background: var(--accent); color: #030712; font-family: var(--font); font-size: 13px; font-weight: 700; border-radius: 8px; padding: 9px 22px; text-decoration: none; }
    /* Footer */
    .site-footer {
    /* OrbotCoins upsell banner */
    .orbotcoins-banner {
      display: flex; align-items: center; gap: 20px;
      background: linear-gradient(135deg, rgba(251,191,36,0.08), rgba(251,191,36,0.03));
      border: 1px solid rgba(251,191,36,0.25); border-radius: 14px;
      padding: 20px 24px; margin-top: 32px;
    }
    .obc-icon { font-size: 28px; color: #fbbf24; flex-shrink: 0; }
    .obc-text { flex: 1; }
    .obc-title { font-size: 15px; font-weight: 700; color: #fbbf24; margin-bottom: 4px; }
    .obc-sub { font-size: 13px; color: var(--text-muted); line-height: 1.5; }
    .obc-cta {
      flex-shrink: 0; background: #fbbf24; color: #030712;
      font-weight: 700; font-size: 13px; border-radius: 8px;
      padding: 9px 18px; text-decoration: none; white-space: nowrap;
    }
    .obc-cta:hover { background: #f59e0b; }
    @media (max-width: 600px) {
      .orbotcoins-banner { flex-direction: column; align-items: flex-start; }
    } padding: 32px 24px; border-top: 1px solid var(--line); display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px; margin-top: 40px; }
    .footer-links { display: flex; gap: 20px; flex-wrap: wrap; }
    .footer-links a { font-size: 13px; color: var(--text-muted); text-decoration: none; }
    .footer-links a:hover { color: var(--text); }
    /* Toast */
    #toast { position: fixed; bottom: 24px; right: 24px; background: var(--bg3); border: 1px solid var(--line); border-radius: 10px; padding: 12px 20px; font-size: 13px; display: none; z-index: 9999; }
    #toast.ok { border-color: rgba(52,211,153,0.4); color: var(--accent3); }
    #toast.err { border-color: rgba(248,113,113,0.4); color: var(--danger); }
  </style>
  <script src="/cookie-banner.js" defer></script>

  <link rel="preconnect" href="https://fonts.googleapis.com" />
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
  <link href="https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600;700&family=Instrument+Serif:ital@0;1&family=JetBrains+Mono:wght@400;500;600&display=swap" rel="stylesheet" />
  <link rel="stylesheet" href="/assets/css/tokens.css" />
  <link rel="icon" type="image/svg+xml" href="/favicon.svg">
  <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png">
  <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16.png">
  <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon-180.png">
  <link rel="manifest" href="/site.webmanifest">
</head>
<body>

<style>
  @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration:0.01ms!important; transition-duration:0.01ms!important; } }
  .skip-link { position:absolute; top:-100px; left:16px; background:var(--accent); color:var(--accent-ink); padding:8px 16px; border-radius:var(--radius-pill); font-size:14px; font-weight:600; z-index:9999; text-decoration:none; }
  .skip-link:focus { top:16px; }
  .nav-user { font-size:13px; color:var(--accent); font-weight:600; display:none; align-items:center; gap:6px; padding:8px 12px; }
  .nav-coins { font-family:var(--font-mono); font-size:12px; color:var(--accent); cursor:pointer; padding:6px 10px; background:var(--accent-soft); border-radius:var(--radius-pill); display:none; white-space:nowrap; transition:background .2s; }
  .nav-coins:hover { background:rgba(232,181,71,0.2); }
  .nav-btn-login { font-family:var(--font-body); font-size:13px; font-weight:500; background:transparent; border:1px solid var(--line-2); color:var(--fg); padding:8px 16px; border-radius:var(--radius-pill); cursor:pointer; transition:border-color .2s, color .2s; white-space:nowrap; }
  .nav-btn-login:hover { border-color:var(--fg); }
  .nav-sostieni { color:var(--accent) !important; font-weight:600; }
  /* ── Light mode esplicito ── */
  [data-theme="light"] .nav-logo,
  [data-theme="light"] .nav-links a { color:var(--fg-2); }
  [data-theme="light"] .nav-links a:hover { color:var(--fg); background:var(--surface); }
  [data-theme="light"] .nav-logo .num { color:var(--accent); }
  [data-theme="light"] .nav-btn-login { border-color:var(--line-2); color:var(--fg); }
</style>

<a href="#main-content" class="skip-link">Vai al contenuto principale</a>

<nav class="nav">
  <div class="shell nav-inner">
    <a href="/" class="nav-logo" aria-label="ORBOT249 — homepage">
      <svg width="22" height="22" viewBox="0 0 64 64" fill="none" aria-hidden="true">
        <circle cx="32" cy="32" r="28" stroke="currentColor" stroke-width="1.5"/>
        <ellipse cx="32" cy="32" rx="28" ry="11" stroke="currentColor" stroke-width="1" transform="rotate(-22 32 32)" opacity="0.6"/>
        <circle cx="55" cy="22" r="3" fill="currentColor"/>
        <line x1="32" y1="6"  x2="32" y2="14" stroke="currentColor"/>
        <line x1="32" y1="50" x2="32" y2="58" stroke="currentColor"/>
        <line x1="6"  y1="32" x2="14" y2="32" stroke="currentColor"/>
        <line x1="50" y1="32" x2="58" y2="32" stroke="currentColor"/>
        <circle cx="32" cy="32" r="1.5" fill="currentColor"/>
      </svg>
      <span>ORBOT<span class="num">249</span></span>
    </a>

    <div class="nav-links">
      <a href="/signals.php">Board</a>      <a href="/community.php">Community</a>      <a href="/leaderboard.php">Classifica</a>      <a href="/ledger.php">Ledger</a>      <a href="/manifesto.php">Manifesto</a>      <a href="/verify.php">Verifica</a>      <a href="/#send">Scrivi</a>
      <a href="/shop.php" class="nav-sostieni">Sostieni</a>
    </div>

    <div style="display:flex; gap:8px; align-items:center;">
      <span id="navCoinBalance" class="nav-coins" title="I tuoi OrbotCoins" onclick="window.location.href='/account.php?tab=coins'"></span>
      <span id="userDisplay" class="nav-user"></span>
      <button id="loginBtn" class="nav-btn-login" type="button">Accedi</button>
    </div>
  </div>
</nav>

<script nonce="VJd+WFo6FymLaHR0tvfSsA==">
(function () {
  const API  = '/api';
  const tok  = localStorage.getItem('token');
  const loginBtn    = document.getElementById('loginBtn');
  const userDisplay = document.getElementById('userDisplay');
  const coinBal     = document.getElementById('navCoinBalance');

  loginBtn.addEventListener('click', function () {
    if (localStorage.getItem('token')) {
      localStorage.removeItem('token');
      window.location.href = '/';
    } else {
      window.location.href = '/#authModal';
    }
  });

  if (!tok) return;

  fetch(API + '/auth/me.php', { headers: { Authorization: 'Bearer ' + tok } })
    .then(function (r) { return r.ok ? r.json() : null; })
    .then(function (u) {
      if (!u) { localStorage.removeItem('token'); return; }
      const name = u.first_name || u.name || u.email || '';
      if (userDisplay) { userDisplay.style.display = 'inline-flex'; userDisplay.textContent = name; }
      if (loginBtn)    { loginBtn.textContent = 'Esci'; }
      if (coinBal && u.coins_balance !== undefined) {
        coinBal.textContent = '◈ ' + u.coins_balance;
        coinBal.style.display = 'inline-block';
      }
    })
    .catch(function () {});
})();
</script>

  <main id="main-content">
    <div class="container">

      <!-- My profile bar (shown if viewing own profile) -->
      <div class="my-profile-bar" id="myProfileBar">
        Stai visualizzando il tuo profilo
      </div>

      <!-- Profile card -->
      <div class="profile-card">
        <div class="avatar">F</div>
        <div class="profile-info">
          <div class="profile-name">fabio fidone</div>
          <div class="profile-meta">
            <span>Membro dal 07/04/2026</span>
          </div>
          <div class="stats-row">
            <div class="stat-chip">
              <div class="stat-chip-v">1</div>
              <div class="stat-chip-l">Segnali inviati</div>
            </div>
            <div class="stat-chip">
              <div class="stat-chip-v">1</div>
              <div class="stat-chip-l">Mi piace ricevuti</div>
            </div>
            <div class="stat-chip">
              <div class="stat-chip-v">·</div>
              <div class="stat-chip-l">
                Esordiente              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Signals panel -->
      <div class="panel">
        <div class="panel-header">
          <div class="section-title">
            Segnali inviati
            <span style="font-family:var(--mono); font-size:11px; color:var(--accent); background:rgba(56,189,248,0.1); padding:1px 8px; border-radius:999px; font-weight:700; margin-left:4px;">1</span>
          </div>
        </div>

                        <div class="sig-row" id="sigrow-ORBOT-20260519-09851">
          <div>
            <a href="/signal.php?id=ORBOT-20260519-09851" class="sig-id">ORBOT-20260519-09851</a>
            <div class="sig-preview">Messaggio di Prova, qui …</div>
            <div class="sig-meta">
              <span class="sig-date">19/05/2026 10:40</span>
              <span class="status-transit">● IN TRANSITO</span>
                            <span class="sig-likes">1 mi piace</span>
                          </div>
          </div>
          <div class="sig-actions">
            <a href="/signal.php?id=ORBOT-20260519-09851" class="btn-sm">Apri</a>
            <a href="/verify.php?id=ORBOT-20260519-09851" class="btn-sm">Verifica</a>
            <button class="btn-sm danger" type="button" onclick="copySignalURL('ORBOT-20260519-09851')">Condividi</button>
          </div>
        </div>
                      </div>


      <!-- OrbotCoins upsell -->
      <div class="orbotcoins-banner">
        <div class="obc-icon">◈</div>
        <div class="obc-text">
          <div class="obc-title">Aumenta la tua influenza</div>
          <div class="obc-sub">Gli OrbotCoins ti permettono di sostenere i segnali che apprezzi e salire nella classifica esploratori.</div>
        </div>
        <a href="/shop.php" class="obc-cta">Ottieni OrbotCoins →</a>
      </div>
    </div>
  </main>
  <footer class="footer">
  <div class="shell">
    <div class="footer-grid">
      <div>
        <a href="/" class="nav-logo" style="margin-bottom:18px; text-decoration:none;">
          <svg width="26" height="26" viewBox="0 0 64 64" fill="none" aria-hidden="true">
            <circle cx="32" cy="32" r="28" stroke="currentColor" stroke-width="1.5"/>
            <ellipse cx="32" cy="32" rx="28" ry="11" stroke="currentColor" stroke-width="1" transform="rotate(-22 32 32)" opacity="0.6"/>
            <circle cx="55" cy="22" r="3" fill="currentColor"/>
            <circle cx="32" cy="32" r="1.5" fill="currentColor"/>
          </svg>
          <span style="font-family:var(--font-display); font-weight:600; letter-spacing:-0.01em; color:var(--fg);">ORBOT<span style="color:var(--accent);">249</span></span>
        </a>
        <p style="font-family:var(--font-display); font-size:20px; letter-spacing:-0.02em; line-height:1.2; margin:20px 0 0; max-width:32ch; color:var(--fg);">
          Le idee <em style="font-family:var(--font-serif); font-style:italic; color:var(--accent); font-weight:400;">si lavorano.</em>
        </p>
        <p style="font-family:var(--font-mono); font-size:10px; letter-spacing:0.1em; text-transform:uppercase; color:var(--muted); margin:12px 0 0;">orbot249.it · sistema di selezione</p>
      </div>

      <div>
        <h5>Sistema</h5>
        <a href="/signals.php">Board</a>
        <a href="/ledger.php">Ledger</a>
        <a href="/community.php">Community</a>
        <a href="/manifesto.php">Manifesto</a>
        <a href="/leaderboard.php">Classifica</a>
      </div>

      <div>
        <h5>Legali</h5>
        <a href="/legal/terms.html">Termini</a>
        <a href="/legal/privacy.html">Privacy</a>
        <a href="/legal/cookie-policy.html">Cookie</a>
        <a href="/legal/content.html">Contenuti</a>
        <a href="/legal/refunds.html">Rimborsi</a>
        <a href="/legal/orbotcoins.html">OrbotCoins</a>
      </div>

      <div>
        <h5>Trasmissioni</h5>
        <p style="color:var(--fg-2); font-size:13px; line-height:1.5; margin:0 0 12px;">
          Un segnale a settimana. Solo quando vale la pena. Niente rumore.
        </p>
        <form class="newsletter" action="/api/newsletter/subscribe.php" method="post">
          <input type="email" name="email" placeholder="indirizzo@dominio.it" required aria-label="Il tuo indirizzo email">
          <button type="submit">Trasmetti</button>
        </form>
      </div>
    </div>

    <div style="display:flex; justify-content:space-between; flex-wrap:wrap; padding-top:28px; border-top:1px solid var(--line); gap:16px; font-family:var(--font-mono); font-size:10px; letter-spacing:0.1em; text-transform:uppercase; color:var(--muted);">
      <span>© ORBOT249 · 2026</span>
      <span>Il sistema corregge. Non decide.</span>
      <span>orbot249.it</span>
    </div>
  </div>
</footer>
<script nonce="VJd+WFo6FymLaHR0tvfSsA==">
(function(){
  // Newsletter submit
  var form = document.querySelector('.newsletter');
  if (form) {
    form.addEventListener('submit', function(e) {
      e.preventDefault();
      var email = form.querySelector('input[type="email"]').value;
      var btn = form.querySelector('button');
      btn.disabled = true;
      btn.textContent = '...';
      fetch('/api/newsletter/subscribe.php', {
        method: 'POST',
        headers: {'Content-Type':'application/json'},
        body: JSON.stringify({email: email})
      })
      .then(function(r){ return r.json(); })
      .then(function(d){
        btn.textContent = d.ok ? 'Iscritto ✓' : 'Errore';
        if (!d.ok) { btn.disabled = false; btn.textContent = 'Riprova'; }
      })
      .catch(function(){ btn.disabled = false; btn.textContent = 'Riprova'; });
    });
  }
})();
</script>


  <script nonce="VJd+WFo6FymLaHR0tvfSsA==">
    // anno gestito da footer.php (id=footerYear)
    const MY_USER_ID = 7;
    const token = localStorage.getItem('token');

    function showToast(msg, type = 'ok') {
      const t = document.getElementById('toast');
      t.textContent = msg;
      t.className = type;
      t.style.display = 'block';
      setTimeout(() => { t.style.display = 'none'; }, 3000);
    }

    if (token) {
      fetch('/api/auth/me.php', { headers: { Authorization: 'Bearer ' + token } })
        .then(r => r.json()).then(data => {
          const user = data.user || data;
          document.getElementById('userDisplay').style.display = 'inline';
    function getMedalHtml(tier) {
      const b = '/assets/';
      if (tier === 'premium') return '<span title="Premium" style="color:#fbbf24;font-size:14px;margin-right:3px;">&#9733;</span>';
      if (tier === 'gold')   return '<img src="'+b+'medal-gold.webp" alt="Gold" title="Gold Tier" style="width:16px;height:16px;vertical-align:middle;margin-right:4px;">';
      if (tier === 'silver') return '<img src="'+b+'medal-silver.webp" alt="Silver" title="Silver Tier" style="width:16px;height:16px;vertical-align:middle;margin-right:4px;">';
      if (tier === 'bronze') return '<img src="'+b+'medal-bronze.webp" alt="Bronze" title="Bronze Tier" style="width:16px;height:16px;vertical-align:middle;margin-right:4px;">';
      return '';
    }
          const elU = document.getElementById('userDisplay'); elU.style.display='inline-flex'; elU.style.alignItems='center'; elU.innerHTML = getMedalHtml(user.display_tier)+(user.name||user.email||'Account');
          document.getElementById('loginBtn').style.display = 'none';
          // Show my profile notice if viewing own profile
          if (user.id && parseInt(user.id) === MY_USER_ID) {
            document.getElementById('myProfileBar').style.display = 'flex';
          }
        }).catch(() => {});
    }


    function copySignalURL(signalId) {
      const url = location.origin + '/signal.php?id=' + encodeURIComponent(signalId);
      navigator.clipboard.writeText(url).then(() => showToast('URL copiato!', 'ok')).catch(() => showToast('Impossibile copiare', 'err'));
    }
  </script>
</body>
</html>
