Skip to content

Instantly share code, notes, and snippets.

@kevinhq

kevinhq/application.amp.erb

Created July 5, 2020 02:41
Show Gist options
  • Save kevinhq/59317c2bac38fa6051516a5260fd3cc3 to your computer and use it in GitHub Desktop.
Save kevinhq/59317c2bac38fa6051516a5260fd3cc3 to your computer and use it in GitHub Desktop.
Download ZIP
Create AMP in Rails powered website - application.amp.erb
Raw
application.amp.erb
# app/views/amp/layouts/application.amp.erb
<!DOCTYPE html>
<html amp lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<!-- add/remove ampproject.org scripts as you need it -->
<script async src="https://cdn.ampproject.org/v0.js"></script>
<script async custom-element="amp-form" src="https://cdn.ampproject.org/v0/amp-form-0.1.js"></script>
<script async custom-element="amp-carousel" src="https://cdn.ampproject.org/v0/amp-carousel-0.1.js"></script>
<script async custom-element="amp-iframe" src="https://cdn.ampproject.org/v0/amp-iframe-0.1.js"></script>
<script async custom-element="amp-youtube" src="https://cdn.ampproject.org/v0/amp-youtube-0.1.js"></script>
<script async custom-element="amp-instagram" src="https://cdn.ampproject.org/v0/amp-instagram-0.1.js"></script>
<script async custom-element="amp-twitter" src="https://cdn.ampproject.org/v0/amp-twitter-0.1.js"></script>
<script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script>
<script async custom-element="amp-ad" src="https://cdn.ampproject.org/v0/amp-ad-0.1.js"></script>
<style amp-custom>
<!-- define CSS for AMP here -->
</style>
<%= favicon_link_tag 'favicon.ico' %>
</head>
<body>
<%= yield %>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment