Skip to content

Instantly share code, notes, and snippets.

@ruvnet
Created November 3, 2014 17:24
Show Gist options
  • Save ruvnet/13647858bcfb63304e70 to your computer and use it in GitHub Desktop.
Save ruvnet/13647858bcfb63304e70 to your computer and use it in GitHub Desktop.
designer
<link rel="import" href="../chart-js/chart-js.html">
<link rel="import" href="../cool-clock/cool-clock.html">
<link rel="import" href="../google-map/google-map.html">
<link rel="import" href="../topeka-elements/topeka-resources.html">
<link rel="import" href="../topeka-elements/topeka-leaderboard.html">
<polymer-element name="my-element">
<template>
<style>
:host {
position: absolute;
width: 100%;
height: 100%;
box-sizing: border-box;
}
#chart_js {
width: 570px;
height: 310px;
left: 310px;
top: 170px;
position: absolute;
}
#cool_clock {
width: 400px;
height: 300px;
left: 100px;
top: 210px;
position: absolute;
}
#google_map {
width: 400px;
height: 400px;
display: block;
left: 680px;
top: 180px;
position: absolute;
}
#topeka_leaderboard {
width: 300px;
height: 300px;
left: 110px;
top: 450px;
position: absolute;
}
</style>
<chart-js kind="Radar" id="chart_js"></chart-js>
<cool-clock skin="chunkySwissOnBlack" id="cool_clock"></cool-clock>
<google-map latitude="37.25862448602247" longitude="-122.27385115234375" id="google_map"></google-map>
<topeka-leaderboard selected="1" id="topeka_leaderboard" vertical layout></topeka-leaderboard>
</template>
<script>
Polymer({
});
</script>
</polymer-element>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment