Representative code

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Nextra — Career Learning</title>
</head>
<body>
  <main>...</main>
  <script>...</script>
</body>
</html>

Terms in this section

Representative code

<main class="app-shell">
  <header>...</header>
  <section id="pageCoursework" class="tab-page active">...</section>
  <section id="pageBuild" class="tab-page">...</section>
  <section id="pageCode" class="tab-page">...</section>
  <section id="pageSync" class="tab-page">...</section>
</main>

Terms in this section

Representative code

function setTab(tab) {
  page.classList.toggle("active", tab === "coursework");
  buildPage.classList.toggle("active", tab === "build");
  codePage.classList.toggle("active", tab === "code");
}

Terms in this section

Representative code

.coursework-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 286px;
  gap: 14px;
}

@media (max-width: 1080px) {
  .coursework-layout { grid-template-columns: 1fr; }
}

Terms in this section

Representative code

assignments.forEach(a => {
  const card = document.createElement("article");
  card.innerHTML = `<strong>${a.title}</strong>`;
  course.appendChild(card);
});

Terms in this section

Representative code

:root {
  --user-background: #121014;
  --user-panel: #cbc7cc;
  --theme-accent: #d4479a;
}

.card { background: var(--user-panel); }

Terms in this section

Representative code

localStorage.setItem(
  STORE,
  JSON.stringify(state)
);

const restored = JSON.parse(
  localStorage.getItem(STORE) || "{}"
);

Terms in this section

Representative code

function saveLocal() {
  localStorage.setItem(STORE, JSON.stringify(state));

  clearTimeout(saveDebounce);
  saveDebounce = setTimeout(() => {
    syncNow(false);
  }, 650);
}

Terms in this section

Representative code

self.addEventListener("install", event => {
  event.waitUntil(
    caches.open(CACHE).then(cache => cache.addAll(ASSETS))
  );
});

Terms in this section

Representative code

create table public.course_state (
  user_id uuid primary key
    references auth.users(id),
  state jsonb not null default '{}',
  preferences jsonb not null default '{}'
);

alter table public.course_state
enable row level security;

Terms in this section

Representative code

<input type="file" multiple>

const file = input.files[0];
await putWorkBlob({ blob: file });

const url =
  URL.createObjectURL(file);

Terms in this section

Representative code

const LEARNING_AREAS = [
  {
    id: "coding",
    pages: [
      { tab: "build" },
      { tab: "code" }
    ]
  }
];

Terms in this section