rl-wiki / index.html
lvwerra's picture
lvwerra HF Staff
thomwolf's picture
thomwolf HF Staff
Restore in-body search + highlight (regressed by 34252e5); ?q= deep-links reuse it (#4)
09f4904
Raw History Blame Contribute Delete
4.28 kB
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>RL-for-LLMs Wiki</title>
<meta name="description" content="A beautiful reader for the RL-for-LLMs knowledge base — topic articles and source records, with full LaTeX, tables, and live citations.">
<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctext y='.9em' font-size='90'%3E%F0%9F%93%96%3C/text%3E%3C/svg%3E">
<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=JetBrains+Mono:wght@300;400;500;600&family=Inter:wght@300;400;500;600&display=swap" rel="stylesheet">
<!-- KaTeX (math) -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.11/dist/katex.min.css" crossorigin="anonymous">
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.11/dist/katex.min.js" crossorigin="anonymous"></script>
<!-- highlight.js (code blocks) — optional/non-critical, so `async` to keep it off the defer chain -->
<link id="hljs-light" rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@highlightjs/cdn-assets@11.9.0/styles/github.min.css">
<script async src="https://cdn.jsdelivr.net/npm/@highlightjs/cdn-assets@11.9.0/highlight.min.js"></script>
<!-- markdown + yaml -->
<script defer src="https://cdn.jsdelivr.net/npm/marked@13.0.3/marked.min.js"></script>
<script defer src="https://cdn.jsdelivr.net/npm/marked-katex-extension@5.1.1/lib/index.umd.min.js"></script>
<script defer src="https://cdn.jsdelivr.net/npm/js-yaml@4.1.0/dist/js-yaml.min.js"></script>
<link rel="stylesheet" href="styles.css">
<!-- Kick off the critical-path fetches immediately, in parallel with the deferred
libraries below — so first paint isn't gated on the ~1.5s script chain. -->
<script>
window.__prefetch = {
pages: fetch('https://rl-llm-wiki-rl-bucket-sync.hf.space/v1/wiki/pages').then(r => r.json()).catch(() => null),
tax: fetch('https://huggingface.co/datasets/rl-llm-wiki/knowledge-base/resolve/main/taxonomy.yaml').then(r => r.text()).catch(() => null),
// fast source list (~0.3s) so the Sources tab fills in immediately, instead of
// waiting on the slow /v1/sources (~11s) which only enriches titles afterward.
tree: fetch('https://huggingface.co/api/datasets/rl-llm-wiki/knowledge-base/tree/main/sources?recursive=false').then(r => r.json()).catch(() => null),
};
</script>
</head>
<body>
<header class="topbar">
<button class="btn icon-btn menu-toggle" id="menuToggle" title="Menu" aria-label="Toggle navigation">☰</button>
<div class="brand" id="brandHome" title="Home">
<span class="logo">RL<span class="dot">·</span>LLM WIKI</span>
<span class="tag">RL for language models — a living, cited knowledge base</span>
</div>
<div class="counts" id="counts"></div>
<div class="spacer"></div>
<div class="toolbar">
<a class="btn btn-sources" id="lnkSources" href="#/sources">sources</a>
<a class="btn" id="lnkBook" href="#/book" title="Read the whole wiki as a book / export PDF">book ↓</a>
<a class="btn" id="lnkDataset" href="https://huggingface.co/datasets/rl-llm-wiki/knowledge-base" target="_blank" rel="noopener">dataset ↗</a>
<a class="btn" id="lnkDash" href="https://rl-llm-wiki-rl-dashboard.hf.space" target="_blank" rel="noopener">dashboard ↗</a>
<button class="btn icon-btn" id="themeToggle" title="Toggle theme" aria-label="Toggle theme">◐</button>
</div>
</header>
<div class="nav-scrim" id="navScrim"></div>
<div class="layout" id="layout">
<aside class="sidebar" id="sidebar">
<div class="side-head">Topics</div>
<div class="search-wrap">
<input class="search" id="navSearch" type="text" placeholder="Search topics &amp; text…" autocomplete="off">
<kbd class="search-k" id="paletteOpen" title="Focus search (⌘K)">⌘K</kbd>
</div>
<nav id="navList"></nav>
</aside>
<main class="main" id="view">
<div class="loading"><div class="spinner"></div>loading the wiki…</div>
</main>
<aside class="aside" id="aside"></aside>
</div>
<script defer src="app.js"></script>
</body>
</html>