| OLD | NEW |
| (Empty) | |
| 1 <!doctype html> |
| 2 <html> |
| 3 <head> |
| 4 <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-
scale=1.0, user-scalable=yes"> |
| 5 |
| 6 <title>google-hangout-button Demo</title> |
| 7 |
| 8 <style> |
| 9 section { |
| 10 max-width: 500px; |
| 11 } |
| 12 section > div { |
| 13 padding: 10px; |
| 14 } |
| 15 </style> |
| 16 |
| 17 <script src="../../webcomponentsjs/webcomponents-lite.js"></script> |
| 18 |
| 19 <link rel="import" href="../google-hangout-button.html"> |
| 20 <link rel="import" href="../../iron-flex-layout/classes/iron-flex-layout.html"
> |
| 21 </head> |
| 22 <body> |
| 23 <section> |
| 24 <div class="layout horizontal center"> |
| 25 <span class="flex">Default button</span> |
| 26 <span class="flex"><google-hangout-button></google-hangout-button></span> |
| 27 </div> |
| 28 <div class="layout horizontal center"> |
| 29 <span class="flex">Narrow button</span> |
| 30 <span class="flex"><google-hangout-button width="72"></google-hangout-butt
on></span> |
| 31 </div> |
| 32 <div class="layout horizontal center"> |
| 33 <span class="flex">Wide Hangout on Air button</span> |
| 34 <span class="flex"><google-hangout-button type="onair" width="175"></googl
e-hangout-button></span> |
| 35 </div> |
| 36 <div class="layout horizontal center"> |
| 37 <span class="flex">Automatically launch Hangout app</span> |
| 38 <span class="flex"> |
| 39 <google-hangout-button |
| 40 apps='[{"app_id" : "184219133185", "start_data" : "dQw4w9WgXcQ", "app_
type" : "ROOM_APP" }]' |
| 41 ></google-hangout-button> |
| 42 </span> |
| 43 </div> |
| 44 </section> |
| 45 </body> |
| 46 </html> |
| OLD | NEW |