{"action":"created","issue":{"url":"https://api.github.com/repos/ampproject/amphtml/issues/13510","repository_url":"https://api.github.com/repos/ampproject/amphtml","labels_url":"https://api.github.com/repos/ampproject/amphtml/issues/13510/labels{/name}","comments_url":"https://api.github.com/repos/ampproject/amphtml/issues/13510/comments","events_url":"https://api.github.com/repos/ampproject/amphtml/issues/13510/events","html_url":"https://github.com/ampproject/amphtml/issues/13510","id":297548378,"number":13510,"title":"Can't get arrow button to turn the page?","user":{"login":"TristanTheKnightAway","id":10853944,"avatar_url":"https://avatars2.githubusercontent.com/u/10853944?v=4","gravatar_id":"","url":"https://api.github.com/users/TristanTheKnightAway","html_url":"https://github.com/TristanTheKnightAway","followers_url":"https://api.github.com/users/TristanTheKnightAway/followers","following_url":"https://api.github.com/users/TristanTheKnightAway/following{/other_user}","gists_url":"https://api.github.com/users/TristanTheKnightAway/gists{/gist_id}","starred_url":"https://api.github.com/users/TristanTheKnightAway/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/TristanTheKnightAway/subscriptions","organizations_url":"https://api.github.com/users/TristanTheKnightAway/orgs","repos_url":"https://api.github.com/users/TristanTheKnightAway/repos","events_url":"https://api.github.com/users/TristanTheKnightAway/events{/privacy}","received_events_url":"https://api.github.com/users/TristanTheKnightAway/received_events","type":"User","site_admin":false},"labels":[{"id":731143317,"url":"https://api.github.com/repos/ampproject/amphtml/labels/Category:%20AMP%20Story","name":"Category: AMP Story","color":"1d76db","default":false}],"state":"open","locked":false,"assignee":{"login":"newmuis","id":1651960,"avatar_url":"https://avatars3.githubusercontent.com/u/1651960?v=4","gravatar_id":"","url":"https://api.github.com/users/newmuis","html_url":"https://github.com/newmuis","followers_url":"https://api.github.com/users/newmuis/followers","following_url":"https://api.github.com/users/newmuis/following{/other_user}","gists_url":"https://api.github.com/users/newmuis/gists{/gist_id}","starred_url":"https://api.github.com/users/newmuis/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/newmuis/subscriptions","organizations_url":"https://api.github.com/users/newmuis/orgs","repos_url":"https://api.github.com/users/newmuis/repos","events_url":"https://api.github.com/users/newmuis/events{/privacy}","received_events_url":"https://api.github.com/users/newmuis/received_events","type":"User","site_admin":false},"assignees":[{"login":"newmuis","id":1651960,"avatar_url":"https://avatars3.githubusercontent.com/u/1651960?v=4","gravatar_id":"","url":"https://api.github.com/users/newmuis","html_url":"https://github.com/newmuis","followers_url":"https://api.github.com/users/newmuis/followers","following_url":"https://api.github.com/users/newmuis/following{/other_user}","gists_url":"https://api.github.com/users/newmuis/gists{/gist_id}","starred_url":"https://api.github.com/users/newmuis/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/newmuis/subscriptions","organizations_url":"https://api.github.com/users/newmuis/orgs","repos_url":"https://api.github.com/users/newmuis/repos","events_url":"https://api.github.com/users/newmuis/events{/privacy}","received_events_url":"https://api.github.com/users/newmuis/received_events","type":"User","site_admin":false}],"milestone":{"url":"https://api.github.com/repos/ampproject/amphtml/milestones/20","html_url":"https://github.com/ampproject/amphtml/milestone/20","labels_url":"https://api.github.com/repos/ampproject/amphtml/milestones/20/labels","id":1884542,"number":20,"title":"Pending Triage","description":"These issues need to get put into another milestone. They should be assigned to the person who can best decide the appropriate milestone. Optionally, the issue can then be assigned to the most likely implementer.","creator":{"login":"rudygalfi","id":3888212,"avatar_url":"https://avatars3.githubusercontent.com/u/3888212?v=4","gravatar_id":"","url":"https://api.github.com/users/rudygalfi","html_url":"https://github.com/rudygalfi","followers_url":"https://api.github.com/users/rudygalfi/followers","following_url":"https://api.github.com/users/rudygalfi/following{/other_user}","gists_url":"https://api.github.com/users/rudygalfi/gists{/gist_id}","starred_url":"https://api.github.com/users/rudygalfi/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/rudygalfi/subscriptions","organizations_url":"https://api.github.com/users/rudygalfi/orgs","repos_url":"https://api.github.com/users/rudygalfi/repos","events_url":"https://api.github.com/users/rudygalfi/events{/privacy}","received_events_url":"https://api.github.com/users/rudygalfi/received_events","type":"User","site_admin":false},"open_issues":188,"closed_issues":765,"state":"open","created_at":"2016-07-14T23:13:22Z","updated_at":"2018-02-23T01:05:18Z","due_on":null,"closed_at":null},"comments":3,"created_at":"2018-02-15T18:24:16Z","updated_at":"2018-02-23T01:10:41Z","closed_at":null,"author_association":"NONE","body":"Hi\r\n\r\nI load up the demo provided here: https://www.ampproject.org/docs/tutorials/visual_story and the cover page loads fine and I can see the preview of page 1, but I can't get the arrow button to turn the page. So even though there are 5 pages in code, I can't see pages 2-5.\r\n\r\nI've tried this in the most recent versions of Chrome and Firefox, and have used the Chrome Web Server extension and MAMP as my server, same problem.\r\n\r\nI'll keep digging through the docs...\r\n\r\nI really like these amp story formats btw. Cool project."},"comment":{"url":"https://api.github.com/repos/ampproject/amphtml/issues/comments/367877171","html_url":"https://github.com/ampproject/amphtml/issues/13510#issuecomment-367877171","issue_url":"https://api.github.com/repos/ampproject/amphtml/issues/13510","id":367877171,"user":{"login":"TristanTheKnightAway","id":10853944,"avatar_url":"https://avatars2.githubusercontent.com/u/10853944?v=4","gravatar_id":"","url":"https://api.github.com/users/TristanTheKnightAway","html_url":"https://github.com/TristanTheKnightAway","followers_url":"https://api.github.com/users/TristanTheKnightAway/followers","following_url":"https://api.github.com/users/TristanTheKnightAway/following{/other_user}","gists_url":"https://api.github.com/users/TristanTheKnightAway/gists{/gist_id}","starred_url":"https://api.github.com/users/TristanTheKnightAway/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/TristanTheKnightAway/subscriptions","organizations_url":"https://api.github.com/users/TristanTheKnightAway/orgs","repos_url":"https://api.github.com/users/TristanTheKnightAway/repos","events_url":"https://api.github.com/users/TristanTheKnightAway/events{/privacy}","received_events_url":"https://api.github.com/users/TristanTheKnightAway/received_events","type":"User","site_admin":false},"created_at":"2018-02-23T01:10:41Z","updated_at":"2018-02-23T01:10:41Z","author_association":"NONE","body":"`<!doctype html>\r\n<html ⚡>\r\n  <head>\r\n    <meta charset=\"utf-8\">\r\n    <title>UC Davis vs. Evil</title>\r\n    <link rel=\"canonical\" href=\"pets.html\">\r\n    <meta name=\"viewport\" content=\"width=device-width,minimum-scale=1,initial-scale=1\">\r\n    <script type=\"application/ld+json\">\r\n      {\r\n        \"@context\": \"http://schema.org\",\r\n        \"@type\": \"NewsArticle\",\r\n        \"headline\": \"Open-source framework for publishing content\",\r\n        \"datePublished\": \"2015-10-07T12:02:41Z\",\r\n        \"image\": [\r\n          \"logo.jpg\"\r\n        ]\r\n      }\r\n    </script>\r\n    <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>\r\n    <script async src=\"https://cdn.ampproject.org/v0.js\"></script>\r\n    <script async custom-element=\"amp-story\" src=\"https://cdn.ampproject.org/v0/amp-story-0.1.js\"></script>\r\n    <link href=\"https://fonts.googleapis.com/css?family=Oswald:200,300,400\" rel=\"stylesheet\">\r\n    <style amp-custom>\r\n      amp-story {\r\n        font-family: 'Oswald',sans-serif;\r\n        color: #fff;\r\n      }\r\n      amp-story-page {\r\n        background-color: #000;\r\n      }\r\n      h1 {\r\n        font-weight: bold;\r\n        font-size: 2.875em;\r\n        font-weight: normal;\r\n        line-height: 1.174;\r\n      }\r\n      p {\r\n        font-weight: normal;\r\n        font-size: 1.3em;\r\n        line-height: 1.5em;\r\n        color: #fff;\r\n      }\r\n      q {\r\n        font-weight: 300;\r\n        font-size: 1.1em;\r\n      }\r\n      amp-story-grid-layer.bottom {\r\n        align-content:end;\r\n      }\r\n      amp-story-grid-layer.noedge {\r\n        padding: 0px;\r\n      }\r\n      amp-story-grid-layer.center-text {\r\n        align-content: center;\r\n      }\r\n      .wrapper {\r\n        display: grid;\r\n        grid-template-columns: 50% 50%;\r\n        grid-template-rows: 50% 50%;\r\n      }\r\n      .banner-text {\r\n        text-align: center;\r\n        background-color: #000;\r\n        line-height: 2em;\r\n      }\r\n    </style>\r\n  </head>\r\n  <body>\r\n    <amp-story standalone>\r\n            <!-- Cover Page : 2 layers  -->   \r\n      <amp-story-page id=\"cover\">\r\n        <amp-story-grid-layer template=\"fill\">\r\n          <amp-img src=\"assets/chancellor-panther.jpg\"\r\n           width=\"720\" height=\"1280\" \r\n           layout=\"responsive\">\r\n         </amp-img>\r\n       </amp-story-grid-layer>\r\n\r\n        <amp-story-grid-layer template=\"vertical\">\r\n          <h1>The Chancellor</h1>\r\n          <p>By UC Davis</p>\r\n       </amp-story-grid-layer>\r\n     </amp-story-page>\r\n\r\n      <!-- Page 1 (Cat): 1 layer (vertical) -->\r\n      <amp-story-page id=\"page1\">\r\n        <amp-story-grid-layer template=\"vertical\">\r\n          <h1>The Captain</h1>\r\n          <amp-img src=\"assets/chancellor-america.jpg\"\r\n              width=\"720\" height=\"1280\"\r\n              layout=\"responsive\">\r\n          </amp-img>\r\n          <q>Protecting the realm of UC Davis with great pomp and circumstance.</q>\r\n        </amp-story-grid-layer>\r\n      </amp-story-page>\r\n\r\n      <!-- Page 2 (Dog): 2 layers (fill + thirds) -->\r\n      <amp-story-page id=\"page2\">\r\n        <amp-story-grid-layer template=\"fill\">\r\n          <amp-img src=\"assets/dog.jpg\" \r\n              width=\"720\" height=\"1280\"\r\n              layout=\"responsive\">\r\n          </amp-img>\r\n        </amp-story-grid-layer>\r\n          <amp-story-grid-layer template=\"thirds\">\r\n            <h1 grid-area=\"upper-third\">Dogs</h1>\r\n            <p grid-area=\"lower-third\">Dogs were probably the first tame animals. They have accompanied humans for some 10,000 years. Some scientists assert that all dogs, domestic and wild, share a common ancestor in the small South Asian wolf.</p>\r\n        </amp-story-grid-layer>\r\n      </amp-story-page>\r\n\r\n      <!-- Page 3 (Bird): 3 layers (fill + vertical + vertical) + Audio-->\r\n      <amp-story-page id=\"page3\" background-audio=\"assets/bird-singing.mp3\">\r\n        <amp-story-grid-layer template=\"fill\">\r\n          <amp-img src=\"assets/bird.jpg\"\r\n              width=\"720\" height=\"1280\"\r\n              layout=\"responsive\">\r\n          </amp-img>\r\n        </amp-story-grid-layer>\r\n        <amp-story-grid-layer template=\"vertical\">\r\n          <h1>Birds</h1>\r\n        </amp-story-grid-layer>\r\n        <amp-story-grid-layer template=\"vertical\" class=\"bottom\">\r\n          <q>A bird is three things: Feathers, flight and song, And feathers are the least of these. -Marjorie Allen Seiffert</q>\r\n        </amp-story-grid-layer>\r\n      </amp-story-page>\r\n\r\n      <!-- Page 4 (Rabbit): 3 layers (fill (video) + vertical + vertical) -->\r\n      <amp-story-page id=\"page4\">\r\n        <amp-story-grid-layer template=\"fill\">\r\n          <amp-video autoplay loop\r\n                width=\"720\" height=\"1280\"\r\n                poster=\"assets/rabbit.jpg\"\r\n                layout=\"responsive\">\r\n              <source src=\"assets/rabbit.mp4\" type=\"video/mp4\">\r\n          </amp-video>\r\n        </amp-story-grid-layer>\r\n        <amp-story-grid-layer template=\"vertical\">\r\n          <h1>Rabbits</h1>\r\n        </amp-story-grid-layer>\r\n        <amp-story-grid-layer template=\"vertical\" class=\"bottom\">\r\n          <p>Rabbits can learn to follow simple voice commands and come when called by name, and are curious and playful.</p>\r\n        </amp-story-grid-layer>\r\n      </amp-story-page>\r\n\r\n\r\n      <!-- Page 5 (Collage): 2 layers + animations -->\r\n      <amp-story-page id=\"page5\">\r\n        <amp-story-grid-layer template=\"vertical\" class=\"noedge\">\r\n          <div class=\"wrapper\">\r\n            <amp-img src=\"assets/cat.jpg\"\r\n                width=\"720\" height=\"1280\"\r\n                layout=\"responsive\"\r\n                animate-in=\"fade-in\"\r\n                animate-in-delay=\"0.4s\">\r\n            </amp-img>\r\n            <amp-img src=\"assets/dog.jpg\"\r\n                width=\"720\" height=\"1280\"\r\n                layout=\"responsive\"\r\n                animate-in=\"fade-in\"\r\n                animate-in-delay=\"0.6s\">\r\n            </amp-img>\r\n            <amp-img src=\"assets/bird.jpg\"\r\n                width=\"720\" height=\"1280\"\r\n                layout=\"responsive\"\r\n                animate-in=\"fade-in\"\r\n                animate-in-delay=\".8s\">\r\n            </amp-img>\r\n            <amp-img src=\"assets/rabbit.jpg\"\r\n                width=\"720\" height=\"1280\"\r\n                layout=\"responsive\"\r\n                animate-in=\"fade-in\"\r\n                animate-in-delay=\"1s\">\r\n            </amp-img>\r\n          </div>\r\n        </amp-story-grid-layer>\r\n        <amp-story-grid-layer template=\"vertical\" class=\"center-text\">\r\n          <p class=\"banner-text\" animate-in=\"whoosh-in-right\">Pets can lower your stress levels!</p>\r\n        </amp-story-grid-layer>\r\n      </amp-story-page>\r\n\r\n   </amp-story>\r\n  </body>\r\n</html>\r\n`"}}
{"actor":{"display_login":"TristanTheKnightAway"}}