<!DOCTYPE html>
<html>
<head>
  <script src="/vendors/webcomponentsjs/webcomponents.js"></script>
  <link rel="import" href="/elements/management/google-auth.html">
  <link rel="import" href="/elements/live-snooker-frame.html">
  <link rel="import" href="/elements/live-snooker-api.html">
</head>
<body>
  <template id="auto-bind-demo" is="auto-binding">
    <google-auth googleId="<!-- @echo GOOGLE_CLIENT_ID -->" onAuth="{{googleAuth}}"></google-auth>
    <live-snooker-api host="<!-- @echo BACKEND_HOST -->" triggerAuth="{{googleAuth}}"></live-snooker-api>
    <live-snooker-frame></live-snooker-frame>
  </template>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
  <script src="vendors/webcomponentsjs/webcomponents.js"></script>
  <link rel="import" href="elements/management/google-auth.html">
  <link rel="import" href="elements/live-snooker-frame.html">
  <link rel="import" href="elements/live-snooker-api.html">
</head>
<body>
  <template id="auto-bind-demo" is="auto-binding">
    <google-auth googleId="<!-- @echo GOOGLE_CLIENT_ID -->" onAuth="{{googleAuth}}"></google-auth>
    <live-snooker-api host="<!-- @echo BACKEND_HOST -->" triggerAuth="{{googleAuth}}"></live-snooker-api>
    <live-snooker-frame></live-snooker-frame>
  </template>
</body>
</html>

Use relative paths in html
Use relative paths in html
