Skip to content

Instantly share code, notes, and snippets.

@cazuki
Last active April 2, 2016 05:43
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save cazuki/c21845982c1f3d324ab9 to your computer and use it in GitHub Desktop.
Save cazuki/c21845982c1f3d324ab9 to your computer and use it in GitHub Desktop.
<!DOCTYPE html>
<html amp lang="ja">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
<title><mt:EntryTitle></title>
<link rel="canonical" href="<mt:EntryID zero_pad="6">.html">
<script async src="https://cdn.ampproject.org/v0.js"></script>
<script custom-element="amp-anim" async src="https://cdn.ampproject.org/v0/amp-anim-0.1.js"></script>
<script custom-element="amp-iframe" async src="https://cdn.ampproject.org/v0/amp-iframe-0.1.js"></script>
<script custom-element="amp-youtube" async src="https://cdn.ampproject.org/v0/amp-youtube-0.1.js"></script>
<script custom-element="amp-twitter" async src="https://cdn.ampproject.org/v0/amp-twitter-0.1.js"></script>
<script custom-element="amp-vine" async src="https://cdn.ampproject.org/v0/amp-vine-0.1.js"></script>
<script custom-element="amp-facebook" async src="https://cdn.ampproject.org/v0/amp-facebook-0.1.js"></script>
<script custom-element="amp-instagram" async src="https://cdn.ampproject.org/v0/amp-instagram-0.1.js"></script>
<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>
.content,.title-bar div,footer div{max-width:640px; margin:0 auto;}
.title-bar,footer div{text-align:center;}
body{font-family:sans-serif; font-size:16px; line-height:1.8; background:#f0f0f0; color:#3d596d; padding-bottom:100px;}
.content{padding:24px; overflow-wrap:break-word;word-wrap:break-word;font-weight:400;color:#3d596d;background:#fafafa;}
.title{margin:0;font-size:36px;line-height:1.258;font-weight:700;color:#2e4453;}
.meta{margin-bottom:16px;font-size:15px;}
p,ol,ul,figure,aside {margin-bottom:24px;}
a,a:visited{color:#0087be;}
a:hover,a:active,a:focus{color:#33bbe3;}
.meta,.meta a{color:#4f748e;}
header.title-bar{padding:16px 16px 0;}
header.title-bar div{line-height:40px;color:#fff;}
header.title-bar a{color:#fff;text-decoration:none;}
blockquote{padding:16px;margin:8 0 24px;border-left:2px solid #87a6bc;background:#e9eff3;}
blockquote p:last-child{margin-bottom:0;}
amp-iframe,amp-youtube,amp-instagram,amp-vine{background:#f3f6f8;}
</style>
<script type="application/ld+json">{
"@context": "http://schema.org",
"@type": "Article",
"name": "<mt:EntryTitle>",
"description": "<$MTEntryExcerpt remove_html="1" encode_html="1" word="50"$>",
"headline": "<mt:EntryTitle>",
"datePublished": "<mt:EntryDate format_name="iso8601"$>",
"dateModified": "<mt:EntryDate format_name="iso8601"$>",
"mainEntityOfPage": {
"@type": "WebPage",
"@id": "<mt:EntryPermalink>"
},
"image": {
"@type": "ImageObject",
"url": "画像URL",
"width": 画像幅,
"height": 画像高さ
},
"author": {
"@type": "Person",
"name": "著者名"
},
"publisher": {
"@type": "Organization",
"name": "パブリッシャー名",
"logo": {
"@type": "ImageObject",
"url": "ロゴ画像URL",
"width": ロゴ画像幅,
"height": ロゴ画像高さ
}
}
}</script>
</head>
<body>
<header class="title-bar"><div><a href="<mt:BlogURL>"><mt:BlogName></a></div></header>
<article class="content">
<h1 class="title"><mt:EntryTitle></h1>
<div class="meta"><mt:EntryDate></div>
<mt:EntryBody>
<mt:EntryMore>
</article>
<footer>
<div><a href="<mt:BlogURL>"><mt:BlogName></a></div>
</footer>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment