github-starred/cs249r_book
2
0
Fork 0
mirror of https://github.com/harvard-edge/cs249r_book.git synced 2026-03-11 17:49:25 -05:00
Code Issues Packages Projects Releases Wiki Activity

fix(vol2): use ETH Zurich Blue intensity gradient for Fleet Stack diagrams

Browse Source 
Replace four distinct colors (Brown, Blue, Green, Red) with ETHZ Blue
intensity gradient (25%→50%→75%→100%) in fig-fleet-stack and
fig-vol2-roadmap, matching vol1 mlsysstack crimson gradient pattern.
This commit is contained in:
Vijay Janapa Reddi
2026-02-21 19:07:08 -05:00
parent f954de69d2
commit 17117adc70
3 changed files with 19 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
book/quarto/config/shared/base/diagram.yml
View File

@@ -86,3 +86,5 @@ diagram:
- '\definecolor{Thistle}{RGB}{222,132,191}'
- '\definecolor{Siva}{RGB}{161,152,130}'
- '\definecolor{crimson}{HTML}{A51C30}'
- '\definecolor{ethzblue}{HTML}{1F407A}'
- '\definecolor{accentcolor}{HTML}{1F407A}'

29
book/quarto/contents/vol2/introduction/introduction.qmd
View File

@@ -1084,17 +1084,18 @@ To reason systematically about these interconnections, we need organizing framew
label/.style={font=\scriptsize\itshape, text=black}
}
% Nodes with standard colors — 4-Part Fleet Stack
\node[part, draw=RedLine, fill=RedL] (p4) at (0, 4.8) {Part IV: The Responsible Fleet\\ Security, Robustness, Sustainability, Governance};
\node[part, draw=GreenLine, fill=GreenL] (p3) at (0, 3.2) {Part III: Deployment at Scale\\ Inference, Performance, Edge, Operations};
\node[part, draw=BlueLine, fill=BlueL] (p2) at (0, 1.6) {Part II: Distributed ML\\ Training, Communication, Fault Tolerance, Orchestration};
\node[part, draw=BrownLine, fill=BrownL!40] (p1) at (0, 0) {Part I: The Fleet\\ Compute, Network, Data};
% Nodes with ETH Zurich Blue intensity gradient (like vol1 system stack with crimson)
% Bottom to top: 25% → 50% → 75% → 100% intensity
\node[part, draw=accentcolor!60, fill=accentcolor!25, text=accentcolor] (p1) at (0, 0) {Part I: The Fleet\\ Compute, Network, Data};
\node[part, draw=accentcolor!75, fill=accentcolor!50, text=accentcolor] (p2) at (0, 1.6) {Part II: Distributed ML\\ Training, Communication, Fault Tolerance, Orchestration};
\node[part, draw=accentcolor!90, fill=accentcolor!75, text=white] (p3) at (0, 3.2) {Part III: Deployment at Scale\\ Inference, Performance, Edge, Operations};
\node[part, draw=accentcolor, fill=accentcolor, text=white] (p4) at (0, 4.8) {Part IV: The Responsible Fleet\\ Security, Robustness, Sustainability, Governance};
% Background arrows showing constraint flow
% Background arrows showing constraint flow (ETHZ intensity)
\begin{scope}[on background layer]
\draw[arrow, BlueLine!40] (p1.north) -- (p2.south);
\draw[arrow, GreenLine!40] (p2.north) -- (p3.south);
\draw[arrow, RedLine!40] (p3.north) -- (p4.south);
\draw[arrow, accentcolor!40] (p1.north) -- (p2.south);
\draw[arrow, accentcolor!40] (p2.north) -- (p3.south);
\draw[arrow, accentcolor!40] (p3.north) -- (p4.south);
\end{scope}
% Annotations
@@ -1117,11 +1118,11 @@ This layered progression structures the textbook's four Parts, each correspondin
arrow/.style={-latex, thick, black!60}
}
% Nodes with standard colors — 4-Part Fleet Stack
\node[part, draw=BrownLine, fill=BrownL!40] (p1) at (0, 0) {Part I: The Fleet};
\node[part, draw=BlueLine, fill=BlueL, below=0.8cm of p1] (p2) {Part II: Distributed ML};
\node[part, draw=GreenLine, fill=GreenL, below=0.8cm of p2] (p3) {Part III: Deployment at Scale};
\node[part, draw=RedLine, fill=RedL, below=0.8cm of p3] (p4) {Part IV: The Responsible Fleet};
% Nodes with ETH Zurich Blue intensity gradient (like vol1 system stack)
\node[part, draw=accentcolor!60, fill=accentcolor!25, text=accentcolor] (p1) at (0, 0) {Part I: The Fleet};
\node[part, draw=accentcolor!75, fill=accentcolor!50, text=accentcolor, below=0.8cm of p1] (p2) {Part II: Distributed ML};
\node[part, draw=accentcolor!90, fill=accentcolor!75, text=white, below=0.8cm of p2] (p3) {Part III: Deployment at Scale};
\node[part, draw=accentcolor, fill=accentcolor, text=white, below=0.8cm of p3] (p4) {Part IV: The Responsible Fleet};
% Arrows
\draw[arrow] (p1) -- (p2);

3
book/quarto/tex/theme-colors-vol2.tex
View File

@@ -5,4 +5,5 @@
% Include this file BEFORE header-includes.tex
% =============================================================================
\definecolor{accentcolor}{HTML}{1F407A} % ETH Zurich Blue
\definecolor{ethzblue}{HTML}{1F407A} % ETH Zurich Blue (official brand)
\definecolor{accentcolor}{HTML}{1F407A} % Alias for consistency