index.js

/* ---------- view router (tabs) ---------- */
const navlinks = document.getElementById('navlinks');
const views = document.querySelectorAll('.view');
const validViews = new Set(['home','schedule','speakers','sponsors','cfp','venue']);

function showView(id, push){
  if(!validViews.has(id)) id = 'home';
  views.forEach(v => {
    const on = v.id === 'view-' + id;
    v.classList.toggle('active', on);
    v.style.display = on ? 'block' : 'none';
  });
  document.querySelectorAll('.navlinks a[data-view]').forEach(a =>
    a.classList.toggle('current', a.dataset.view === id));
  window.scrollTo(0, 0);
  navlinks.classList.remove('open');
  if(push !== false && location.hash !== '#' + id) history.pushState(null, '', '#' + id);
}
document.querySelectorAll('[data-view]').forEach(el => {
  el.addEventListener('click', e => { e.preventDefault(); showView(el.dataset.view); });
});
window.addEventListener('popstate', () => showView((location.hash || '#home').slice(1), false));

/* ---------- mobile menu ---------- */
document.getElementById('burger').addEventListener('click', () => navlinks.classList.toggle('open'));

/* ---------- speakers (real data) ---------- */
const speakers = [
  {n:'Charles Nutter', r:'Co-Lead of JRuby', t:'Keynote: 13 Years Inside JRuby & the JVM', kb:true},
  {n:'Andrzej Krzywda', r:'CEO, Arkency', t:'15 Years of Rails with Domain-Driven Design'},
  {n:'Nandini Singhal', r:'Principal Software Engineer, Oracle', t:'Ruby, Meet the Metaverse'},
  {n:'Prateek Choudhary', r:'Assoc. Director of Engineering, Pattern', t:'The Solid Shift: Redis → Resilience'},
  {n:'Puneet Khushwani', r:'Senior Engineering Manager, GoDaddy', t:"Ruby's Lexer & Parser, Demystified"},
  {n:'Prathamesh Sonpatki', r:'Developer Evangelist, Last9', t:'Teaching AI to Debug Your Rails Apps'},
  {n:'Rakesh Jha', r:'VP, MSCI', t:'JRuby: A Love Affair of Java & Ruby'},
  {n:'Ratnadeep Deshmane', r:'Founder, BetaCraft Technologies', t:'Reading Rails: A Visual Walkthrough'},
  {n:'Sameer Kumar', r:'Senior Technical Consultant, Sedin', t:'Ruby DSLs That Read Like English'},
  {n:'Udbhav Gambhir', r:'Member of Technical Staff, ThoughtSpot', t:'Inside the Rails Boot Process & Puma'},
  {n:'Vishwajeetsingh Desurkar', r:'Senior Software Engineer, Josh', t:'What If… Ruby Led the AI Revolution?'},
  {n:'Vlad Dyachenko', r:'Platform Engineer, Cybergizer', t:'MCP Security: Risks & Defenses'},
  {n:'Chikahiro Tokoro', r:'Senior Engineer, Lanes & Planes', t:'Is the Monolith a Problem?'},
  {n:'Deepan Kumar', r:'Staff Engineer, G2', t:'AI at Runtime: Self-Healing Ruby Apps'},
  {n:'Gautam Rege', r:'Co-Founder, Josh Software', t:'Conference Kickoff'}
];
const initials = name => name.split(' ').filter(Boolean).slice(0,2).map(w=>w[0]).join('').toUpperCase();
document.getElementById('spkGrid').innerHTML = speakers.map(s => `
  <article class="spk">
    ${s.kb ? '<span class="kb">Keynote</span>' : ''}
    <div class="spk-avatar"><span class="ring"></span><span class="initials">${initials(s.n)}</span></div>
    <div class="spk-body">
      <div class="spk-name">${s.n}</div>
      <div class="spk-role">${s.r}</div>
      <div class="spk-talk">${s.t}</div>
    </div>
  </article>`).join('');

/* ---------- countdown to 21 Nov 2026, 9:00 AM IST ---------- */
const target = new Date('2026-11-21T09:00:00+05:30').getTime();
const el = {d:'cd-days',h:'cd-hrs',m:'cd-min',s:'cd-sec'};
const pad = n => String(n).padStart(2,'0');
function tick(){
  let diff = Math.max(0, target - Date.now());
  const d = Math.floor(diff/864e5); diff -= d*864e5;
  const h = Math.floor(diff/36e5); diff -= h*36e5;
  const m = Math.floor(diff/6e4); diff -= m*6e4;
  const s = Math.floor(diff/1e3);
  document.getElementById(el.d).textContent = d;
  document.getElementById(el.h).textContent = pad(h);
  document.getElementById(el.m).textContent = pad(m);
  document.getElementById(el.s).textContent = pad(s);
}
tick(); setInterval(tick, 1000);

