diff --git a/website/public/assets/styles.css b/website/public/assets/styles.css index fc9850f69..adf44815b 100644 --- a/website/public/assets/styles.css +++ b/website/public/assets/styles.css @@ -1389,6 +1389,19 @@ pre code { box-decoration-break: clone; -webkit-box-decoration-break: clone; } +.home-examples-intro { + max-width: 760px; + margin: 0 0 2.5rem; + color: var(--muted); + font-size: 1.05rem; +} +.home-examples-intro strong { + display: block; + margin-bottom: 0.5rem; + color: var(--ink); + font-size: 1.5rem; + font-weight: 600; +} .case-brief { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr); diff --git a/website/public/index.html b/website/public/index.html index e3c9a7b0e..c8c3649ad 100644 --- a/website/public/index.html +++ b/website/public/index.html @@ -385,6 +385,11 @@
+

+ Let's try two examples. + Use REA to change a game's speed, then explain a calculator's + percentage rule. +

Example 01 · Chrome’s dinosaur game

Why does the dinosaur get faster?