mirror of
https://github.com/harvard-edge/cs249r_book.git
synced 2026-07-18 17:03:56 -05:00
c53f3fe238
- Complete the MLSYSIM -> MLSys.im display-name migration across mlsysim/docs, instructors, and shared config (code identifiers stay lowercase mlsysim) - Fix broken TinyTorch module links (_ABOUT.html -> .html) - Route the navbar Subscribe action to the newsletter page so Safari content blockers stop hiding the #subscribe anchor - Add the Accelerator Memory Tiers figure to compute_infrastructure with a registry-driven log-log capacity/bandwidth scatter - Add four sourced cloud accelerator specs (Groq LPU, Graphcore GC200, Untether speedAI240, d-Matrix Corsair) feeding the local-SRAM tier - Remove the unshipped Coming Soon audio-lectures placeholder and related Binder/audio references
85 lines
4.7 KiB
Plaintext
85 lines
4.7 KiB
Plaintext
<!--
|
|
Shared "Part of the MLSysBook Ecosystem" section.
|
|
Include on a site's landing page with: {{< include ../shared/config/_ecosystem-cards.qmd >}}
|
|
|
|
One source of truth for the cross-site ecosystem links. Every card is a link;
|
|
a small script marks the CURRENT site "You are here" by reading that site's own
|
|
<meta name="release-manifest" content="/<site>/release-manifest.json"> — the same
|
|
per-site signal the footer version pill uses. So one shared block shows each
|
|
landing page its own state, with no per-page editing.
|
|
-->
|
|
|
|
## Part of the MLSysBook Ecosystem
|
|
|
|
::: {.content-visible when-format="html"}
|
|
```{=html}
|
|
<div class="ecosystem-grid row g-3 mt-3">
|
|
<div class="col-6 col-md-3"><div class="p-3 border rounded h-100 ecosystem-link" data-site="book"><h5><a href="https://mlsysbook.ai/">Textbook</a></h5><p class="small text-muted mb-0">Comprehensive theory across the full ML systems stack.</p></div></div>
|
|
<div class="col-6 col-md-3"><div class="p-3 border rounded h-100 ecosystem-link" data-site="slides"><h5><a href="https://mlsysbook.ai/slides/">Lecture Slides</a></h5><p class="small text-muted mb-0">Beamer decks and teaching materials for every chapter.</p></div></div>
|
|
<div class="col-6 col-md-3"><div class="p-3 border rounded h-100 ecosystem-link" data-site="labs"><h5><a href="https://mlsysbook.ai/labs/">Labs</a></h5><p class="small text-muted mb-0">Interactive Marimo notebooks that measure the book's claims.</p></div></div>
|
|
<div class="col-6 col-md-3"><div class="p-3 border rounded h-100 ecosystem-link" data-site="kits"><h5><a href="https://mlsysbook.ai/kits/">Hardware Kits</a></h5><p class="small text-muted mb-0">Hands-on embedded ML deployment on real devices.</p></div></div>
|
|
<div class="col-6 col-md-3"><div class="p-3 border rounded h-100 ecosystem-link" data-site="instructors"><h5><a href="https://mlsysbook.ai/instructors/">Instructor Hub</a></h5><p class="small text-muted mb-0">Course maps, syllabi, and adoption resources for teaching.</p></div></div>
|
|
<div class="col-6 col-md-3"><div class="p-3 border rounded h-100 ecosystem-link" data-site="tinytorch"><h5><a href="https://mlsysbook.ai/tinytorch/">TinyTorch</a></h5><p class="small text-muted mb-0">Build your own ML framework from scratch, module by module.</p></div></div>
|
|
<div class="col-6 col-md-3"><div class="p-3 border rounded h-100 ecosystem-link" data-site="mlsysim"><h5><a href="https://mlsysbook.ai/mlsysim/">MLSys·im</a></h5><p class="small text-muted mb-0">The analytical modeling engine behind the book's quantitative figures.</p></div></div>
|
|
</div>
|
|
<style>
|
|
#part-of-the-mlsysbook-ecosystem {
|
|
max-width: 1080px;
|
|
margin: 3rem auto 0;
|
|
padding: 0 1rem;
|
|
}
|
|
.ecosystem-grid {
|
|
display: grid !important;
|
|
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
|
|
gap: 1rem !important;
|
|
margin-top: 1rem;
|
|
}
|
|
.ecosystem-grid > [class*="col-"] {
|
|
width: auto !important;
|
|
max-width: none !important;
|
|
padding: 0 !important;
|
|
flex: none !important;
|
|
}
|
|
.ecosystem-grid .ecosystem-link,
|
|
.ecosystem-grid .ecosystem-current {
|
|
display: block;
|
|
height: 100%;
|
|
}
|
|
.ecosystem-grid .ecosystem-link h5 a { text-decoration: none; }
|
|
.ecosystem-grid .ecosystem-link:hover { box-shadow: 0 2px 8px rgba(0,0,0,0.08); }
|
|
.ecosystem-grid .ecosystem-current { background: var(--bs-light, #f8f9fa); }
|
|
.ecosystem-grid .ecosystem-current h5 { font-weight: 600; }
|
|
</style>
|
|
<script>
|
|
(function () {
|
|
var grid = document.querySelector('.ecosystem-grid');
|
|
if (!grid) return;
|
|
var meta = document.querySelector('meta[name="release-manifest"]');
|
|
var seg = meta ? (meta.getAttribute('content') || '').split('/').filter(Boolean)[0] : '';
|
|
if (seg === 'vol1' || seg === 'vol2') seg = 'book';
|
|
if (!seg) return;
|
|
var card = grid.querySelector('[data-site="' + seg + '"]');
|
|
if (!card) return;
|
|
card.classList.remove('ecosystem-link');
|
|
card.classList.add('ecosystem-current');
|
|
var h = card.querySelector('h5');
|
|
if (h) { h.textContent = h.textContent.trim(); } // drop the link on the current site
|
|
var p = card.querySelector('p');
|
|
if (p) { p.innerHTML += ' <strong>You are here.</strong>'; }
|
|
})();
|
|
</script>
|
|
```
|
|
:::
|
|
|
|
::: {.content-visible when-format="pdf"}
|
|
The Machine Learning Systems ecosystem:
|
|
|
|
- **Textbook** --- comprehensive theory across the full ML systems stack
|
|
- **Lecture Slides** --- Beamer decks and teaching materials for every chapter
|
|
- **Labs** --- interactive Marimo notebooks that measure the book's claims
|
|
- **Hardware Kits** --- hands-on embedded ML deployment on real devices
|
|
- **Instructor Hub** --- course maps, syllabi, and adoption resources
|
|
- **TinyTorch** --- build your own ML framework from scratch
|
|
- **MLSys·im** --- the analytical modeling engine behind the book's quantitative figures
|
|
:::
|