/* ---------- nav shadow on scroll ---------- */
const topbar = document.querySelector('.topbar');
addEventListener('scroll', () => {
  topbar.style.boxShadow = scrollY > 20 ? '0 10px 30px -20px rgba(94,10,32,.45)' : 'none';
});

/* ---------- mini-game: Gem Catch ---------- */
(function(){
  const stage = document.getElementById('gameStage');
  if(!stage) return;
  const scoreEl = document.getElementById('gScore');
  const timeEl  = document.getElementById('gTime');
  const overlay = document.getElementById('gOverlay');
  const RUBY = '<svg viewBox="0 0 32 28"><path d="M8 2h16l6 8-14 16L2 10z" fill="#E0115F"/><path d="M8 2l8 8 8-8M2 10h28M16 10v16" stroke="#F2D58C" stroke-width="1.4" fill="none"/></svg>';

  let running=false, score=0, timeLeft=10, items=[], lastT=0, spawnAcc=0, secAcc=0, raf=0, best=0;

  function spawn(){
    const w = stage.clientWidth;
    const isBomb = Math.random() < 0.22;
    const el = document.createElement('div');
    el.className = isBomb ? 'bomb' : 'gem';
    el.innerHTML = isBomb ? '💣' : RUBY;
    el.style.left = Math.max(0, Math.random()*(w-46)) + 'px';
    el.style.transform = 'translateY(-50px)';
    const it = { el, y:-50, vy: 85 + Math.random()*65 + (10-timeLeft)*5, alive:true };
    el.addEventListener('pointerdown', ev => {
      ev.preventDefault();
      if(!running || !it.alive) return;
      it.alive = false;
      if(isBomb){ score = Math.max(0, score-2); el.className='bomb boom'; }
      else { score += 1; el.className='gem pop'; }
      scoreEl.textContent = score;
      setTimeout(()=>el.remove(), 220);
    }, {passive:false});
    stage.appendChild(el);
    items.push(it);
  }

  function loop(t){
    if(!running) return;
    if(!lastT) lastT = t;
    const dt = Math.min(0.05, (t-lastT)/1000); lastT = t;
    spawnAcc += dt; secAcc += dt;
    const spawnEvery = Math.max(0.30, 0.58 - (10-timeLeft)*0.028);
    if(spawnAcc >= spawnEvery){ spawnAcc = 0; spawn(); }
    if(secAcc >= 1){ secAcc -= 1; timeLeft -= 1; timeEl.textContent = Math.max(0, timeLeft); if(timeLeft <= 0){ endGame(); return; } }
    const h = stage.clientHeight;
    for(const it of items){ if(!it.alive) continue; it.y += it.vy*dt; it.el.style.transform = 'translateY('+it.y+'px)'; if(it.y > h){ it.alive=false; it.el.remove(); } }
    items = items.filter(it => it.alive);
    raf = requestAnimationFrame(loop);
  }

  function clearItems(){ items.forEach(it => it.el.remove()); items = []; }

  function startGame(){
    clearItems(); score=0; timeLeft=10; lastT=0; spawnAcc=0; secAcc=0; running=true;
    scoreEl.textContent='0'; timeEl.textContent='10';
    overlay.classList.add('hide');
    raf = requestAnimationFrame(loop);
  }

  function endGame(){
    running=false; cancelAnimationFrame(raf); clearItems(); timeEl.textContent='0';
    const isBest = score > best && score > 0;
    if(score > best) best = score;
    overlay.classList.remove('hide');
    overlay.innerHTML =
      `<h3>Time's up!</h3><div class="big-score">${score}</div>`
      + `<p>${score===0 ? 'No rubies this time — give it another go!' : (isBest ? '🎉 New personal best!' : 'Nice catching! Best this session: ' + best + '.')}</p>`
      + `<button class="btn btn-gold" id="gAgain">Play Again</button>`;
    document.getElementById('gAgain').addEventListener('click', startGame);
  }

  document.getElementById('gStart').addEventListener('click', startGame);
})();

/* ---------- initial route ---------- */
showView((location.hash || '#home').slice(1), false);