Files

142 lines
8.0 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Efficient AI</title>
<style>
code{white-space: pre-wrap;}
span.smallcaps{font-variant: small-caps;}
div.columns{display: flex; gap: min(4vw, 1.5em);}
div.column{flex: auto; overflow-x: auto;}
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
ul.task-list{list-style: none;}
ul.task-list li input[type="checkbox"] {
width: 0.8em;
margin: 0 0.8em 0.2em -1em;
vertical-align: middle;
}
</style>
</head>
<body>
<main class="content page-columns page-full" id="quarto-document-content">
<header id="title-block-header" class="quarto-title-block default">
<nav class="quarto-page-breadcrumbs quarto-title-breadcrumbs d-none d-lg-block" aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="#">MAIN</a></li>
<li class="breadcrumb-item"><a href="#"><span class="chapter-number">8</span>&nbsp; <span class="chapter-title">Chapter Title</span></a></li>
</ol>
</nav>
<div class="quarto-title">
<h1 class="title"><span class="chapter-number">8</span>&nbsp; <span class="chapter-title">Chapter Title</span></h1>
</div>
<div class="quarto-title-meta"></div>
</header>
<p>Resources: <a href="#">Slides</a>, <a href="#">Labs</a>, <a href="#">Exercises</a></p>
<div class="quarto-figure quarto-figure-center">
<figure class="figure">
<figcaption><em>Figure caption</em></figcaption>
</figure>
</div>
<p>Introductory paragraph about the chapter content.</p>
<div class="callout callout-style-simple callout-tip callout-titled">
<div class="callout-header d-flex align-content-center">
<div class="callout-icon-container">
<i class="callout-icon"></i>
</div>
<div class="callout-title-container flex-fill">Learning Objectives</div>
</div>
<div class="callout-body-container callout-body">
<ul>
<li><p>Objective 1</p></li>
<li><p>Objective 2</p></li>
<li><p>Objective 3</p></li>
<li><p>Objective 4</p></li>
</ul>
</div>
</div>
<section id="introduction" class="level2" data-number="8.1">
<h2 data-number="8.1" class="anchored" data-anchor-id="introduction"><span class="header-section-number">8.1</span> Introduction<a class="anchorjs-link" aria-label="Anchor" data-anchorjs-icon="" href="#introduction"></a></h2>
<p>Section content goes here.</p>
</section>
<section id="the-need-for-efficient-ai" class="level2 page-columns page-full" data-number="8.2">
<h2 data-number="8.2" class="anchored" data-anchor-id="the-need-for-efficient-ai"><span class="header-section-number">8.2</span> The Need for Efficient AI<a class="anchorjs-link" aria-label="Anchor" data-anchorjs-icon="" href="#the-need-for-efficient-ai"></a></h2>
<p>Section content goes here.</p>
<div id="fig-platforms" class="quarto-figure quarto-figure-center quarto-float anchored">
<figure class="quarto-float quarto-float-fig figure">
<div aria-describedby="fig-platforms-caption">
<img src="image.png" class="img-fluid figure-img">
</div>
<figcaption class="quarto-float-caption-bottom quarto-float-caption quarto-float-fig" id="fig-platforms-caption">Figure caption</figcaption>
</figure>
<a class="anchorjs-link" aria-label="Anchor" data-anchorjs-icon="" href="#fig-platforms"></a>
</div>
<p>Additional section content goes here.</p>
</section>
<section id="efficient-model-architectures" class="level2 page-columns page-full" data-number="8.3">
<h2 data-number="8.3" class="anchored" data-anchor-id="efficient-model-architectures"><span class="header-section-number">8.3</span> Efficient Model Architectures<a class="anchorjs-link" aria-label="Anchor" data-anchorjs-icon="" href="#efficient-model-architectures"></a></h2>
<p>Section content goes here.</p>
</section>
<!-- Additional sections here -->
<section id="sec-efficient-ai-resource" class="level2 unnumbered">
<h2 class="unnumbered anchored" data-anchor-id="sec-efficient-ai-resource">Resources<a class="anchorjs-link" aria-label="Anchor" data-anchorjs-icon="" href="#sec-efficient-ai-resource"></a></h2>
<p>Resources content goes here.</p>
<div class="callout callout-style-simple callout-slide no-icon callout-titled">
<div class="callout-header d-flex align-content-center" data-bs-toggle="collapse" data-bs-target=".callout-2-contents" aria-controls="callout-2" aria-expanded="true" aria-label="Toggle callout">
<div class="callout-icon-container">
<i class="callout-icon no-icon"></i>
</div>
<div class="callout-title-container flex-fill">Slides</div>
<div class="callout-btn-toggle d-inline-block border-0 py-1 ps-1 pe-0 float-end"><i class="callout-toggle"></i></div>
</div>
<div id="callout-2" class="callout-2-contents callout-collapse collapse show">
<div class="callout-body-container callout-body">
<ul>
<li><p><a href="#">Slide 1</a></p></li>
<li><p><a href="#">Slide 2</a></p></li>
<li><p><a href="#">Slide 3</a></p></li>
</ul>
</div>
</div>
</div>
<div class="callout callout-style-simple callout-exercise no-icon callout-titled">
<div class="callout-header d-flex align-content-center" data-bs-toggle="collapse" data-bs-target=".callout-3-contents" aria-controls="callout-3" aria-expanded="true" aria-label="Toggle callout">
<div class="callout-icon-container">
<i class="callout-icon no-icon"></i>
</div>
<div class="callout-title-container flex-fill">Exercises</div>
<div class="callout-btn-toggle d-inline-block border-0 py-1 ps-1 pe-0 float-end"><i class="callout-toggle"></i></div>
</div>
<div id="callout-3" class="callout-3-contents callout-collapse collapse show">
<div class="callout-body-container callout-body">
<p>Exercise content goes here.</p>
</div>
</div>
</div>
<div class="callout callout-style-simple callout-lab no-icon callout-titled">
<div class="callout-header d-flex align-content-center" data-bs-toggle="collapse" data-bs-target=".callout-4-contents" aria-controls="callout-4" aria-expanded="true" aria-label="Toggle callout">
<div class="callout-icon-container">
<i class="callout-icon no-icon"></i>
</div>
<div class="callout-title-container flex-fill">Labs</div>
<div class="callout-btn-toggle d-inline-block border-0 py-1 ps-1 pe-0 float-end"><i class="callout-toggle"></i></div>
</div>
<div id="callout-4" class="callout-4-contents callout-collapse collapse show">
<div class="callout-body-container callout-body">
<p>Lab content goes here.</p>
</div>
</div>
</div>
</section>
</main>
</body>
</html>