✅ [Story interactive] Test Results Integration for Image Quizzes and …

…Polls (#35408) * Add page to image quiz example story to test results integration * Add page to image poll example story to test results integration
ampproject · Jul 27, 2021 · 9d197f7 · 9d197f7
1 parent 6dadc33
commit 9d197f7
Show file tree

Hide file tree

Showing 2 changed files with 117 additions and 2 deletions.
diff --git a/examples/amp-story/interactive_img_polls.html b/examples/amp-story/interactive_img_polls.html
@@ -11,7 +11,7 @@
         font-family: 'Poppins', sans-serif;
       }
 
-      amp-story-interactive-img-poll {
+      amp-story-interactive-img-poll, amp-story-interactive-results {
         justify-self: center;
       }
 
@@ -121,15 +121,19 @@ <h1>Image Polls</h1>
             option-1-image="https://images.unsplash.com/photo-1577416026704-0fe2d48a0f20?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1500&q=80"
             option-1-image-alt="Lake Tahoe"
             option-1-confetti="🌲"
+            option-1-results-category="Lake lover"
             option-2-image="https://images.unsplash.com/photo-1506970845246-18f21d533b20?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1500&q=80"
             option-2-image-alt="Hong Kong"
             option-2-confetti="🏙️"
+            option-2-results-category="City-goer"
             option-3-image="https://images.unsplash.com/photo-1559494007-9f5847c49d94?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=668&q=80"
             option-3-image-alt="Hawaii"
             option-3-confetti="🏝️"
+            option-3-results-category="Tropical explorer"
             option-4-image="https://images.unsplash.com/photo-1516302350523-4c29d47b89e0?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1500&q=80"
             option-4-image-alt="Grand Canyon"
             option-4-confetti="🏞️"
+            option-4-results-category="National Park lover"
           >
           </amp-story-interactive-img-poll>
         </amp-story-grid-layer>
@@ -160,12 +164,15 @@ <h1>Image Polls</h1>
             option-1-image="https://images.unsplash.com/photo-1577416026704-0fe2d48a0f20?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1500&q=80"
             option-1-image-alt="Lake Tahoe"
             option-1-confetti="🌲"
+            option-1-results-category="Lake lover"
             option-2-image="https://images.unsplash.com/photo-1506970845246-18f21d533b20?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1500&q=80"
             option-2-image-alt="Hong Kong"
             option-2-confetti="🏙️"
+            option-2-results-category="City-goer"
             option-3-image="https://images.unsplash.com/photo-1559494007-9f5847c49d94?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=668&q=80"
             option-3-image-alt="Hawaii"
             option-3-confetti="🏝️"
+            option-3-results-category="Tropical explorer"
           >
           </amp-story-interactive-img-poll>
         </amp-story-grid-layer>
@@ -196,9 +203,11 @@ <h1>Image Polls</h1>
             option-1-image="https://images.unsplash.com/photo-1577416026704-0fe2d48a0f20?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1500&q=80"
             option-1-image-alt="Lake Tahoe"
             option-1-confetti="🌲"
+            option-1-results-category="Lake lover"
             option-2-image="https://images.unsplash.com/photo-1506970845246-18f21d533b20?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1500&q=80"
             option-2-image-alt="Hong Kong"
             option-2-confetti="🏙️"
+            option-2-results-category="City-goer"
           >
           </amp-story-interactive-img-poll>
         </amp-story-grid-layer>
@@ -229,15 +238,19 @@ <h1>Image Polls</h1>
             option-1-image="https://images.unsplash.com/photo-1577416026704-0fe2d48a0f20?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1500&q=80"
             option-1-image-alt="Lake Tahoe"
             option-1-confetti="🌲"
+            option-1-results-category="Lake lover"
             option-2-image="https://images.unsplash.com/photo-1506970845246-18f21d533b20?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1500&q=80"
             option-2-image-alt="Hong Kong"
             option-2-confetti="🏙️"
+            option-2-results-category="City-goer"
             option-3-image="https://images.unsplash.com/photo-1559494007-9f5847c49d94?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=668&q=80"
             option-3-image-alt="Hawaii"
             option-3-confetti="🏝️"
+            option-3-results-category="Tropical explorer"
             option-4-image="https://images.unsplash.com/photo-1516302350523-4c29d47b89e0?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1500&q=80"
             option-4-image-alt="Grand Canyon"
             option-4-confetti="🏞️"
+            option-4-results-category="National Park lover"
           >
           </amp-story-interactive-img-poll>
         </amp-story-grid-layer>
@@ -269,15 +282,19 @@ <h1>Image Polls</h1>
             option-1-image="https://images.unsplash.com/photo-1577416026704-0fe2d48a0f20?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1500&q=80"
             option-1-image-alt="Lake Tahoe"
             option-1-confetti="🌲"
+            option-1-results-category="Lake lover"
             option-2-image="https://images.unsplash.com/photo-1506970845246-18f21d533b20?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1500&q=80"
             option-2-image-alt="Hong Kong"
             option-2-confetti="🏙️"
+            option-2-results-category="City-goer"
             option-3-image="https://images.unsplash.com/photo-1559494007-9f5847c49d94?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=668&q=80"
             option-3-image-alt="Hawaii"
             option-3-confetti="🏝️"
+            option-3-results-category="Tropical explorer"
             option-4-image="https://images.unsplash.com/photo-1516302350523-4c29d47b89e0?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1500&q=80"
             option-4-image-alt="Grand Canyon"
             option-4-confetti="🏞️"
+            option-4-results-category="National Park lover"
           >
           </amp-story-interactive-img-poll>
         </amp-story-grid-layer>
@@ -313,15 +330,19 @@ <h1>Image Polls</h1>
             option-1-image="https://images.unsplash.com/photo-1577416026704-0fe2d48a0f20?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1500&q=80"
             option-1-image-alt="Lake Tahoe"
             option-1-confetti="🌲"
+            option-1-results-category="Lake lover"
             option-2-image="https://images.unsplash.com/photo-1506970845246-18f21d533b20?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1500&q=80"
             option-2-image-alt="Hong Kong"
             option-2-confetti="🏙️"
+            option-2-results-category="City-goer"
             option-3-image="https://images.unsplash.com/photo-1559494007-9f5847c49d94?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=668&q=80"
             option-3-image-alt="Hawaii"
             option-3-confetti="🏝️"
+            option-3-results-category="Tropical explorer"
             option-4-image="https://images.unsplash.com/photo-1516302350523-4c29d47b89e0?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1500&q=80"
             option-4-image-alt="Grand Canyon"
             option-4-confetti="🏞️"
+            option-4-results-category="National Park lover"
           >
           </amp-story-interactive-img-poll>
         </amp-story-grid-layer>
@@ -353,15 +374,19 @@ <h1>Image Polls</h1>
             option-1-image="https://images.unsplash.com/photo-1577416026704-0fe2d48a0f20?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1500&q=80"
             option-1-image-alt="Lake Tahoe"
             option-1-confetti="🌲"
+            option-1-results-category="Lake lover"
             option-2-image="https://images.unsplash.com/photo-1506970845246-18f21d533b20?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1500&q=80"
             option-2-image-alt="Hong Kong"
             option-2-confetti="🏙️"
+            option-2-results-category="City-goer"
             option-3-image="https://images.unsplash.com/photo-1559494007-9f5847c49d94?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=668&q=80"
             option-3-image-alt="Hawaii"
             option-3-confetti="🏝️"
+            option-3-results-category="Tropical explorer"
             option-4-image="https://images.unsplash.com/photo-1516302350523-4c29d47b89e0?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1500&q=80"
             option-4-image-alt="Grand Canyon"
             option-4-confetti="🏞️"
+            option-4-results-category="National Park lover"
           >
           </amp-story-interactive-img-poll>
         </amp-story-grid-layer>
@@ -397,15 +422,19 @@ <h1>Image Polls</h1>
             option-1-image="https://images.unsplash.com/photo-1577416026704-0fe2d48a0f20?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1500&q=80"
             option-1-image-alt="Lake Tahoe"
             option-1-confetti="🌲"
+            option-1-results-category="Lake lover"
             option-2-image="https://images.unsplash.com/photo-1506970845246-18f21d533b20?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1500&q=80"
             option-2-image-alt="Hong Kong"
             option-2-confetti="🏙️"
+            option-2-results-category="City-goer"
             option-3-image="https://images.unsplash.com/photo-1559494007-9f5847c49d94?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=668&q=80"
             option-3-image-alt="Hawaii"
             option-3-confetti="🏝️"
+            option-3-results-category="Tropical explorer"
             option-4-image="https://images.unsplash.com/photo-1516302350523-4c29d47b89e0?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1500&q=80"
             option-4-image-alt="Grand Canyon"
             option-4-confetti="🏞️"
+            option-4-results-category="National Park lover"
           >
           </amp-story-interactive-img-poll>
         </amp-story-grid-layer>
@@ -437,15 +466,19 @@ <h1>Image Polls</h1>
             option-1-image="https://images.unsplash.com/photo-1577416026704-0fe2d48a0f20?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1500&q=80"
             option-1-image-alt="Lake Tahoe"
             option-1-confetti="🌲"
+            option-1-results-category="Lake lover"
             option-2-image="https://images.unsplash.com/photo-1506970845246-18f21d533b20?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1500&q=80"
             option-2-image-alt="Hong Kong"
             option-2-confetti="🏙️"
+            option-2-results-category="City-goer"
             option-3-image="https://images.unsplash.com/photo-1559494007-9f5847c49d94?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=668&q=80"
             option-3-image-alt="Hawaii"
             option-3-confetti="🏝️"
+            option-3-results-category="Tropical explorer"
             option-4-image="https://images.unsplash.com/photo-1516302350523-4c29d47b89e0?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1500&q=80"
             option-4-image-alt="Grand Canyon"
             option-4-confetti="🏞️"
+            option-4-results-category="National Park lover"
           >
           </amp-story-interactive-img-poll>
         </amp-story-grid-layer>
@@ -477,15 +510,19 @@ <h1>Image Polls</h1>
             option-1-image="https://images.unsplash.com/photo-1577416026704-0fe2d48a0f20?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1500&q=80"
             option-1-image-alt="Lake Tahoe"
             option-1-confetti="🌲"
+            option-1-results-category="Lake lover"
             option-2-image="https://images.unsplash.com/photo-1506970845246-18f21d533b20?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1500&q=80"
             option-2-image-alt="Hong Kong"
             option-2-confetti="🏙️"
+            option-2-results-category="City-goer"
             option-3-image="https://images.unsplash.com/photo-1559494007-9f5847c49d94?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=668&q=80"
             option-3-image-alt="Hawaii"
             option-3-confetti="🏝️"
+            option-3-results-category="Tropical explorer"
             option-4-image="https://images.unsplash.com/photo-1516302350523-4c29d47b89e0?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1500&q=80"
             option-4-image-alt="Grand Canyon"
             option-4-confetti="🏞️"
+            option-4-results-category="National Park lover"
           >
           </amp-story-interactive-img-poll>
         </amp-story-grid-layer>
@@ -518,15 +555,19 @@ <h1>Image Polls</h1>
             option-1-image="https://images.unsplash.com/photo-1577416026704-0fe2d48a0f20?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1500&q=80"
             option-1-image-alt="Lake Tahoe"
             option-1-confetti="🌲"
+            option-1-results-category="Lake lover"
             option-2-image="https://images.unsplash.com/photo-1506970845246-18f21d533b20?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1500&q=80"
             option-2-image-alt="Hong Kong"
             option-2-confetti="🏙️"
+            option-2-results-category="City-goer"
             option-3-image="https://images.unsplash.com/photo-1559494007-9f5847c49d94?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=668&q=80"
             option-3-image-alt="Hawaii"
             option-3-confetti="🏝️"
+            option-3-results-category="Tropical explorer"
             option-4-image="https://images.unsplash.com/photo-1516302350523-4c29d47b89e0?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1500&q=80"
             option-4-image-alt="Grand Canyon"
             option-4-confetti="🏞️"
+            option-4-results-category="National Park lover"
           >
           </amp-story-interactive-img-poll>
         </amp-story-grid-layer>
@@ -557,15 +598,19 @@ <h1>Image Polls</h1>
             option-1-image="https://images.unsplash.com/photo-1577416026704-0fe2d48a0f20?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1500&q=80"
             option-1-image-alt="Lake Tahoe"
             option-1-confetti="🌲"
+            option-1-results-category="Lake lover"
             option-2-image="https://images.unsplash.com/photo-1506970845246-18f21d533b20?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1500&q=80"
             option-2-image-alt="Hong Kong"
             option-2-confetti="🏙️"
+            option-2-results-category="City-goer"
             option-3-image="https://images.unsplash.com/photo-1559494007-9f5847c49d94?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=668&q=80"
             option-3-image-alt="Hawaii"
             option-3-confetti="🏝️"
+            option-3-results-category="Tropical explorer"
             option-4-image="https://images.unsplash.com/photo-1516302350523-4c29d47b89e0?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1500&q=80"
             option-4-image-alt="Grand Canyon"
             option-4-confetti="🏞️"
+            option-4-results-category="National Park lover"
           >
           </amp-story-interactive-img-poll>
         </amp-story-grid-layer>
@@ -594,19 +639,60 @@ <h1>Image Polls</h1>
             option-1-image="https://images.unsplash.com/photo-1577416026704-0fe2d48a0f20?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1500&q=80"
             option-1-image-alt="Lake Tahoe"
             option-1-confetti="🌲"
+            option-1-results-category="Lake lover"
             option-2-image="https://images.unsplash.com/photo-1506970845246-18f21d533b20?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1500&q=80"
             option-2-image-alt="Hong Kong"
             option-2-confetti="🏙️"
+            option-2-results-category="City-goer"
             option-3-image="https://images.unsplash.com/photo-1559494007-9f5847c49d94?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=668&q=80"
             option-3-image-alt="Hawaii"
             option-3-confetti="🏝️"
+            option-3-results-category="Tropical explorer"
             option-4-image="https://images.unsplash.com/photo-1516302350523-4c29d47b89e0?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1500&q=80"
             option-4-image-alt="Grand Canyon"
             option-4-confetti="🏞️"
+            option-4-results-category="National Park lover"
           >
           </amp-story-interactive-img-poll>
         </amp-story-grid-layer>
       </amp-story-page>
+      <amp-story-page id="results">
+        <amp-story-grid-layer template="fill">
+          <amp-img
+            src="https://images.unsplash.com/photo-1513002749550-c59d786b8e6c?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=668&q=80"
+            layout="responsive"
+            width="467"
+            height="702"
+          >
+          </amp-img>
+        </amp-story-grid-layer>
+        <amp-story-grid-layer template="fill">
+          <div>
+            <div class="label">
+              <p>Integration with results component</p>
+            </div>
+          </div>
+        </amp-story-grid-layer>
+        <amp-story-grid-layer template="vertical">
+          <amp-story-interactive-results
+            id="results-component"
+            prompt-text="You are a"
+            option-1-image="https://images.unsplash.com/photo-1577416026704-0fe2d48a0f20?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1500&q=80"
+            option-1-confetti="🌲"
+            option-1-results-category="Lake lover"
+            option-2-image="https://images.unsplash.com/photo-1506970845246-18f21d533b20?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1500&q=80"
+            option-2-confetti="🏙️"
+            option-2-results-category="City-goer"
+            option-3-image="https://images.unsplash.com/photo-1559494007-9f5847c49d94?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=668&q=80"
+            option-3-confetti="🏝️"
+            option-3-results-category="Tropical explorer"
+            option-4-image="https://images.unsplash.com/photo-1516302350523-4c29d47b89e0?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1500&q=80"
+            option-4-confetti="🏞️"
+            option-4-results-category="National Park lover"
+          >
+          </amp-story-interactive-results>
+        </amp-story-grid-layer>
+      </amp-story-page>
     </amp-story>
   </body>
 </html>