designer

designer.html

<link rel="import" href="../google-map/google-map-search.html">
<link rel="import" href="../smoothie-chart/smoothie-chart.html">
<link rel="import" href="../code-mirror/code-mirror.html">
<link rel="import" href="../google-map/google-map.html">
<link rel="import" href="../speech-mic/speech-mic.html">
<link rel="import" href="../notification-elements/notification-alert.html">
<link rel="import" href="../yt-video/yt-search-video.html">
<link rel="import" href="../core-menu/core-submenu.html">
<link rel="import" href="../core-item/core-item.html">
<link rel="import" href="../paper-tabs/paper-tab.html">

<polymer-element name="my-element">

  <template>
    <style>    
      :host {
        position: absolute;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        top: 0px;
        left: 0px;
      }
      #google_map_search {
        left: 490px;
        top: 380px;
        position: absolute;
      }
      #chart_js {
        width: 300px;
        height: 200px;
        left: 1320px;
        top: 510px;
      }
      #cool_clock {
        width: 400px;
        height: 300px;
        left: 1260px;
        top: 560px;
      }
      #smoothie_chart {
        left: 220px;
        top: 130px;
        position: absolute;
      }
      #code_mirror {
        width: 400px;
        height: 300px;
        left: 220px;
        top: 230px;
        position: absolute;
      }
      #google_map {
        width: 400px;
        height: 400px;
        display: block;
        left: 620px;
        top: 120px;
        position: absolute;
      }
      #speech_mic {
        left: 580px;
        top: 190px;
        position: absolute;
      }
      #notification_alert {
        left: 510px;
        top: -20px;
        position: absolute;
      }
      #speech_mic1 {
        left: 530px;
        top: 190px;
        position: absolute;
      }
      #yt_search_video {
        width: 300px;
        height: 300px;
        left: 360px;
        top: 530px;
        position: absolute;
      }
      #core_menu {
        font-size: 16px;
        left: 650px;
        top: 520px;
        position: absolute;
      }
      #paper_tab {
        width: 120px;
        height: 40px;
        left: 800px;
        top: 530px;
        position: absolute;
      }
    </style>
    <google-map-search id="google_map_search"></google-map-search>
    <smoothie-chart id="smoothie_chart"></smoothie-chart>
    <code-mirror value="<polymer-element name='my-element'>
  <template></template>
  <script>
    Polymer('my-element', {});
  </script>
</polymer-element>" id="code_mirror"><polymer-element name='my-element'>
  <template></template>
  <script>
    Polymer('my-element', {});
  </script>
</polymer-element></code-mirror>
    <google-map latitude="37.51613451038232" longitude="-122.35624861328125" id="google_map"></google-map>
    <speech-mic id="speech_mic"></speech-mic>
    <notification-alert message="Hi there!" icon="icon.png" name="notification" id="notification_alert"></notification-alert>
    <speech-mic id="speech_mic1"></speech-mic>
    <yt-search-video id="yt_search_video"></yt-search-video>
    <core-menu selected="0" selectedindex="0" id="core_menu">
      <core-submenu opened active id="core_submenu" icon="settings" label="Topics">
        <core-item id="core_item" label="Topic 1" horizontal center layout></core-item>
        <core-item id="core_item1" label="Topic 2" horizontal center layout></core-item>
      </core-submenu>
      <core-submenu id="core_submenu1" icon="settings" label="Favorites">
        <core-item id="core_item2" label="Favorite 1" horizontal center layout></core-item>
        <core-item id="core_item3" label="Favorite 2" horizontal center layout></core-item>
        <core-item id="core_item4" label="Favorite 3" horizontal center layout></core-item>
      </core-submenu>
    </core-menu>
    <paper-tab id="paper_tab" inline flex center-center horizontal layout>TAB</paper-tab>
  </template>

  <script>

    Polymer({
      
    });

  </script>

</polymer-element>