Clarify image roles

README.md

@@ -71,7 +71,7 @@ You can of course customize everything, but here are some places to start:
 
 ### Content
 
-- [`config/locales/en.yml`](config/locales/en.yml)
+- [`config/locales/en.yml`](config/locales/en.yml) — key strings
 
   ```yml
   wedding_name: "Jack & Jill's Wedding"
@@ -81,6 +81,11 @@ You can of course customize everything, but here are some places to start:
   photo_credits: 'Photo Credits: Pexels'
   ```
 
+- [`app/assets/images`](app/assets/images) — the images
+
+  - `jumbo.jpg` is the title image at the top of the home page
+  - `rsvp.jpg` is the title image at the top of the RSVP pages
+
 ## Default photo credits
 
 - https://www.pexels.com/photo/selective-focus-photography-of-two-penguins-689784/

app/assets/stylesheets/guests.scss

@@ -3,9 +3,8 @@
 // You can use Sass (SCSS) here: http://sass-lang.com/
 
 #guests-leader {
-  background:
+  background: linear-gradient(rgba(28, 13, 10, 0.4), rgba(28, 13, 10, 0.6)),
-    linear-gradient(rgba(28, 13, 10, 0.4), rgba(28, 13, 10, 0.6)),
+    image-url("rsvp.jpg") center center no-repeat;
-    image-url('flowers.jpg') center center no-repeat;
   background-size: cover;
 
   h1 {
@@ -17,7 +16,9 @@
   padding-bottom: $spacer;
 
   @media (max-width: 768px) {
-    li.nav-item { width:100%; }
+    li.nav-item {
+      width: 100%;
+    }
   }
 }