-
Notifications
You must be signed in to change notification settings - Fork 6
/
index.html
33 lines (25 loc) · 1.02 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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title><gravatar-image></title>
<!-- Importing Web Component's Polyfill -->
<script src="//cdnjs.cloudflare.com/ajax/libs/polymer/0.2.0/platform.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/polymer/0.2.0/polymer.js"></script>
<!-- Importing Custom Elements -->
<link rel="import" href="src/gravatar.html">
</head>
<body>
<!-- Using Custom Elements -->
<h1>Hash</h1>
<gravatar-image hash="be74fd9a577ea5ef1ab2e7c71bcfa4b5"></gravatar-image>
<h1>Email</h1>
<gravatar-image username="[email protected]"></gravatar-image>
<h1>Different Size</h1>
<gravatar-image username="[email protected]" size="200"></gravatar-image>
<h1>Custom Default</h1>
<gravatar-image hash="huellwaitsdudeeeeeee" placeholder="http://trampt.com/images/products/000/071/306/Mr_White-The_Beast_Brothers-Acrylic-trampt-71306m.jpg?1345574938"></gravatar-image>
<h1>Default fallback</h1>
<gravatar-image hash="huellwaitsdudeeeeeee"></gravatar-image>
</body>
</html>