ALL TUTORIALS · ALPHABETICAL · FILTERABLE
A complete alphabetical listing of every tutorial on the site. Use the search box or column headers to filter and sort.
Loading…
---
title: "All Tutorials (A–Z)"
description: "Browse all #equilibria tutorials alphabetically, filterable by topic, tags, and date."
page-layout: full
toc: false
---
::: {.lead}
**ALL TUTORIALS · ALPHABETICAL · FILTERABLE**
:::
# All Tutorials
A complete alphabetical listing of every tutorial on the site. Use the search box or column headers to filter and sort.
::: {#tutorials-table}
Loading…
:::
```{=html}
<script>
document.addEventListener('DOMContentLoaded', async function() {
const container = document.getElementById('tutorials-table');
try {
const resp = await fetch('artifacts/tutorials.csv');
const text = await resp.text();
const lines = text.trim().split('\n');
if (lines.length < 2) {
container.innerHTML = '<p>No tutorials published yet. Check back soon!</p>';
return;
}
const headers = lines[0].split(',');
const rows = lines.slice(1).map(line => {
const cols = line.split(',');
return headers.reduce((obj, h, i) => { obj[h] = cols[i] || ''; return obj; }, {});
});
rows.sort((a, b) => (a.title || '').localeCompare(b.title || ''));
let html = '<input id="az-search" placeholder="Search tutorials…" style="width:100%;padding:0.5rem;margin-bottom:1rem;border:1px solid var(--bs-border-color);border-radius:0.25rem;" />';
html += '<table class="table table-striped"><thead><tr><th>Title</th><th>Topic</th><th>Tags</th><th>Date</th></tr></thead><tbody>';
rows.forEach(r => {
html += '<tr class="tutorial-row"><td><a href="' + (r.url || '#') + '">' + (r.title || '') + '</a></td><td>' + (r.topic || '') + '</td><td>' + (r.tags || '') + '</td><td>' + (r.date || '') + '</td></tr>';
});
html += '</tbody></table>';
container.innerHTML = html;
document.getElementById('az-search').addEventListener('input', function(e) {
const q = e.target.value.toLowerCase();
document.querySelectorAll('.tutorial-row').forEach(row => {
row.style.display = row.textContent.toLowerCase().includes(q) ? '' : 'none';
});
});
} catch(err) {
container.innerHTML = '<p>No tutorials published yet. Check back soon!</p>';
}
});
</script>
```