diff --git a/public/assets/rsvp-qr.svg b/public/assets/rsvp-qr.svg new file mode 100644 index 0000000..a2a4e53 --- /dev/null +++ b/public/assets/rsvp-qr.svg @@ -0,0 +1 @@ + diff --git a/public/css/style.css b/public/css/style.css index 1de21d2..460894e 100644 --- a/public/css/style.css +++ b/public/css/style.css @@ -361,6 +361,20 @@ form { margin-top: 2rem; } .form-status { margin-top: 0.9rem; font-size: 0.88rem; color: #fca5a5; min-height: 1.2em; } .fine { margin-top: 0.9rem; font-size: 0.78rem; color: var(--fine); text-align: center; } +.qr { + display: flex; align-items: center; gap: 1.4rem; + margin-top: 2.2rem; padding-top: 1.8rem; + border-top: 1px solid var(--hairline); +} +.qr-card { + flex: none; width: 108px; height: 108px; padding: 8px; + background: #fff; border-radius: var(--r-control); display: block; +} +.qr-card img { width: 100%; height: 100%; } +.qr-title { font-family: "Space Grotesk", sans-serif; font-weight: 600; color: var(--text); margin-bottom: 0.3rem; } +.qr-copy p { font-size: 0.88rem; color: var(--muted); } +.qr-copy a { color: var(--accent2); text-decoration: none; border-bottom: 1px solid var(--border-hover); } + .rsvp-done h3 { font-size: 1.4rem; font-weight: 700; } .rsvp-done p { margin: 0.8rem 0 1.2rem; color: var(--muted); } @@ -421,6 +435,7 @@ form { margin-top: 2rem; } .pitch { padding: 5rem var(--gut); } .expect { padding: 5rem var(--gut); } .rsvp-panel { padding: 1.9rem 1.4rem; } + .qr { flex-direction: column; align-items: flex-start; gap: 1rem; } .foot { flex-direction: column; align-items: flex-start; } } diff --git a/public/images/rsvp-qr.png b/public/images/rsvp-qr.png new file mode 100644 index 0000000..8659d6f Binary files /dev/null and b/public/images/rsvp-qr.png differ diff --git a/site.config.js b/site.config.js index 2e23931..88e739a 100644 --- a/site.config.js +++ b/site.config.js @@ -61,6 +61,7 @@ module.exports = { "https://nyc3.digitaloceanspaces.com/corben-sites/images/c23ea202-5442-41b4-9a1b-1586e81c50eb/eb54a5f7-a30e-4a7a-b3cb-0beb5eff43ff/napkin.jpg", venue: "https://nyc3.digitaloceanspaces.com/corben-sites/images/c23ea202-5442-41b4-9a1b-1586e81c50eb/458dab49-e942-4016-a744-127da6f9a754/silverq-venue.jpg", + qr: "/images/rsvp-qr.png", venueLogo: "https://nyc3.digitaloceanspaces.com/corben-sites/images/c23ea202-5442-41b4-9a1b-1586e81c50eb/5adbc5b1-ed83-48ae-b067-8ca01d0fde44/silverq-logo.png", }, diff --git a/views/index.ejs b/views/index.ejs index 0e1e63d..f4193e9 100644 --- a/views/index.ejs +++ b/views/index.ejs @@ -272,6 +272,19 @@
One email a week at most. Unsubscribe any time.
+ +Point a phone at this.
+It opens this page straight at the RSVP. Screenshot it for a story, or grab the print version for flyers.
+Check your inbox for a confirmation. See you <%= isTonight ? "tonight" : nextLong %> at <%= V.name %>, <%= V.street %>, <%= site.startTime %>. Bring your ideas and a valid ID.