/
githubmirror
/
amphtml
Обзор
Документация
Войти
/
githubmirror
/
amphtml
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
examples/amp-story/ad-development.html
148 строк
5 KB
Matias Szylkowski
🚮 [Story bookend] Remove bookend extended code (#34343)
17 май 2021, 23:23
Не верифицирован
17 май 2021, 23:23
8c42aa4
Код
Авторство
О чём код?
<!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> <script async custom-element="amp-story-auto-ads" src="https://cdn.ampproject.org/v0/amp-story-auto-ads-0.1.js"></script> <title>My Story</title> <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1"> <link rel="canonical" href="helloworld.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: white; } h1 { font-size: 2.875em; font-weight: normal; line-height: 1.174; text-transform: uppercase; } </style> </head> <body> <amp-story title="Amp-story-doubleclick" publisher="The AMP Team" publisher-logo-src="https://example.com/logo/1x1.png" poster-portrait-src="https://example.com/my-story/poster/3x4.jpg" poster-square-src="https://example.com/my-story/poster/1x1.jpg" poster-landscape-src="https://example.com/my-story/poster/4x3.jpg" standalone> <amp-story-auto-ads id="i-amphtml-demo-1" development> <script type="application/json"> { "ad-attributes": { "type": "fake", "src": "/examples/amp-story/ads/app-install.html", "a4a-conversion": true } } </script> </amp-story-auto-ads> <amp-story-page id="cover"> <amp-story-grid-layer template="vertical"> <h1>Fake ads served locally</h1> <p>This is the cover page.</p> </amp-story-grid-layer> </amp-story-page> <amp-story-page id="two"> <amp-story-grid-layer template="vertical"> <h1>two Page</h1> </amp-story-grid-layer> </amp-story-page> <amp-story-page id="three"> <amp-story-grid-layer template="vertical"> <h1>three Page</h1> </amp-story-grid-layer> </amp-story-page> <amp-story-page id="four"> <amp-story-grid-layer template="vertical"> <h1>four Page</h1> </amp-story-grid-layer> </amp-story-page> <amp-story-page id="five"> <amp-story-grid-layer template="vertical"> <h1>five Page</h1> </amp-story-grid-layer> </amp-story-page> <amp-story-page id="six"> <amp-story-grid-layer template="vertical"> <h1>six Page</h1> </amp-story-grid-layer> </amp-story-page> <amp-story-page id="seven"> <amp-story-grid-layer template="vertical"> <h1>seven Page</h1> </amp-story-grid-layer> </amp-story-page> <amp-story-page id="eight"> <amp-story-grid-layer template="vertical"> <h1>eight Page</h1> </amp-story-grid-layer> </amp-story-page> <amp-story-page id="nine"> <amp-story-grid-layer template="vertical"> <h1>nine Page</h1> </amp-story-grid-layer> </amp-story-page> <amp-story-page id="ten"> <amp-story-grid-layer template="vertical"> <h1>ten Page</h1> </amp-story-grid-layer> </amp-story-page> <amp-story-page id="eleven"> <amp-story-grid-layer template="vertical"> <h1>eleven Page</h1> </amp-story-grid-layer> </amp-story-page> <amp-story-page id="twelve"> <amp-story-grid-layer template="vertical"> <h1>twelve Page</h1> </amp-story-grid-layer> </amp-story-page> <amp-story-page id="thirteen"> <amp-story-grid-layer template="vertical"> <h1>thirteen Page</h1> </amp-story-grid-layer> </amp-story-page> <amp-story-page id="fourteen"> <amp-story-grid-layer template="vertical"> <h1>fourteen Page</h1> </amp-story-grid-layer> </amp-story-page> <amp-story-page id="fifteen"> <amp-story-grid-layer template="vertical"> <h1>fifteen Page</h1> </amp-story-grid-layer> </amp-story-page> <amp-story-page id="sixteen"> <amp-story-grid-layer template="vertical"> <h1>sixteen Page</h1> </amp-story-grid-layer> </amp-story-page> </amp-story> </body> </html>