mirror of
https://github.com/MLSysBook/TinyTorch.git
synced 2026-03-09 13:51:59 -05:00
796 lines
29 KiB
HTML
796 lines
29 KiB
HTML
|
|
<!DOCTYPE html>
|
|
|
|
|
|
<html lang="en" data-content_root="./" >
|
|
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" /><title>Search - Tiny🔥Torch</title>
|
|
|
|
|
|
|
|
<script data-cfasync="false">
|
|
document.documentElement.dataset.mode = localStorage.getItem("mode") || "";
|
|
document.documentElement.dataset.theme = localStorage.getItem("theme") || "";
|
|
</script>
|
|
|
|
<!-- Loaded before other Sphinx assets -->
|
|
<link href="_static/styles/theme.css?digest=dfe6caa3a7d634c4db9b" rel="stylesheet" />
|
|
<link href="_static/styles/bootstrap.css?digest=dfe6caa3a7d634c4db9b" rel="stylesheet" />
|
|
<link href="_static/styles/pydata-sphinx-theme.css?digest=dfe6caa3a7d634c4db9b" rel="stylesheet" />
|
|
|
|
|
|
<link href="_static/vendor/fontawesome/6.5.2/css/all.min.css?digest=dfe6caa3a7d634c4db9b" rel="stylesheet" />
|
|
<link rel="preload" as="font" type="font/woff2" crossorigin href="_static/vendor/fontawesome/6.5.2/webfonts/fa-solid-900.woff2" />
|
|
<link rel="preload" as="font" type="font/woff2" crossorigin href="_static/vendor/fontawesome/6.5.2/webfonts/fa-brands-400.woff2" />
|
|
<link rel="preload" as="font" type="font/woff2" crossorigin href="_static/vendor/fontawesome/6.5.2/webfonts/fa-regular-400.woff2" />
|
|
|
|
<link rel="stylesheet" type="text/css" href="_static/pygments.css?v=03e43079" />
|
|
<link rel="stylesheet" type="text/css" href="_static/styles/sphinx-book-theme.css?v=eba8b062" />
|
|
<link rel="stylesheet" type="text/css" href="_static/togglebutton.css?v=13237357" />
|
|
<link rel="stylesheet" type="text/css" href="_static/copybutton.css?v=76b2166b" />
|
|
<link rel="stylesheet" type="text/css" href="_static/mystnb.8ecb98da25f57f5357bf6f572d296f466b2cfe2517ffebfabe82451661e28f02.css" />
|
|
<link rel="stylesheet" type="text/css" href="_static/sphinx-thebe.css?v=4fa983c6" />
|
|
<link rel="stylesheet" type="text/css" href="_static/sphinx-design.min.css?v=95c83b7e" />
|
|
<link rel="stylesheet" type="text/css" href="_static/custom.css?v=009d37f4" />
|
|
|
|
<!-- Pre-loaded scripts that we'll load fully later -->
|
|
<link rel="preload" as="script" href="_static/scripts/bootstrap.js?digest=dfe6caa3a7d634c4db9b" />
|
|
<link rel="preload" as="script" href="_static/scripts/pydata-sphinx-theme.js?digest=dfe6caa3a7d634c4db9b" />
|
|
<script src="_static/vendor/fontawesome/6.5.2/js/all.min.js?digest=dfe6caa3a7d634c4db9b"></script>
|
|
|
|
<script src="_static/documentation_options.js?v=9eb32ce0"></script>
|
|
<script src="_static/doctools.js?v=9a2dae69"></script>
|
|
<script src="_static/sphinx_highlight.js?v=dc90522c"></script>
|
|
<script src="_static/clipboard.min.js?v=a7894cd8"></script>
|
|
<script src="_static/copybutton.js?v=f281be69"></script>
|
|
<script src="_static/scripts/sphinx-book-theme.js?v=887ef09a"></script>
|
|
<script>let toggleHintShow = 'Click to show';</script>
|
|
<script>let toggleHintHide = 'Click to hide';</script>
|
|
<script>let toggleOpenOnPrint = 'true';</script>
|
|
<script src="_static/togglebutton.js?v=4a39c7ea"></script>
|
|
<script>var togglebuttonSelector = '.toggle, .admonition.dropdown';</script>
|
|
<script src="_static/design-tabs.js?v=f930bc37"></script>
|
|
<script>const THEBE_JS_URL = "https://unpkg.com/thebe@0.8.2/lib/index.js"; const thebe_selector = ".thebe,.cell"; const thebe_selector_input = "pre"; const thebe_selector_output = ".output, .cell_output"</script>
|
|
<script async="async" src="_static/sphinx-thebe.js?v=c100c467"></script>
|
|
<script>var togglebuttonSelector = '.toggle, .admonition.dropdown';</script>
|
|
<script>const THEBE_JS_URL = "https://unpkg.com/thebe@0.8.2/lib/index.js"; const thebe_selector = ".thebe,.cell"; const thebe_selector_input = "pre"; const thebe_selector_output = ".output, .cell_output"</script>
|
|
<script type="module" src="https://cdn.jsdelivr.net/npm/mermaid@10.6.1/dist/mermaid.esm.min.mjs"></script>
|
|
<script type="module" src="https://cdn.jsdelivr.net/npm/@mermaid-js/layout-elk@0.2.0/dist/mermaid-layout-elk.esm.min.mjs"></script>
|
|
<script type="module">import mermaid from "https://cdn.jsdelivr.net/npm/mermaid@10.6.1/dist/mermaid.esm.min.mjs";import elkLayouts from "https://cdn.jsdelivr.net/npm/@mermaid-js/layout-elk@0.2.0/dist/mermaid-layout-elk.esm.min.mjs";mermaid.registerLayoutLoaders(elkLayouts);mermaid.initialize({startOnLoad:false});</script>
|
|
<script src="https://cdn.jsdelivr.net/npm/d3@7.9.0/dist/d3.min.js"></script>
|
|
<script type="module">import mermaid from "https://cdn.jsdelivr.net/npm/mermaid@10.6.1/dist/mermaid.esm.min.mjs";
|
|
|
|
const defaultStyle = document.createElement('style');
|
|
defaultStyle.textContent = `pre.mermaid {
|
|
/* Same as .mermaid-container > pre */
|
|
display: block;
|
|
width: 100%;
|
|
}
|
|
|
|
pre.mermaid > svg {
|
|
/* Same as .mermaid-container > pre > svg */
|
|
height: 500px;
|
|
width: 100%;
|
|
max-width: 100% !important;
|
|
}
|
|
`;
|
|
document.head.appendChild(defaultStyle);
|
|
|
|
const fullscreenStyle = document.createElement('style');
|
|
fullscreenStyle.textContent = `.mermaid-container {
|
|
display: flex;
|
|
flex-direction: row;
|
|
width: 100%;
|
|
}
|
|
|
|
.mermaid-container > pre {
|
|
display: block;
|
|
width: 100%;
|
|
}
|
|
|
|
.mermaid-container > pre > svg {
|
|
height: 500px;
|
|
width: 100%;
|
|
max-width: 100% !important;
|
|
}
|
|
|
|
.mermaid-fullscreen-btn {
|
|
width: 28px;
|
|
height: 28px;
|
|
background: rgba(255, 255, 255, 0.95);
|
|
border: 1px solid rgba(0, 0, 0, 0.3);
|
|
border-radius: 4px;
|
|
cursor: pointer;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
transition: all 0.2s;
|
|
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
|
|
font-size: 14px;
|
|
line-height: 1;
|
|
padding: 0;
|
|
color: #333;
|
|
}
|
|
|
|
.mermaid-fullscreen-btn:hover {
|
|
opacity: 100% !important;
|
|
background: rgba(255, 255, 255, 1);
|
|
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
|
|
transform: scale(1.1);
|
|
}
|
|
|
|
.mermaid-fullscreen-btn.dark-theme {
|
|
background: rgba(50, 50, 50, 0.95);
|
|
border: 1px solid rgba(255, 255, 255, 0.3);
|
|
color: #e0e0e0;
|
|
}
|
|
|
|
.mermaid-fullscreen-btn.dark-theme:hover {
|
|
background: rgba(60, 60, 60, 1);
|
|
box-shadow: 0 3px 10px rgba(255, 255, 255, 0.2);
|
|
}
|
|
|
|
.mermaid-fullscreen-modal {
|
|
display: none;
|
|
position: fixed !important;
|
|
top: 0 !important;
|
|
left: 0 !important;
|
|
width: 95vw;
|
|
height: 100vh;
|
|
background: rgba(255, 255, 255, 0.98);
|
|
z-index: 9999;
|
|
padding: 20px;
|
|
overflow: auto;
|
|
}
|
|
|
|
.mermaid-fullscreen-modal.dark-theme {
|
|
background: rgba(0, 0, 0, 0.98);
|
|
}
|
|
|
|
.mermaid-fullscreen-modal.active {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.mermaid-container-fullscreen {
|
|
position: relative;
|
|
width: 95vw;
|
|
height: 90vh;
|
|
max-width: 95vw;
|
|
max-height: 90vh;
|
|
background: white;
|
|
border-radius: 8px;
|
|
padding: 20px;
|
|
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
|
|
overflow: auto;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.mermaid-container-fullscreen.dark-theme {
|
|
background: #1a1a1a;
|
|
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.8);
|
|
}
|
|
|
|
.mermaid-container-fullscreen pre.mermaid {
|
|
width: 100%;
|
|
height: 100%;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.mermaid-container-fullscreen .mermaid svg {
|
|
height: 100% !important;
|
|
width: 100% !important;
|
|
cursor: grab;
|
|
}
|
|
|
|
.mermaid-fullscreen-close {
|
|
position: fixed !important;
|
|
top: 20px !important;
|
|
right: 20px !important;
|
|
width: 40px;
|
|
height: 40px;
|
|
background: rgba(255, 255, 255, 0.95);
|
|
border: 1px solid rgba(0, 0, 0, 0.2);
|
|
border-radius: 50%;
|
|
cursor: pointer;
|
|
z-index: 10000;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
|
|
transition: all 0.2s;
|
|
font-size: 24px;
|
|
line-height: 1;
|
|
color: #333;
|
|
}
|
|
|
|
.mermaid-fullscreen-close:hover {
|
|
background: white;
|
|
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.4);
|
|
transform: scale(1.1);
|
|
}
|
|
|
|
.mermaid-fullscreen-close.dark-theme {
|
|
background: rgba(50, 50, 50, 0.95);
|
|
border: 1px solid rgba(255, 255, 255, 0.2);
|
|
color: #e0e0e0;
|
|
}
|
|
|
|
.mermaid-fullscreen-close.dark-theme:hover {
|
|
background: rgba(60, 60, 60, 1);
|
|
box-shadow: 0 6px 16px rgba(255, 255, 255, 0.2);
|
|
}
|
|
|
|
.mermaid-fullscreen-modal .mermaid-fullscreen-btn {
|
|
display: none !important;
|
|
}`;
|
|
document.head.appendChild(fullscreenStyle);
|
|
|
|
// Detect if page has dark background
|
|
const isDarkTheme = () => {
|
|
const bgColor = window.getComputedStyle(document.body).backgroundColor;
|
|
const match = bgColor.match(/rgb\((\d+),\s*(\d+),\s*(\d+)/);
|
|
if (match) {
|
|
const r = parseInt(match[1]);
|
|
const g = parseInt(match[2]);
|
|
const b = parseInt(match[3]);
|
|
const brightness = (r * 299 + g * 587 + b * 114) / 1000;
|
|
return brightness < 128;
|
|
}
|
|
return false;
|
|
};
|
|
|
|
const load = async () => {
|
|
await mermaid.run();
|
|
|
|
const all_mermaids = document.querySelectorAll(".mermaid");
|
|
const mermaids_processed = document.querySelectorAll(".mermaid[data-processed='true']");
|
|
|
|
if ("False" === "True") {
|
|
const mermaids_to_add_zoom = -1 === -1 ? all_mermaids.length : -1;
|
|
if(mermaids_to_add_zoom > 0) {
|
|
var svgs = d3.selectAll("");
|
|
if(all_mermaids.length !== mermaids_processed.length) {
|
|
setTimeout(load, 200);
|
|
return;
|
|
} else if(svgs.size() !== mermaids_to_add_zoom) {
|
|
setTimeout(load, 200);
|
|
return;
|
|
} else {
|
|
svgs.each(function() {
|
|
var svg = d3.select(this);
|
|
svg.html("<g class='wrapper'>" + svg.html() + "</g>");
|
|
var inner = svg.select("g");
|
|
var zoom = d3.zoom().on("zoom", function(event) {
|
|
inner.attr("transform", event.transform);
|
|
});
|
|
svg.call(zoom);
|
|
});
|
|
}
|
|
}
|
|
} else if(all_mermaids.length !== mermaids_processed.length) {
|
|
// Wait for mermaid to process all diagrams
|
|
setTimeout(load, 200);
|
|
return;
|
|
}
|
|
|
|
const darkTheme = isDarkTheme();
|
|
|
|
// Stop here if not adding fullscreen capability
|
|
if ("True" !== "True") return;
|
|
|
|
const modal = document.createElement('div');
|
|
modal.className = 'mermaid-fullscreen-modal' + (darkTheme ? ' dark-theme' : '');
|
|
modal.setAttribute('role', 'dialog');
|
|
modal.setAttribute('aria-modal', 'true');
|
|
modal.setAttribute('aria-label', 'Fullscreen diagram viewer');
|
|
modal.innerHTML = `
|
|
<button class="mermaid-fullscreen-close${darkTheme ? ' dark-theme' : ''}" aria-label="Close fullscreen">✕</button>
|
|
<div class="mermaid-container-fullscreen${darkTheme ? ' dark-theme' : ''}"></div>
|
|
`;
|
|
document.body.appendChild(modal);
|
|
|
|
const modalContent = modal.querySelector('.mermaid-container-fullscreen');
|
|
const closeBtn = modal.querySelector('.mermaid-fullscreen-close');
|
|
|
|
let previousScrollOffset = [window.scrollX, window.scrollY];
|
|
|
|
const closeModal = () => {
|
|
modal.classList.remove('active');
|
|
modalContent.innerHTML = '';
|
|
document.body.style.overflow = ''
|
|
window.scrollTo({left: previousScrollOffset[0], top: previousScrollOffset[1], behavior: 'instant'});
|
|
};
|
|
|
|
closeBtn.addEventListener('click', closeModal);
|
|
modal.addEventListener('click', (e) => {
|
|
if (e.target === modal) closeModal();
|
|
});
|
|
document.addEventListener('keydown', (e) => {
|
|
if (e.key === 'Escape' && modal.classList.contains('active')) {
|
|
closeModal();
|
|
}
|
|
});
|
|
|
|
const allButtons = [];
|
|
|
|
document.querySelectorAll('.mermaid').forEach((mermaidDiv) => {
|
|
if (mermaidDiv.parentNode.classList.contains('mermaid-container') ||
|
|
mermaidDiv.closest('.mermaid-fullscreen-modal')) {
|
|
return;
|
|
}
|
|
|
|
const container = document.createElement('div');
|
|
container.className = 'mermaid-container';
|
|
mermaidDiv.parentNode.insertBefore(container, mermaidDiv);
|
|
container.appendChild(mermaidDiv);
|
|
|
|
const fullscreenBtn = document.createElement('button');
|
|
fullscreenBtn.className = 'mermaid-fullscreen-btn' + (darkTheme ? ' dark-theme' : '');
|
|
fullscreenBtn.setAttribute('aria-label', 'View diagram in fullscreen');
|
|
fullscreenBtn.textContent = '⛶';
|
|
fullscreenBtn.style.opacity = '50%';
|
|
|
|
// Calculate dynamic position based on diagram's margin and padding
|
|
const diagramStyle = window.getComputedStyle(mermaidDiv);
|
|
const marginTop = parseFloat(diagramStyle.marginTop) || 0;
|
|
const marginRight = parseFloat(diagramStyle.marginRight) || 0;
|
|
const paddingTop = parseFloat(diagramStyle.paddingTop) || 0;
|
|
const paddingRight = parseFloat(diagramStyle.paddingRight) || 0;
|
|
fullscreenBtn.style.top = `${marginTop + paddingTop + 4}px`;
|
|
fullscreenBtn.style.right = `${marginRight + paddingRight + 4}px`;
|
|
|
|
fullscreenBtn.addEventListener('click', () => {
|
|
previousScrollOffset = [window.scroll, window.scrollY];
|
|
const clone = mermaidDiv.cloneNode(true);
|
|
modalContent.innerHTML = '';
|
|
modalContent.appendChild(clone);
|
|
|
|
const svg = clone.querySelector('svg');
|
|
if (svg) {
|
|
svg.removeAttribute('width');
|
|
svg.removeAttribute('height');
|
|
svg.style.width = '100%';
|
|
svg.style.height = 'auto';
|
|
svg.style.maxWidth = '100%';
|
|
svg.style.sdisplay = 'block';
|
|
|
|
if ("False" === "True") {
|
|
setTimeout(() => {
|
|
const g = svg.querySelector('g');
|
|
if (g) {
|
|
var svgD3 = d3.select(svg);
|
|
svgD3.html("<g class='wrapper'>" + svgD3.html() + "</g>");
|
|
var inner = svgD3.select("g");
|
|
var zoom = d3.zoom().on("zoom", function(event) {
|
|
inner.attr("transform", event.transform);
|
|
});
|
|
svgD3.call(zoom);
|
|
}
|
|
}, 100);
|
|
}
|
|
}
|
|
|
|
modal.classList.add('active');
|
|
document.body.style.overflow = 'hidden';
|
|
});
|
|
|
|
container.appendChild(fullscreenBtn);
|
|
allButtons.push(fullscreenBtn);
|
|
});
|
|
|
|
// Update theme classes when theme changes
|
|
const updateTheme = () => {
|
|
const dark = isDarkTheme();
|
|
allButtons.forEach(btn => {
|
|
if (dark) {
|
|
btn.classList.add('dark-theme');
|
|
} else {
|
|
btn.classList.remove('dark-theme');
|
|
}
|
|
});
|
|
if (dark) {
|
|
modal.classList.add('dark-theme');
|
|
modalContent.classList.add('dark-theme');
|
|
closeBtn.classList.add('dark-theme');
|
|
} else {
|
|
modal.classList.remove('dark-theme');
|
|
modalContent.classList.remove('dark-theme');
|
|
closeBtn.classList.remove('dark-theme');
|
|
}
|
|
};
|
|
|
|
// Watch for theme changes
|
|
const observer = new MutationObserver(updateTheme);
|
|
observer.observe(document.documentElement, {
|
|
attributes: true,
|
|
attributeFilter: ['class', 'style', 'data-theme']
|
|
});
|
|
observer.observe(document.body, {
|
|
attributes: true,
|
|
attributeFilter: ['class', 'style']
|
|
});
|
|
};
|
|
|
|
window.addEventListener("load", load);
|
|
</script>
|
|
<script>DOCUMENTATION_OPTIONS.pagename = 'search';</script>
|
|
<script src="_static/ml-timeline.js?v=76e9b3e3"></script>
|
|
<script src="_static/wip-banner.js?v=04a7e74d"></script>
|
|
<script src="_static/marimo-badges.js?v=e6289128"></script>
|
|
<script src="_static/sidebar-link.js?v=404b701b"></script>
|
|
<script src="_static/hero-carousel.js?v=10341d2a"></script>
|
|
<script src="_static/subscribe-modal.js?v=42919b64"></script>
|
|
<script src="_static/searchtools.js"></script>
|
|
<script src="_static/language_data.js"></script>
|
|
<script src="searchindex.js"></script>
|
|
<link rel="icon" href="_static/favicon.svg"/>
|
|
<link rel="index" title="Index" href="genindex.html" />
|
|
<link rel="search" title="Search" href="#" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1"/>
|
|
<meta name="docsearch:language" content="en"/>
|
|
</head>
|
|
|
|
|
|
<body data-bs-spy="scroll" data-bs-target=".bd-toc-nav" data-offset="180" data-bs-root-margin="0px 0px -60%" data-default-mode="">
|
|
|
|
|
|
|
|
<div id="pst-skip-link" class="skip-link d-print-none"><a href="#main-content">Skip to main content</a></div>
|
|
|
|
<div id="pst-scroll-pixel-helper"></div>
|
|
|
|
<button type="button" class="btn rounded-pill" id="pst-back-to-top">
|
|
<i class="fa-solid fa-arrow-up"></i>Back to top</button>
|
|
|
|
|
|
<input type="checkbox"
|
|
class="sidebar-toggle"
|
|
id="pst-primary-sidebar-checkbox"/>
|
|
<label class="overlay overlay-primary" for="pst-primary-sidebar-checkbox"></label>
|
|
|
|
<input type="checkbox"
|
|
class="sidebar-toggle"
|
|
id="pst-secondary-sidebar-checkbox"/>
|
|
<label class="overlay overlay-secondary" for="pst-secondary-sidebar-checkbox"></label>
|
|
|
|
<div class="search-button__wrapper">
|
|
<div class="search-button__overlay"></div>
|
|
<div class="search-button__search-container">
|
|
<form class="bd-search d-flex align-items-center"
|
|
action="#"
|
|
method="get">
|
|
<i class="fa-solid fa-magnifying-glass"></i>
|
|
<input type="search"
|
|
class="form-control"
|
|
name="q"
|
|
id="search-input"
|
|
placeholder="Search..."
|
|
aria-label="Search..."
|
|
autocomplete="off"
|
|
autocorrect="off"
|
|
autocapitalize="off"
|
|
spellcheck="false"/>
|
|
<span class="search-button__kbd-shortcut"><kbd class="kbd-shortcut__modifier">Ctrl</kbd>+<kbd>K</kbd></span>
|
|
</form></div>
|
|
</div>
|
|
|
|
<div class="pst-async-banner-revealer d-none">
|
|
<aside id="bd-header-version-warning" class="d-none d-print-none" aria-label="Version warning"></aside>
|
|
</div>
|
|
|
|
|
|
<header class="bd-header navbar navbar-expand-lg bd-navbar d-print-none">
|
|
</header>
|
|
|
|
|
|
<div class="bd-container">
|
|
<div class="bd-container__inner bd-page-width">
|
|
|
|
|
|
|
|
|
|
|
|
<div class="bd-sidebar-primary bd-sidebar">
|
|
|
|
|
|
|
|
<div class="sidebar-header-items sidebar-primary__section">
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
<div class="sidebar-primary-items__start sidebar-primary__section">
|
|
<div class="sidebar-primary-item">
|
|
|
|
|
|
|
|
|
|
|
|
<a class="navbar-brand logo" href="intro.html">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<img src="_static/logo-tinytorch.png" class="logo__image only-light" alt="Tiny🔥Torch - Home"/>
|
|
<script>document.write(`<img src="_static/logo-tinytorch.png" class="logo__image only-dark" alt="Tiny🔥Torch - Home"/>`);</script>
|
|
|
|
|
|
</a></div>
|
|
<div class="sidebar-primary-item">
|
|
|
|
<script>
|
|
document.write(`
|
|
<button class="btn search-button-field search-button__button" title="Search" aria-label="Search" data-bs-placement="bottom" data-bs-toggle="tooltip">
|
|
<i class="fa-solid fa-magnifying-glass"></i>
|
|
<span class="search-button__default-text">Search</span>
|
|
<span class="search-button__kbd-shortcut"><kbd class="kbd-shortcut__modifier">Ctrl</kbd>+<kbd class="kbd-shortcut__modifier">K</kbd></span>
|
|
</button>
|
|
`);
|
|
</script></div>
|
|
<div class="sidebar-primary-item"><nav class="bd-links bd-docs-nav" aria-label="Main">
|
|
<div class="bd-toc-item navbar-nav active">
|
|
<p aria-level="2" class="caption" role="heading"><span class="caption-text">🚀 Getting Started</span></p>
|
|
<ul class="nav bd-sidenav">
|
|
<li class="toctree-l1"><a class="reference internal" href="getting-started.html">Complete Guide</a></li>
|
|
</ul>
|
|
<p aria-level="2" class="caption" role="heading"><span class="caption-text">🏗 Foundation Tier (01-07)</span></p>
|
|
<ul class="nav bd-sidenav">
|
|
<li class="toctree-l1"><a class="reference internal" href="tiers/foundation.html">📖 Tier Overview</a></li>
|
|
<li class="toctree-l1"><a class="reference internal" href="modules/01_tensor_ABOUT.html">01. Tensor</a></li>
|
|
<li class="toctree-l1"><a class="reference internal" href="modules/02_activations_ABOUT.html">02. Activations</a></li>
|
|
<li class="toctree-l1"><a class="reference internal" href="modules/03_layers_ABOUT.html">03. Layers</a></li>
|
|
<li class="toctree-l1"><a class="reference internal" href="modules/04_losses_ABOUT.html">04. Losses</a></li>
|
|
<li class="toctree-l1"><a class="reference internal" href="modules/05_autograd_ABOUT.html">05. Autograd</a></li>
|
|
<li class="toctree-l1"><a class="reference internal" href="modules/06_optimizers_ABOUT.html">06. Optimizers</a></li>
|
|
<li class="toctree-l1"><a class="reference internal" href="modules/07_training_ABOUT.html">07. Training</a></li>
|
|
</ul>
|
|
<p aria-level="2" class="caption" role="heading"><span class="caption-text">🏛️ Architecture Tier (08-13)</span></p>
|
|
<ul class="nav bd-sidenav">
|
|
<li class="toctree-l1"><a class="reference internal" href="tiers/architecture.html">📖 Tier Overview</a></li>
|
|
<li class="toctree-l1"><a class="reference internal" href="modules/08_dataloader_ABOUT.html">08. DataLoader</a></li>
|
|
<li class="toctree-l1"><a class="reference internal" href="modules/09_spatial_ABOUT.html">09. Convolutions</a></li>
|
|
<li class="toctree-l1"><a class="reference internal" href="modules/10_tokenization_ABOUT.html">10. Tokenization</a></li>
|
|
<li class="toctree-l1"><a class="reference internal" href="modules/11_embeddings_ABOUT.html">11. Embeddings</a></li>
|
|
<li class="toctree-l1"><a class="reference internal" href="modules/12_attention_ABOUT.html">12. Attention</a></li>
|
|
<li class="toctree-l1"><a class="reference internal" href="modules/13_transformers_ABOUT.html">13. Transformers</a></li>
|
|
</ul>
|
|
<p aria-level="2" class="caption" role="heading"><span class="caption-text">⏱️ Optimization Tier (14-19)</span></p>
|
|
<ul class="nav bd-sidenav">
|
|
<li class="toctree-l1"><a class="reference internal" href="tiers/optimization.html">📖 Tier Overview</a></li>
|
|
<li class="toctree-l1"><a class="reference internal" href="modules/14_profiling_ABOUT.html">14. Profiling</a></li>
|
|
<li class="toctree-l1"><a class="reference internal" href="modules/15_quantization_ABOUT.html">15. Quantization</a></li>
|
|
<li class="toctree-l1"><a class="reference internal" href="modules/16_compression_ABOUT.html">16. Compression</a></li>
|
|
<li class="toctree-l1"><a class="reference internal" href="modules/17_memoization_ABOUT.html">17. Memoization</a></li>
|
|
<li class="toctree-l1"><a class="reference internal" href="modules/18_acceleration_ABOUT.html">18. Acceleration</a></li>
|
|
<li class="toctree-l1"><a class="reference internal" href="modules/19_benchmarking_ABOUT.html">19. Benchmarking</a></li>
|
|
</ul>
|
|
<p aria-level="2" class="caption" role="heading"><span class="caption-text">🏅 Capstone Competition</span></p>
|
|
<ul class="nav bd-sidenav">
|
|
<li class="toctree-l1"><a class="reference internal" href="tiers/olympics.html">📖 Competition Overview</a></li>
|
|
<li class="toctree-l1"><a class="reference internal" href="modules/20_capstone_ABOUT.html">20. Torch Olympics</a></li>
|
|
</ul>
|
|
<p aria-level="2" class="caption" role="heading"><span class="caption-text">🧭 Course Orientation</span></p>
|
|
<ul class="nav bd-sidenav">
|
|
<li class="toctree-l1"><a class="reference internal" href="chapters/00-introduction.html">Course Structure</a></li>
|
|
<li class="toctree-l1"><a class="reference internal" href="prerequisites.html">Prerequisites & Resources</a></li>
|
|
<li class="toctree-l1"><a class="reference internal" href="chapters/learning-journey.html">Learning Journey</a></li>
|
|
<li class="toctree-l1"><a class="reference internal" href="chapters/milestones.html">Historical Milestones</a></li>
|
|
<li class="toctree-l1"><a class="reference internal" href="faq.html">FAQ</a></li>
|
|
</ul>
|
|
<p aria-level="2" class="caption" role="heading"><span class="caption-text">🛠️ TITO CLI Reference</span></p>
|
|
<ul class="nav bd-sidenav">
|
|
<li class="toctree-l1"><a class="reference internal" href="tito/overview.html">Command Overview</a></li>
|
|
<li class="toctree-l1"><a class="reference internal" href="tito/modules.html">Module Workflow</a></li>
|
|
<li class="toctree-l1"><a class="reference internal" href="tito/milestones.html">Milestone System</a></li>
|
|
<li class="toctree-l1"><a class="reference internal" href="tito/data.html">Progress & Data</a></li>
|
|
<li class="toctree-l1"><a class="reference internal" href="tito/troubleshooting.html">Troubleshooting</a></li>
|
|
<li class="toctree-l1"><a class="reference internal" href="datasets.html">Datasets Guide</a></li>
|
|
</ul>
|
|
<p aria-level="2" class="caption" role="heading"><span class="caption-text">🤝 Community</span></p>
|
|
<ul class="nav bd-sidenav">
|
|
<li class="toctree-l1"><a class="reference internal" href="community.html">Ecosystem</a></li>
|
|
<li class="toctree-l1"><a class="reference internal" href="resources.html">Learning Resources</a></li>
|
|
<li class="toctree-l1"><a class="reference internal" href="credits.html">Credits & Acknowledgments</a></li>
|
|
</ul>
|
|
|
|
</div>
|
|
</nav></div>
|
|
</div>
|
|
|
|
|
|
<div class="sidebar-primary-items__end sidebar-primary__section">
|
|
</div>
|
|
|
|
<div id="rtd-footer-container"></div>
|
|
|
|
|
|
</div>
|
|
|
|
<main id="main-content" class="bd-main" role="main">
|
|
|
|
|
|
|
|
<div class="sbt-scroll-pixel-helper"></div>
|
|
|
|
<div class="bd-content">
|
|
<div class="bd-article-container">
|
|
|
|
<div class="bd-header-article d-print-none">
|
|
<div class="header-article-items header-article__inner">
|
|
|
|
<div class="header-article-items__start">
|
|
|
|
<div class="header-article-item"><button class="sidebar-toggle primary-toggle btn btn-sm" title="Toggle primary sidebar" data-bs-placement="bottom" data-bs-toggle="tooltip">
|
|
<span class="fa-solid fa-bars"></span>
|
|
</button></div>
|
|
|
|
</div>
|
|
|
|
|
|
<div class="header-article-items__end">
|
|
|
|
<div class="header-article-item">
|
|
|
|
<div class="article-header-buttons">
|
|
|
|
|
|
|
|
<button onclick="toggleFullScreen()"
|
|
class="btn btn-sm btn-fullscreen-button"
|
|
title="Fullscreen mode"
|
|
data-bs-placement="bottom" data-bs-toggle="tooltip"
|
|
>
|
|
|
|
|
|
<span class="btn__icon-container">
|
|
<i class="fas fa-expand"></i>
|
|
</span>
|
|
|
|
</button>
|
|
|
|
|
|
|
|
<script>
|
|
document.write(`
|
|
<button class="btn btn-sm nav-link pst-navbar-icon theme-switch-button" title="light/dark" aria-label="light/dark" data-bs-placement="bottom" data-bs-toggle="tooltip">
|
|
<i class="theme-switch fa-solid fa-sun fa-lg" data-mode="light"></i>
|
|
<i class="theme-switch fa-solid fa-moon fa-lg" data-mode="dark"></i>
|
|
<i class="theme-switch fa-solid fa-circle-half-stroke fa-lg" data-mode="auto"></i>
|
|
</button>
|
|
`);
|
|
</script>
|
|
|
|
|
|
<script>
|
|
document.write(`
|
|
<button class="btn btn-sm pst-navbar-icon search-button search-button__button" title="Search" aria-label="Search" data-bs-placement="bottom" data-bs-toggle="tooltip">
|
|
<i class="fa-solid fa-magnifying-glass fa-lg"></i>
|
|
</button>
|
|
`);
|
|
</script>
|
|
|
|
</div></div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="bd-search-container">
|
|
<h1>Search</h1>
|
|
<noscript>
|
|
<div class="admonition error">
|
|
<p class="admonition-title">Error</p>
|
|
<p>Please activate JavaScript to enable the search functionality.</p>
|
|
</div>
|
|
</noscript>
|
|
|
|
<form class="bd-search d-flex align-items-center"
|
|
action="#"
|
|
method="get">
|
|
<i class="fa-solid fa-magnifying-glass"></i>
|
|
<input type="search"
|
|
class="form-control"
|
|
name="q"
|
|
id="search-input"
|
|
placeholder="Search..."
|
|
aria-label="Search..."
|
|
autocomplete="off"
|
|
autocorrect="off"
|
|
autocapitalize="off"
|
|
spellcheck="false"/>
|
|
<span class="search-button__kbd-shortcut"><kbd class="kbd-shortcut__modifier">Ctrl</kbd>+<kbd>K</kbd></span>
|
|
</form>
|
|
<div id="search-results"></div>
|
|
</div>
|
|
<script>
|
|
// Activate the search field on page load
|
|
let searchInput = document.querySelector("form.bd-search input");
|
|
if (searchInput) {
|
|
searchInput.focus();
|
|
searchInput.select();
|
|
console.log("[PST]: Set focus on search field.");
|
|
}
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
<footer class="prev-next-footer d-print-none">
|
|
|
|
<div class="prev-next-area">
|
|
</div>
|
|
</footer>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
<footer class="bd-footer-content">
|
|
|
|
<div class="bd-footer-content__inner container">
|
|
|
|
<div class="footer-item">
|
|
|
|
<p class="component-author">
|
|
By Prof. Vijay Janapa Reddi (Harvard University)
|
|
</p>
|
|
|
|
</div>
|
|
|
|
<div class="footer-item">
|
|
|
|
|
|
<p class="copyright">
|
|
|
|
© Copyright 2025.
|
|
<br/>
|
|
|
|
</p>
|
|
|
|
</div>
|
|
|
|
<div class="footer-item">
|
|
|
|
</div>
|
|
|
|
<div class="footer-item">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</footer>
|
|
|
|
|
|
</main>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Scripts loaded after <body> so the DOM is not blocked -->
|
|
<script src="_static/scripts/bootstrap.js?digest=dfe6caa3a7d634c4db9b"></script>
|
|
<script src="_static/scripts/pydata-sphinx-theme.js?digest=dfe6caa3a7d634c4db9b"></script>
|
|
|
|
<footer class="bd-footer">
|
|
</footer>
|
|
</body>
|
|
</html> |