-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
205 lines (200 loc) · 9.16 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
<!doctype html>
<!--
This sample AMP HTML file aims to be a minimalist document that
follows best practices and guidances for publishers to mark up
content for inclusion in various platforms.
-->
<html AMP lang="en">
<!-- you can use "amp" or "AMP" or "⚡" -->
<head>
<meta charset="utf-8">
<title>Lorem Ipsum</title>
<link rel="canonical" href="http://example.ampproject.org/sports-article-metadata.html">
<!--
The canonical document for this article should be linked, as above.
The canonical document should also have a corresponding <link> tag
within pointing at this AMP HTML file:
<link rel="amphtml" href="http://example.ampproject.org/sports-article-json-ld.amp.html">
It is possible that this AMP HTML document is the canonical document
for this article, in which case, the canonical URL should point to this
document, and no "amphtml" link is required.
-->
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
<!-- only one style tag is allowed, and it must have an "amp-custom" attribute -->
<style amp-custom>
body {
background-color: white;
}
amp-img {
background-color: gray;
}
</style>
<script type="application/ld+json">
//
// The document referenced in mainEntityOfPage should be the same as the
// canonical link above.
//
// Also, please be aware that some platforms that use AMP HTML have
// further restrictions with regards to some schema components.
//
// For example:
//
// * The leader "image" referenced in the markup below must appear
// somewhere on the AMP HTML document itself.
//
// * The URL for that "image" must precisely match the src of the
// amp-img tag.
//
// * All marked-up URLs should be absolute.
//
// * The "logo" dimensions must not exceed 600x60.
//
{
"@context": "http://schema.org",
"@type": "NewsArticle",
"mainEntityOfPage": "http://example.ampproject.org/sports-article-metadata.html",
"headline": "The Toronto Wildcats defeat the San Jose Stars 4-2",
"url": "https://intense-heat-6570.firebaseapp.com/index.html",
"datePublished": "2016-04-01T12:00:00Z",
"dateModified": "2016-04-01T12:00:00Z",
"description": "The Toronto Wildcats defeat the San Jose Stars 4-2",
"author": {
"@type": "Person",
"name": "Jeff Kingyens"
},
"publisher": {
"@type": "Organization",
"name": "Google",
"url": "https://google.com",
"logo": {
"@type": "ImageObject",
"url": "https://intense-heat-6570.firebaseapp.com/logo.png",
"width": 600,
"height": 60
}
},
"about": {
"@context": "http://schema.org",
"@type": "SportsEvent",
"name": "Toronto Wildcats vs San Jose Stars | 2015-2015 Regular Season | FHL",
"startDate": "2016-04-01T02:30:00Z",
"location": {
"@context": "http://schema.org",
"@type": "LocalBusiness",
"address": {
"@type": "PostalAddress",
"addressLocality": "The SAP Center",
"addressRegion": "CA",
"streetAddress": "525 W Santa Clara St, San Jose, CA 95113, United States"
},
"name": "The SAP Center",
"description": "an indoor arena located in San Jose, California. Its primary tenant is the San Jose Sharks of the National Hockey League, for which the arena has earned the nickname \"The Shark Tank\"",
"telephone": "850-648-4200"
}
},
"image": {
"@type": "ImageObject",
"url": "https://upload.wikimedia.org/wikipedia/commons/4/4b/Ice_Hockey_sharks_ducks.jpg",
"height": 614,
"width": 922
}
}
</script>
<!-- this style tag is required -->
<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-facebook-comments" src="https://cdn.ampproject.org/v0/amp-facebook-comments-0.1.js"></script>
<script async custom-element="amp-dailymotion" src="https://cdn.ampproject.org/v0/amp-dailymotion-0.1.js"></script>
<script async custom-element="amp-brid-player" src="https://cdn.ampproject.org/v0/amp-brid-player-0.1.js"></script>
<script async custom-element="amp-accordion" src="https://cdn.ampproject.org/v0/amp-accordion-0.1.js"></script>
<script async custom-element="amp-video" src="https://cdn.ampproject.org/v0/amp-video-0.1.js"></script>
</head>
<body>
<amp-video controls
width="640"
height="360"
layout="responsive"
poster="thumbnail.png">
<source src="video.mp4"
type="video/mp4" alt="video.mp4" />
<div fallback>
<p>This browser does not support the video element.</p>
</div>
</amp-video>
<h1>The Toronto Wildcats defeat the San Jose Stars 4-2</h1>
<amp-img src="https://upload.wikimedia.org/wikipedia/commons/4/4b/Ice_Hockey_sharks_ducks.jpg" alt="Lorem Ipsum?" height="614" width="922"></amp-img>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec
odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla
quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent
mauris. Fusce nec tellus sed augue semper porta. Mauris massa.
Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad
litora torquent per conubia nostra, per inceptos himenaeos.
</p>
<p>
Curabitur sodales ligula in libero. Sed dignissim lacinia nunc.
Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem at
dolor. Maecenas mattis. Sed convallis tristique sem. Proin ut ligula vel nunc
egestas porttitor. Morbi lectus risus, iaculis vel, suscipit quis, luctus non,
massa. Fusce ac turpis quis ligula lacinia aliquet. Mauris ipsum.
</p>
<p>
Nulla metus metus, ullamcorper vel, tincidunt sed, euismod in, nibh.
Quisque volutpat condimentum velit. Class aptent taciti sociosqu ad
litora torquent per conubia nostra, per inceptos himenaeos. Nam nec
ante. Sed lacinia, urna non tincidunt mattis, tortor neque adipiscing
diam, a cursus ipsum ante quis turpis. Nulla facilisi. Ut fringilla.
Suspendisse potenti. Nunc feugiat mi a tellus consequat imperdiet.
Vestibulum sapien. Proin quam.
</p>
<blockquote>
<p>
Quo usque tandem abutere, Catilina, patientia nostra? Quam diu etiam
furor iste tuus nos eludet? Quem ad finem sese effrenata iactabit
audacia?
</p>
<p>CICERO</p>
</blockquote>
<p>
Etiam ultrices. Suspendisse in justo eu magna luctus suscipit. Sed
lectus. Integer euismod lacus luctus magna. Quisque cursus, metus vitae
pharetra auctor, sem massa mattis sem, at interdum magna augue eget diam.
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere
cubilia Curae; Morbi lacinia molestie dui. Praesent blandit dolor. Sed
non quam. In vel mi sit amet augue congue elementum. Morbi in ipsum sit
amet pede facilisis laoreet. Donec lacus nunc, viverra nec, blandit vel,
egestas et, augue. Vestibulum tincidunt malesuada tellus. Ut ultrices
ultrices enim.
</p>
<p>
Curabitur sit amet mauris. Morbi in dui quis est pulvinar ullamcorper.
Nulla facilisi. Integer lacinia sollicitudin massa. Cras metus. Sed
aliquet risus a tortor. Integer id quam. Morbi mi. Quisque nisl felis,
venenatis tristique, dignissim in, ultrices sit amet, augue. Proin
sodales libero eget ante. Nulla quam. Aenean laoreet. Vestibulum nisi
lectus, commodo ac, facilisis ac, ultricies eu, pede.
</p>
<amp-dailymotion
data-videoid="x2m8jpp"
layout="responsive"
width="480"
height="270"
></amp-dailymotion>
<amp-brid-player
data-partner="264"
data-player="4144"
data-video="13663"
layout="responsive"
width="480"
height="270"
></amp-brid-player>
<amp-facebook-comments
width="486"
height="657"
layout="responsive"
data-numposts="5"
data-href="http://www.directlyrics.com/adele-25-complete-album-lyrics-news.html"
>
</amp-facebook-comments>
</body>
</html>