(function () {
  const now = SK.nowMin();
  const from = Math.max(0, Math.floor(now / 60) * 60 - 120);
  SK.timeline(document.getElementById("tl"), { from, to: Math.min(1440, from + 600), corner: "Сегодня" });

  const byDate = [...SK.videos].sort((a, b) => b.date.localeCompare(a.date));
  document.getElementById("fresh").innerHTML = byDate.slice(0, 8).map(SK.card).join("");

  const byViews = [...SK.videos].sort((a, b) => b.views - a.views);
  document.getElementById("top").innerHTML = byViews.slice(0, 6).map(SK.card).join("");

  document.getElementById("chans").innerHTML = SK.channels.map(c => {
    const p = SK.onAir(c.id);
    return `<a class="channel-tile c-${c.color}" href="channel.html?c=${c.id}">
      <img src="assets/img/avatars/${c.id}.png" alt="">
      <strong>${SK.esc(c.name)}</strong>
      <span>${p ? "В эфире: " + SK.esc(p.title) : "Сейчас не вещает"}</span>
      <span>${SK.subs(c.subs)}</span>
    </a>`;
  }).join("");
})();