<!DOCTYPE html>
<!--
  Copyright 2015 The AMP HTML Authors. All Rights Reserved.

  Licensed under the Apache License, Version 2.0 (the "License");
  you may not use this file except in compliance with the License.
  You may obtain a copy of the License at

      http://www.apache.org/licenses/LICENSE-2.0

  Unless required by applicable law or agreed to in writing, software
  distributed under the License is distributed on an "AS-IS" BASIS,
  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  See the License for the specific language governing permissions and
  limitations under the license.
--><!--
  Test Description:
  Tests support for the amp-pinterest tag.
  https://github.com/ampproject/amphtml/blob/master/extensions/amp-pinterest/amp-pinterest.md
--><html amp><head>
  <meta charset="utf-8">
  <link rel="canonical" href="./regular-html-version.html">
  <meta name="viewport" content="width=device-width,minimum-scale=1">
  <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>
  <script async src="https://cdn.ampproject.org/v0.js"></script>
  <script async custom-element="amp-pinterest" src="https://cdn.ampproject.org/v0/amp-pinterest-0.1.js"></script>
</head>
<body>
  <!-- Example of a valid amp-pinterest (pin it button) -->
  <amp-pinterest height="20" width="40" data-do="buttonPin" data-url="http://www.flickr.com/photos/kentbrew/6851755809/" data-media="http://farm8.staticflickr.com/7027/6851755809_df5b2051c9_z.jpg" data-description="Next stop: Pinterest">
  </amp-pinterest>
  <!-- Example of a valid amp-pinterest (follow button) -->
  <amp-pinterest height="20" width="94" data-do="buttonFollow" data-href="https://www.pinterest.com/kentbrew/" data-label="Kent Brewster">
  </amp-pinterest>
  <!-- Example of a valid amp-pinterest (embedded pin widget) -->
  <amp-pinterest width="245" height="330" data-do="embedPin" data-url="https://www.pinterest.com/pin/99360735500167749">
  </amp-pinterest>
</body>

</html>


ORIGINAL HTML
---------------
Line  1: <!--
Line  2:   Copyright 2015 The AMP HTML Authors. All Rights Reserved.
Line  3: 
Line  4:   Licensed under the Apache License, Version 2.0 (the "License");
Line  5:   you may not use this file except in compliance with the License.
Line  6:   You may obtain a copy of the License at
Line  7: 
Line  8:       http://www.apache.org/licenses/LICENSE-2.0
Line  9: 
Line 10:   Unless required by applicable law or agreed to in writing, software
Line 11:   distributed under the License is distributed on an "AS-IS" BASIS,
Line 12:   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
Line 13:   See the License for the specific language governing permissions and
Line 14:   limitations under the license.
Line 15: -->
Line 16: <!--
Line 17:   Test Description:
Line 18:   Tests support for the amp-pinterest tag.
Line 19:   https://github.com/ampproject/amphtml/blob/master/extensions/amp-pinterest/amp-pinterest.md
Line 20: -->
Line 21: <!doctype html>
Line 22: <html ⚡>
Line 23: <head>
Line 24:   <meta charset="utf-8">
Line 25:   <link rel="canonical" href="./regular-html-version.html" />
Line 26:   <meta name="viewport" content="width=device-width,minimum-scale=1">
Line 27:   <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>
Line 28:   <script async src="https://cdn.ampproject.org/v0.js"></script>
Line 29:   <script async custom-element="amp-pinterest" src="https://cdn.ampproject.org/v0/amp-pinterest-0.1.js"></script>
Line 30: </head>
Line 31: <body>
Line 32:   <!-- Example of a valid amp-pinterest (pin it button) -->
Line 33:   <amp-pinterest
Line 34:       height=20
Line 35:       width=40
Line 36:       data-do="buttonPin"
Line 37:       data-url="http://www.flickr.com/photos/kentbrew/6851755809/"
Line 38:       data-media="http://farm8.staticflickr.com/7027/6851755809_df5b2051c9_z.jpg"
Line 39:       data-description="Next stop: Pinterest">
Line 40:   </amp-pinterest>
Line 41:   <!-- Example of a valid amp-pinterest (follow button) -->
Line 42:   <amp-pinterest
Line 43:       height=20
Line 44:       width=94
Line 45:       data-do="buttonFollow"
Line 46:       data-href="https://www.pinterest.com/kentbrew/"
Line 47:       data-label="Kent Brewster">
Line 48:   </amp-pinterest>
Line 49:   <!-- Example of a valid amp-pinterest (embedded pin widget) -->
Line 50:   <amp-pinterest
Line 51:       width=245
Line 52:       height=330
Line 53:       data-do="embedPin"
Line 54:       data-url="https://www.pinterest.com/pin/99360735500167749">
Line 55:   </amp-pinterest>
Line 56: </body>
Line 57: </html>
Line 58: 



AMP-HTML Validation Issues and Fixes
-------------------------------------
PASS

COMPONENT NAMES WITH JS PATH
------------------------------
'amp-pinterest', include path 'https://cdn.ampproject.org/v0/amp-pinterest-0.1.js'

