Created
December 9, 2020 06:04
-
-
Save ardianzzz/cc45218c1c2b4e6b5c0d41d3b0daad66 to your computer and use it in GitHub Desktop.
webstory template
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!doctype html> | |
| <html amp> | |
| <head> | |
| <meta charset="utf-8" /> | |
| <title>{{title}}</title> | |
| <link rel="canonical" href="{{canonical}}"> | |
| <meta name="description" content="{{description}}"/> | |
| <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1"> | |
| <link rel="shortcut icon" href="{{favicon}}" /> | |
| <meta property="og:title" content="{{title}}" /> | |
| <meta property="og:type" content="article" /> | |
| <meta property="og:description" content="{{description}}"> | |
| <meta property="og:image" content="{{cover_og}}"/> | |
| <meta property="og:site_name" content="{{sitename}}" /> | |
| <script async src="https://cdn.ampproject.org/v0.js"></script> | |
| <script async custom-element="amp-video" src="https://cdn.ampproject.org/v0/amp-video-0.1.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-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script> | |
| <link rel="stylesheet" href="https://use.typekit.net/gdt0pjj.css"> | |
| <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> | |
| amp-story{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased}amp-story-page{background-color:#000}amp-story-grid-layer{padding:0}amp-story-grid-layer.bottom{align-content:end}amp-story-grid-layer.middle{align-content:center}amp-story-grid-layer.noedge{padding:0}amp-story-grid-layer.center{text-align:center}.logo{position:absolute;top:6px;left:0;width:100px;z-index:777;padding:12px 16px}.logo:after{content:"";display:block;width:100px;height:20px;background-image:url(https://res.cloudinary.com/ardianxyz/image/upload/v1599750114/media/flanker.png);background-size:100px 20px;background-position:center;background-repeat:no-repeat}h1{font-size:40px;color:#f0f0ee;font-weight:400;line-height:1.125;margin-bottom:16px;letter-spacing:-.032em;font-weight:700;font-family:myriad-pro,sans-serif}h2{font-size:2.4rem;font-weight:400;line-height:1.25;color:#fff;font-style:italic;margin-bottom:.24em}p{font-weight:400;line-height:1.25}q{font-weight:300;font-size:1.1em}.wrapper{display:grid;grid-template-columns:50% 50%;grid-template-rows:50% 50%}.banner-text{text-align:center;background-color:#f0e8e8;line-height:2em}.box{color:#fff;padding:128px 24px 24px;background:linear-gradient(transparent 0,rgba(73,71,71,.8) 64%,#585757 100%)}.meta{font-size:16px}.t{text-transform:uppercase;font-size:1.3rem;letter-spacing:.16em;font-family:oswald}.backdrop{background:rgba(0,0,0,.64)}.q{position:relative;font-size:14px}.qc{text-align:center}p small{font-size:12px;display:block;line-height:1.25;margin-top:8px}.subtitle{font-size:13px}.timestamp{font-size:13px}.txt p{font-size:21px;line-height:1.25;margin-bottom:1em;font-family:adobe-garamond-pro,serif}.txt-sm p{font-size:19px;margin-bottom:16px}.txt small{font-size:12px}.box.txt{background:0 0;padding:0 24px}.button{background-color:rgba(255,255,255,.24);color:#fff;display:inline-block;padding:7px 15px;border-radius:3px;text-decoration:none}.ctawrap{position:absolute;bottom:0;left:0;right:0;padding:12px}.cta{display:block;width:100%;font-size:16px;line-height:40px;text-align:center;color:#fff;text-decoration:none;font-family:myriad-pro;font-weight:700;background:rgba(255,255,255,.24);-webkit-font-smoothing:antialiased;border-radius:3px} | |
| </style> | |
| </head> | |
| <body> | |
| <amp-story standalone title="" publisher="" publisher-logo-src="{{favicon}}" poster-portrait-src="{{cover_large}}"> | |
| <amp-analytics type="gtag" data-credentials="include"> | |
| <script type="application/json"> | |
| { | |
| "vars": { | |
| "gtag_id": "UA-179151244-1", | |
| "config": { | |
| "UA-179151244-1": { | |
| "groups": "default" | |
| } | |
| } | |
| } | |
| } | |
| </script> | |
| </amp-analytics> | |
| <!-- start story page --> | |
| <amp-story-page id="" class=""></amp-story-page> | |
| </amp-story> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment