amp-html

I am converting my HTML page into AMP Pages. I have seen test url https://validator.ampproject.org/# . This page is validate from AMP. Screen Shot for Help: But When I used External Css. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.98.0/css/materialize.min.css"> Then It will fail. Screen Shot For help. Then how can I access materialize css file. Because I am using Materialize Ui framework in my website. But I have read also about <style amp-custom> </style> SO AMP validate page suggest include inline css in amp-custom. But materialize css is so long. It

Please help me understand how to add javascript in the AMP (Accelerated Mobile Pages). My requirement is I get an ID in URL. For example localhost:8080/home?id=1.I would like to access that id in my html file. or else please let me know how to add any javascript file. Thank you. Unfortunately, you cannot add arbitrary scripts in AMP. From the specification , under "HTML Tags," for the tag script : Prohibited unless the type is application/ld+json . (Other non-executable values may be added as needed.) Exception is the mandatory script tag to load the AMP runtime and the script tags to load

I'm build an Accelerated Mobile Page (AMP) template and was wondering if there is an easy way of toggling a CSS class on tab. I know about stuff like: <h2 class="headline" on="tap:list.toggleVisibility" > <ul id="list"></ul> But this writes inline-styles - I'd rather toggle a custom CSS class but couldn't find an example on the AMP page. AMP.setState with bindings like <h2 [class]="myclasses"> looked like the way to go but manipulating the state is pretty hard with the tools they give you ... This can be done via amp-bind . You can use an implicit state variable, e.g. visible , to track the

I am a bit confused as to how JavaScript is suppposed to be run in an AMP page. I got as far as understanding that my JavaScript must be executed in an iframe. Such iframe has to be placed down in the page (75% at least from top) and has to be served through https. This does indeed work: <amp-iframe width=300 height=300 sandbox="allow-scripts allow-popups allow-popups-to-escape-sandbox" layout="responsive" frameborder="0" src="https://localhost:8000/?p=myjs"> </amp-iframe> In that page ( https://localhost:8000/?p=myjs ) I can freely run my js. My problem is the following though: How am I

I have read all documentation about script tag but I cannot find how to write script tag in AMP HTML page although I know "script tag is Prohibited unless the type is application/ld+json ". They have some default AMP runtime components and extended components which contain specific form for different components. I could not find what is specific form for custom js in AMP HTML. Here is my script tag: <script src="https://arifkarim.com/widget/layouts/global/js/legaltext.js"></script> The whole point of AMP is to only allow a subset of web technologies to stop your page being slow. Javascript is