demo/index.html

<!doctype html>
<!--
Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
Code distributed by Google as part of the polymer project is also
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
-->
<html>
  <head>
    <meta charset="utf-8">
    <script src="../../webcomponentsjs/webcomponents-lite.js"></script>
    <link rel="import" href="../../polymer/polymer.html">

    <style is="custom-style">

      html, body {
        height: 100%;
        margin: 0;
      }

      :root {
        /** --theme-primary: var(--google-pink-500) */
        --theme-primary: #e91e63;
      }

    </style>

    <!--
    `routes.html` configures more-routing, and specifies all of the named routes
    used by this application. Take a look at it.

    Note that we are declaring these routes _outside_ of `<polyfora-app>` for a
    few reasons:

     * There can only be one `<more-route-config>` defined per page.

     * The `<polyfora-*>` elements refer to all the routes by name; so you could
       change the URLs of those routes without breaking the application.

    -->
    <link rel="import" href="routes.html">

    <link rel="import" href="polyfora-app.html">
  </head>
  <body>
    <polyfora-app></polyfora-app>
  </body>
</html>