amphtml/extensions/amp-story/1.0/test/validator-amp-story-bookend-inline.out at d2239f5d7e41b0a4d4b07b3952ca2634a27618db · mgid/amphtml · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
PASS
|  <!doctype html>
|  <html amp lang="en">
|    <head>
|      <meta charset="utf-8">
|      <script async src="https://cdn.ampproject.org/v0.js"></script>
|      <script async custom-element="amp-story"
|          src="https://cdn.ampproject.org/v0/amp-story-1.0.js"></script>
|      <title>My Story</title>
|      <meta name="viewport"
|            content="width=device-width,minimum-scale=1,initial-scale=1">
|      <link rel="canonical" href="bookend.html">
|      <style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
|      <style amp-custom>
|        body {
|          font-family: 'Roboto', sans-serif;
|        }
|        amp-story-page {
|          background-color: white;
|        }
|      </style>
|      <script type="application/ld+json">
|        {
|          "@context": "http://schema.org",
|          "@type": "NewsArticle",
|          "mainEntityOfPage": {
|            "@type": "WebPage",
|            "@id": "./bookend.html"
|          },
|          "headline": "My Story",
|          "image":["http://placehold.it/420x740"],
|          "datePublished": "2018-01-01T00:00:00+00:00",
|          "dateModified": "2018-01-01T00:00:00+00:00",
|          "author": {
|            "@type": "Organization",
|            "name": "AMP Project"
|          },
|          "publisher": {
|            "@type": "Organization",
|            "name": "AMP Project",
|            "logo": {
|              "@type": "ImageObject",
|              "url": "http://placehold.it/128x128"
|            }
|          },
|          "description": "My Story"
|        }
|      </script>
|    </head>
|    <body>
|      <amp-story standalone title="My Story"
|        publisher="The AMP Team"
|        publisher-logo-src="https://example.com/logo/1x1.png"
|        poster-portrait-src="https://example.com/my-story/poster/3x4.jpg">
|        <amp-story-page id="cover">
|          <amp-story-grid-layer template="vertical">
|            <h1>Advance to see the bookend!</h1>
|          </amp-story-grid-layer>
|        </amp-story-page>
|        <amp-story-bookend layout=nodisplay>
|            <script type="application/json" nonce="cryptographic-nonce123">
|              {
|                "bookendVersion": "v1.0",
|                "shareProviders": [
|                  "email",
|                  {"provider": "facebook", "app_id": "254325784911610"},
|                  {"provider": "twitter", "text": "This is custom share text that I would like for the Twitter platform"},
|                  "whatsapp"
|                ],
|                "components": [
|                  {
|                    "type": "heading",
|                    "text": "test"
|                  },
|                  {
|                    "type": "small",
|                    "title": "This is an example article",
|                    "url": "/article.html",
|                    "image": "http://placehold.it/500x600"
|                  },
|                  {
|                    "type": "cta-link",
|                    "links": [
|                      {
|                        "text": "buttonA",
|                        "url": "google.com"
|                      },
|                      {
|                        "text": "buttonB",
|                        "url": "google.com"
|                      },
|                      {
|                        "text": "longtext longtext longtext longtext longtext longtext longt",
|                        "url": "google.com"
|                      }
|                    ]
|                  },
|                  {
|                    "type": "heading",
|                    "text": "credits"
|                  },
|                  {
|                    "type": "textbox",
|                    "text": [
|                      "Food by Enrique McPizza",
|                      "Choreography by Gabriel Filly",
|                      "Script by Alan Ecma S.",
|                      "Direction by Jon Tarantino"
|                    ]
|                  }
|                ]
|              }
|            </script>
|        </amp-story-bookend>
|      </amp-story>
|    </body>
|  </html>