Snippets

profile://github.com/delan Accelerated Meta Pages (AMP) are so lithe, you can’t even see the <body>

Created by Delan Azabani
meta.html
Raw 
 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
<!doctype html><meta charset="utf-8"><title>

Accelerated Meta Pages

</title><meta name="description" content="

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ut dolor velit. Proin eget aliquet est. Donec et maximus nulla, vel aliquet quam. Aenean ex risus, ornare ac velit ut, accumsan aliquam massa. Donec purus eros, venenatis eu volutpat et, rutrum ut purus. Donec blandit metus nec odio sollicitudin, eu sollicitudin sapien tempus. Sed posuere blandit orci, ac ultrices leo. Donec non urna a mauris viverra.

In vitae mauris quam. Pellentesque erat nulla, porta in vestibulum id, dignissim vehicula enim. Nam auctor ac enim a auctor. Sed aliquet venenatis pellentesque. Fusce dolor neque, cursus id erat vitae, pharetra aliquam leo. Fusce viverra nunc sem, ac elementum sapien rhoncus eget. Maecenas facilisis sagittis arcu quis aliquam. Cras dapibus ante est, eget iaculis leo aliquet non. Nunc id placerat erat, eu cursus sem.

Donec dictum enim at justo imperdiet pharetra. Integer mollis gravida eros, vel dapibus mi hendrerit eu. Maecenas laoreet iaculis efficitur. Sed eu varius tortor. Vivamus tristique dictum massa, ut ullamcorper arcu placerat vel. Praesent interdum, lacus id laoreet blandit, felis orci porttitor lectus, vel pulvinar nisl purus ut orci. Morbi dui nulla, faucibus at pharetra quis, convallis sed mi. Donec ultricies vitae justo ac venenatis.

"><style>

* {
	display: block;
}

title {
	font: 200% sans-serif;
}

meta[name]:before {
	content: attr(content);
	white-space: pre-line;
}

style:before {
	content: "How it works";
	font-family: initial;
	font-size: 150%;
}

style {
	white-space: pre;
	font-family: monospace, monospace;
}

head {
	width: 40em;
	margin: 1em;
	font-family: serif;
}

meta[name] {
	margin-top: -1em;
}

Comments (0)

HTTPS SSH

You can clone a snippet to your computer for local editing. Learn more.