diff --git a/app/globals.css b/app/globals.css index edbd423..a13e75b 100644 --- a/app/globals.css +++ b/app/globals.css @@ -244,6 +244,17 @@ gap: 1rem; margin: 1.25rem 0; } +/* Plaza has four panels where the signer has three. Four across is too narrow + to read on a laptop, so they go two-by-two until the viewport can hold a row + of four, and the shared three-column rule above is left alone. */ +.zn-shots-four { + grid-template-columns: repeat(2, minmax(0, 1fr)); +} +@media (min-width: 1100px) { + .zn-shots-four { + grid-template-columns: repeat(4, minmax(0, 1fr)); + } +} .zn-shots img { width: 100%; height: auto; diff --git a/content/plaza.mdx b/content/plaza.mdx index 5391b20..2cabe69 100644 --- a/content/plaza.mdx +++ b/content/plaza.mdx @@ -18,10 +18,11 @@ and reconciles with relays behind you. ## What it looks like -
+
diff --git a/public/plaza/hero.jpg b/public/plaza/hero.jpg index aff17b8..77bcdc4 100644 Binary files a/public/plaza/hero.jpg and b/public/plaza/hero.jpg differ diff --git a/public/plaza/panel-feed.jpg b/public/plaza/panel-feed.jpg index 2dc8a97..a9d07a9 100644 Binary files a/public/plaza/panel-feed.jpg and b/public/plaza/panel-feed.jpg differ diff --git a/public/plaza/panel-places.jpg b/public/plaza/panel-places.jpg new file mode 100644 index 0000000..0027394 Binary files /dev/null and b/public/plaza/panel-places.jpg differ diff --git a/public/plaza/panel-profile.jpg b/public/plaza/panel-profile.jpg index 6027734..1e9d286 100644 Binary files a/public/plaza/panel-profile.jpg and b/public/plaza/panel-profile.jpg differ diff --git a/public/plaza/panel-thread.jpg b/public/plaza/panel-thread.jpg index 3abebc7..8f70a25 100644 Binary files a/public/plaza/panel-thread.jpg and b/public/plaza/panel-thread.jpg differ