Skip to content

Instantly share code, notes, and snippets.

@globalepub

globalepub/designer.html

Last active August 29, 2015 14:14
Show Gist options
  • Save globalepub/a52d0c1c2d1a77fb1908 to your computer and use it in GitHub Desktop.
Save globalepub/a52d0c1c2d1a77fb1908 to your computer and use it in GitHub Desktop.
Download ZIP
designer
Raw
designer.html
<link rel="import" href="../topeka-elements/topeka-datasource.html">
<link rel="import" href="../topeka-elements/topeka-resources.html">
<link rel="import" href="../topeka-elements/topeka-profile.html">
<link rel="import" href="../topeka-elements/theme.html">
<link rel="import" href="../topeka-elements/topeka-quiz-view.html">
<link rel="import" href="../topeka-elements/topeka-quizzes.html">
<link rel="import" href="../topeka-elements/topeka-app.html">
<link rel="import" href="../paper-button/paper-button.html">
<polymer-element name="my-element">
<template>
<style>
:host {
position: absolute;
width: 100%;
height: 100%;
box-sizing: border-box;
}
#topeka_app {
width: 300px;
height: 300px;
min-height: 450px;
left: 110px;
top: 80px;
position: absolute;
}
#topeka_app1 {
width: 300px;
height: 300px;
min-height: 450px;
left: 470px;
top: 30px;
position: absolute;
}
#topeka_datasource {
left: 560px;
top: 160px;
position: absolute;
}
#topeka_profile {
width: 300px;
height: 300px;
left: 470px;
top: 160px;
position: absolute;
}
#topeka_quiz_view {
width: 300px;
height: 300px;
left: 580px;
top: 470px;
position: absolute;
}
#topeka_quizzes {
width: 300px;
height: 300px;
left: 470px;
top: 460px;
position: absolute;
}
#div {
height: 100%;
width: 100%;
overflow: hidden;
left: 520px;
top: 80px;
position: absolute;
}
#paper_button {
left: 140px;
top: 190px;
position: absolute;
}
#topeka_datasource1 {
left: 190px;
top: 290px;
position: absolute;
}
</style>
<topeka-datasource url="../topeka-elements/categories.json" id="topeka_datasource" hidden></topeka-datasource>
<topeka-profile id="topeka_profile" center layout vertical></topeka-profile>
<topeka-quiz-view id="topeka_quiz_view" block></topeka-quiz-view>
<topeka-quizzes id="topeka_quizzes" category="{}" vertical layout></topeka-quizzes>
<div id="div">
<topeka-app id="app" fit connected></topeka-app>
<topeka-datasource url="../topeka-elements/categories.json" id="datasource" hidden></topeka-datasource>
</div>
<topeka-app id="topeka_app"></topeka-app>
<paper-button id="paper_button">button</paper-button>
<topeka-datasource url="../topeka-elements/categories.json" id="topeka_datasource1" hidden></topeka-datasource>
</template>
<script>
Polymer({
});
</script>
</polymer-element>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment