github-starred/cs249r_book
2
0
Fork 0
mirror of https://github.com/harvard-edge/cs249r_book.git synced 2026-04-30 01:29:07 -05:00
Code Issues 77 Packages Projects Releases 24 Wiki Activity

Vol2 Fleet Stack: remove vertical line, center three-column example

Browse Source
This commit is contained in:
Vijay Janapa Reddi
2026-02-21 19:44:18 -05:00
parent f0ddc607d6
commit 4053b73384
2 changed files with 11 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
book/quarto/contents/vol2/frontmatter/about.qmd
View File

@@ -66,27 +66,29 @@ In the margin figures throughout the book, the intensity of each layer reflects
```{=latex}
\begin{center}
\noindent\makebox[\textwidth][c]{%
\begin{minipage}[t]{0.30\textwidth}
\centering
{\sffamily\scriptsize\bfseries Compute Infrastructure}\\[4pt]
\mlfleetstack{100}{30}{15}{10}
\end{minipage}%
\hfill
\hspace{1.5em}%
\begin{minipage}[t]{0.30\textwidth}
\centering
{\sffamily\scriptsize\bfseries Distributed Training}\\[4pt]
\mlfleetstack{30}{100}{25}{10}
\end{minipage}%
\hfill
\hspace{1.5em}%
\begin{minipage}[t]{0.30\textwidth}
\centering
{\sffamily\scriptsize\bfseries Responsible AI}\\[4pt]
\mlfleetstack{15}{20}{35}{100}
\end{minipage}
\end{minipage}%
}
\end{center}
```
In Compute Infrastructure, the bottom layer dominates --- this chapter is about silicon, power, and cooling. In Distributed Training, the distribution layer glows --- parallelism strategies and gradient synchronization are the focus. In Responsible AI, the top layer is brightest --- fairness, transparency, and accountability govern the chapter. The same stack, three different stories, with the constraint arrows reminding you that decisions made at the infrastructure level ripple upward through every layer above.
In Compute Infrastructure, the bottom layer dominates --- this chapter is about silicon, power, and cooling. In Distributed Training, the distribution layer glows --- parallelism strategies and gradient synchronization are the focus. In Responsible AI, the top layer is brightest --- fairness, transparency, and accountability govern the chapter. The same stack, three different stories: decisions made at the infrastructure level ripple upward through every layer above.
Each part builds on the previous one. We recommend reading sequentially, though the reading paths below offer alternatives for readers with specific goals.

24
book/quarto/tex/header-includes.tex
View File

@@ -1862,29 +1862,15 @@ align=right,font={\fontsize{40pt}{40}\selectfont}]
% Part I: Infrastructure (bottom) — ETH Zurich Blue intensity
\fleetstacklayernostub{0.0}{Infrastructure}{#1}{accentcolor}{icon_fleet_infra}
% --- Upward constraint arrows (left side) ---
% ETH Zurich Blue (accentcolor) for left-side elements
\begin{scope}[on background layer]
\draw[-{Triangle[width=6pt,length=4pt]}, line width=3pt,
accentcolor!60, opacity=0.6]
(-0.15, 0.85) -- (-0.15, 1.15);
\draw[-{Triangle[width=6pt,length=4pt]}, line width=3pt,
accentcolor!60, opacity=0.6]
(-0.15, 1.85) -- (-0.15, 2.15);
\draw[-{Triangle[width=6pt,length=4pt]}, line width=3pt,
accentcolor!60, opacity=0.6]
(-0.15, 2.85) -- (-0.15, 3.15);
\end{scope}
% --- Part number labels (left accent) — ETH Zurich Blue ---
% --- Part labels (left accent) — ETH Zurich Blue ---
\node[font=\sffamily\fontsize{5}{6}\selectfont\bfseries,
text=accentcolor, opacity=0.75, rotate=90] at (-0.35, 0.5) {I};
text=accentcolor, opacity=0.75, rotate=90] at (-0.45, 0.5) {Part~I};
\node[font=\sffamily\fontsize{5}{6}\selectfont\bfseries,
text=accentcolor, opacity=0.75, rotate=90] at (-0.35, 1.5) {II};
text=accentcolor, opacity=0.75, rotate=90] at (-0.45, 1.5) {Part~II};
\node[font=\sffamily\fontsize{5}{6}\selectfont\bfseries,
text=accentcolor, opacity=0.75, rotate=90] at (-0.35, 2.5) {III};
text=accentcolor, opacity=0.75, rotate=90] at (-0.45, 2.5) {Part~III};
\node[font=\sffamily\fontsize{5}{6}\selectfont\bfseries,
text=accentcolor, opacity=0.75, rotate=90] at (-0.35, 3.5) {IV};
text=accentcolor, opacity=0.75, rotate=90] at (-0.45, 3.5) {Part~IV};
\end{tikzpicture}
}