Skip to content

Instantly share code, notes, and snippets.

@ethancoder151

ethancoder151/designer.html

Last active August 29, 2015 14:06
Show Gist options
  • Save ethancoder151/4742b246b605a56f2cf9 to your computer and use it in GitHub Desktop.
Save ethancoder151/4742b246b605a56f2cf9 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. ethancoder151 revised this gist Oct 3, 2014. 1 changed file with 5 additions and 194 deletions.
    199 changes: 5 additions & 194 deletions designer.html
    View file
    Original file line number Diff line number Diff line change
    @@ -2,16 +2,8 @@
    <link rel="import" href="../core-toolbar/core-toolbar.html">
    <link rel="import" href="../core-icons/core-icons.html">
    <link rel="import" href="../paper-icon-button/paper-icon-button.html">
    <link rel="import" href="../core-animated-pages/core-animated-pages.html">
    <link rel="import" href="../core-animated-pages/transitions/hero-transition.html">
    <link rel="import" href="../core-animated-pages/transitions/cross-fade.html">
    <link rel="import" href="../core-animated-pages/transitions/slide-down.html">
    <link rel="import" href="../core-animated-pages/transitions/slide-up.html">
    <link rel="import" href="../core-animated-pages/transitions/tile-cascade.html">
    <link rel="import" href="../paper-radio-group/paper-radio-group.html">
    <link rel="import" href="../paper-radio-button/paper-radio-button.html">
    <link rel="import" href="../topeka-elements/category-icons.html">
    <link rel="import" href="../core-icon/core-icon.html">
    <link rel="import" href="../paper-tabs/paper-tabs.html">
    <link rel="import" href="../paper-tabs/paper-tab.html">

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

    @@ -69,132 +61,13 @@
    padding: 50px;
    background-color: rgb(255, 255, 255);
    }
    #div2 {
    left: 100px;
    }
    #paper_fab1 {
    left: 110px;
    }
    #core_icon_button {
    left: 1090px;
    top: 460px;
    }
    #section5 {
    box-sizing: border-box;
    width: 420px;
    height: 582px;
    }
    #toolbar {
    box-sizing: border-box;
    height: 15%;
    position: relative;
    color: rgb(255, 255, 255);
    font-size: 48px;
    background-color: rgb(0, 187, 211);
    }
    #tiles-container {
    padding-left: 3px;
    height: 85%;
    }
    #tile-profile {
    box-sizing: border-box;
    float: left;
    height: 30%;
    width: 48%;
    margin: 3px;
    background-color: rgb(204, 204, 204);
    }
    #core_icon {
    height: 128px;
    width: 128px;
    }
    #tile-general {
    box-sizing: border-box;
    float: left;
    height: 30%;
    width: 48%;
    margin: 3px;
    }
    #section7 {
    background-color: rgb(255, 255, 141);
    }
    #core_icon1 {
    height: 128px;
    width: 128px;
    }
    #div3 {
    padding: 8px;
    color: rgb(255, 255, 255);
    background-color: rgb(255, 235, 59);
    }
    #div4 {
    box-sizing: border-box;
    float: left;
    height: 30%;
    width: 48%;
    margin: 3px;
    background-color: rgb(185, 246, 202);
    }
    #core_icon2 {
    height: 128px;
    width: 128px;
    }
    #div5 {
    padding: 8px;
    color: rgb(255, 255, 255);
    background-color: rgb(15, 157, 88);
    }
    #div6 {
    box-sizing: border-box;
    float: left;
    height: 30%;
    width: 48%;
    margin: 3px;
    background-color: rgb(255, 138, 128);
    }
    #core_icon3 {
    height: 128px;
    width: 128px;
    }
    #div7 {
    padding: 8px;
    color: rgb(255, 255, 255);
    background-color: rgb(219, 68, 55);
    }
    #div8 {
    box-sizing: border-box;
    float: left;
    height: 30%;
    width: 48%;
    margin: 3px;
    background-color: rgb(130, 177, 255);
    }
    #core_icon4 {
    height: 128px;
    width: 128px;
    }
    #div9 {
    padding: 8px;
    color: rgb(255, 255, 255);
    background-color: rgb(66, 133, 244);
    }
    #div10 {
    box-sizing: border-box;
    float: left;
    height: 30%;
    width: 48%;
    margin: 3px;
    background-color: rgb(179, 136, 255);
    }
    #core_icon5 {
    height: 128px;
    width: 128px;
    }
    #div11 {
    padding: 8px;
    color: rgb(255, 255, 255);
    background-color: rgb(126, 87, 194);
    }
    </style>
    <core-toolbar id="core_toolbar" class="medium-tall" active>
    <paper-icon-button icon="menu" id="navicon"></paper-icon-button>
    @@ -208,71 +81,9 @@
    </section>
    </section>
    <section id="section3" layout vertical>
    <section id="section4" flex relative>
    <core-animated-pages selected="{{ $.paper_tabs1.selected }}" selectedindex="0" notap id="core_animated_pages" lastselected="0">
    <core-card id="core_card" two flex center vertical layout active>
    <paper-radio-group selected="Teacher" valueattr="label" id="paper_radio_group">
    </paper-radio-group>
    <div id="div" layout horizontal end-justified>
    </div>
    <div id="div1">
    </div>
    <section id="section5" layout vertical designmeta="quiz-demo-grid">
    <div id="toolbar" class="tall-toolbar categories" horizontal center-justified center layout>
    <span id="span1">Subject</span>
    </div>
    <div id="tiles-container" class="tiles-container" layout wrap horizontal around-justified center relative>
    <div id="tile-profile" class="tile" layout vertical relative>
    <section id="section6" class="tile-top" flex layout horizontal center center-justified>
    <core-icon icon="category-icons:food" id="core_icon" designmeta="topeka-icon"></core-icon>
    </section>
    <div id="div2" class="tile-bottom">. Mathematics</div>
    </div>
    <div id="tile-general" class="tile" layout vertical relative>
    <section id="section7" class="tile-top" flex layout horizontal center center-justified hero hero-id="top">
    <core-icon icon="category-icons:knowledge" id="core_icon1" cross-fade-delayed designmeta="topeka-icon"></core-icon>
    </section>
    <div id="div3" class="tile-bottom" hero hero-id="bottom">
    <span id="span2">Physics</span>
    </div>
    </div>
    <div id="div4" class="tile" layout vertical relative>
    <section id="section8" class="tile-top" flex layout horizontal center center-justified>
    <core-icon icon="category-icons:history" id="core_icon2" designmeta="topeka-icon"></core-icon>
    </section>
    <div id="div5" class="tile-bottom">Chemistry </div>
    </div>
    <div id="div6" class="tile" layout vertical relative>
    <section id="section9" class="tile-top" flex layout horizontal center center-justified>
    <core-icon icon="category-icons:geography" id="core_icon3" designmeta="topeka-icon"></core-icon>
    </section>
    <div id="div7" class="tile-bottom">
    Geography
    </div>
    </div>
    <div id="div8" class="tile" layout vertical relative>
    <section id="section10" class="tile-top" flex layout horizontal center center-justified>
    <core-icon icon="category-icons:entertainment" id="core_icon4" designmeta="topeka-icon"></core-icon>
    </section>
    <div id="div9" class="tile-bottom">
    Entertainment
    </div>
    </div>
    <div id="div10" class="tile" layout vertical relative>
    <section id="section11" class="tile-top" flex layout horizontal center center-justified>
    <core-icon icon="category-icons:music" id="core_icon5" designmeta="topeka-icon"></core-icon>
    </section>
    <div id="div11" class="tile-bottom">
    Music
    </div>
    </div>
    </div>
    </section>
    <paper-icon-button icon="menu" id="paper_icon_button"></paper-icon-button>
    <paper-icon-button icon="menu" id="paper_icon_button"></paper-icon-button>
    </core-card>
    </core-animated-pages>
    </section>
    <paper-tabs noink nobar selected="0" selectedindex="0" id="paper_tabs1">
    <paper-tab id="paper_tab2" active>Kaxa Page</paper-tab>
    </paper-tabs>
    </section>
    </template>

  2. ethancoder151 revised this gist Oct 1, 2014. No changes.
  3. ethancoder151 revised this gist Oct 1, 2014. 1 changed file with 1 addition and 0 deletions.
    1 change: 1 addition & 0 deletions designer.html
    View file
    Original file line number Diff line number Diff line change
    @@ -269,6 +269,7 @@
    </div>
    </section>
    <paper-icon-button icon="menu" id="paper_icon_button"></paper-icon-button>
    <paper-icon-button icon="menu" id="paper_icon_button"></paper-icon-button>
    </core-card>
    </core-animated-pages>
    </section>
  4. ethancoder151 revised this gist Oct 1, 2014. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion designer.html
    View file
    Original file line number Diff line number Diff line change
    @@ -268,7 +268,7 @@
    </div>
    </div>
    </section>
    <paper-icon-button icon="camera" id="paper_icon_button"></paper-icon-button>
    <paper-icon-button icon="menu" id="paper_icon_button"></paper-icon-button>
    </core-card>
    </core-animated-pages>
    </section>
  5. ethancoder151 revised this gist Oct 1, 2014. No changes.
  6. ethancoder151 revised this gist Oct 1, 2014. 1 changed file with 1 addition and 0 deletions.
    1 change: 1 addition & 0 deletions designer.html
    View file
    Original file line number Diff line number Diff line change
    @@ -268,6 +268,7 @@
    </div>
    </div>
    </section>
    <paper-icon-button icon="camera" id="paper_icon_button"></paper-icon-button>
    </core-card>
    </core-animated-pages>
    </section>
  7. ethancoder151 revised this gist Oct 1, 2014. 1 changed file with 4 additions and 7 deletions.
    11 changes: 4 additions & 7 deletions designer.html
    View file
    Original file line number Diff line number Diff line change
    @@ -195,10 +195,6 @@
    color: rgb(255, 255, 255);
    background-color: rgb(126, 87, 194);
    }
    #paper_button {
    left: 1100px;
    top: 400px;
    }
    </style>
    <core-toolbar id="core_toolbar" class="medium-tall" active>
    <paper-icon-button icon="menu" id="navicon"></paper-icon-button>
    @@ -250,7 +246,9 @@
    <section id="section9" class="tile-top" flex layout horizontal center center-justified>
    <core-icon icon="category-icons:geography" id="core_icon3" designmeta="topeka-icon"></core-icon>
    </section>
    <div id="div7" class="tile-bottom">Mathematics </div>
    <div id="div7" class="tile-bottom">
    Geography
    </div>
    </div>
    <div id="div8" class="tile" layout vertical relative>
    <section id="section10" class="tile-top" flex layout horizontal center center-justified>
    @@ -265,12 +263,11 @@
    <core-icon icon="category-icons:music" id="core_icon5" designmeta="topeka-icon"></core-icon>
    </section>
    <div id="div11" class="tile-bottom">
    Music
    Music
    </div>
    </div>
    </div>
    </section>
    <paper-icon-button icon="menu" id="paper_icon_camera"></paper-icon-button>
    </core-card>
    </core-animated-pages>
    </section>
  8. ethancoder151 revised this gist Oct 1, 2014. No changes.
  9. ethancoder151 revised this gist Oct 1, 2014. No changes.
  10. ethancoder151 revised this gist Oct 1, 2014. No changes.
  11. ethancoder151 revised this gist Oct 1, 2014. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion designer.html
    View file
    Original file line number Diff line number Diff line change
    @@ -270,7 +270,7 @@
    </div>
    </div>
    </section>
    <paper-icon-button icon="menu" id="paper_icon_button"></paper-icon-button>
    <paper-icon-button icon="menu" id="paper_icon_camera"></paper-icon-button>
    </core-card>
    </core-animated-pages>
    </section>
  12. ethancoder151 revised this gist Oct 1, 2014. No changes.
  13. ethancoder151 revised this gist Oct 1, 2014. 1 changed file with 8 additions and 3 deletions.
    11 changes: 8 additions & 3 deletions designer.html
    View file
    Original file line number Diff line number Diff line change
    @@ -195,6 +195,10 @@
    color: rgb(255, 255, 255);
    background-color: rgb(126, 87, 194);
    }
    #paper_button {
    left: 1100px;
    top: 400px;
    }
    </style>
    <core-toolbar id="core_toolbar" class="medium-tall" active>
    <paper-icon-button icon="menu" id="navicon"></paper-icon-button>
    @@ -209,7 +213,7 @@
    </section>
    <section id="section3" layout vertical>
    <section id="section4" flex relative>
    <core-animated-pages selected="{{ $.paper_tabs1.selected }}" lastselected="0" selectedindex="0" notap id="core_animated_pages">
    <core-animated-pages selected="{{ $.paper_tabs1.selected }}" selectedindex="0" notap id="core_animated_pages" lastselected="0">
    <core-card id="core_card" two flex center vertical layout active>
    <paper-radio-group selected="Teacher" valueattr="label" id="paper_radio_group">
    </paper-radio-group>
    @@ -253,19 +257,20 @@
    <core-icon icon="category-icons:entertainment" id="core_icon4" designmeta="topeka-icon"></core-icon>
    </section>
    <div id="div9" class="tile-bottom">
    Category 4
    Entertainment
    </div>
    </div>
    <div id="div10" class="tile" layout vertical relative>
    <section id="section11" class="tile-top" flex layout horizontal center center-justified>
    <core-icon icon="category-icons:music" id="core_icon5" designmeta="topeka-icon"></core-icon>
    </section>
    <div id="div11" class="tile-bottom">
    Category 5
    Music
    </div>
    </div>
    </div>
    </section>
    <paper-icon-button icon="menu" id="paper_icon_button"></paper-icon-button>
    </core-card>
    </core-animated-pages>
    </section>
  14. ethancoder151 revised this gist Oct 1, 2014. No changes.
  15. ethancoder151 revised this gist Oct 1, 2014. 1 changed file with 160 additions and 34 deletions.
    194 changes: 160 additions & 34 deletions designer.html
    View file
    Original file line number Diff line number Diff line change
    @@ -2,8 +2,6 @@
    <link rel="import" href="../core-toolbar/core-toolbar.html">
    <link rel="import" href="../core-icons/core-icons.html">
    <link rel="import" href="../paper-icon-button/paper-icon-button.html">
    <link rel="import" href="../paper-tabs/paper-tabs.html">
    <link rel="import" href="../paper-tabs/paper-tab.html">
    <link rel="import" href="../core-animated-pages/core-animated-pages.html">
    <link rel="import" href="../core-animated-pages/transitions/hero-transition.html">
    <link rel="import" href="../core-animated-pages/transitions/cross-fade.html">
    @@ -12,6 +10,7 @@
    <link rel="import" href="../core-animated-pages/transitions/tile-cascade.html">
    <link rel="import" href="../paper-radio-group/paper-radio-group.html">
    <link rel="import" href="../paper-radio-button/paper-radio-button.html">
    <link rel="import" href="../topeka-elements/category-icons.html">
    <link rel="import" href="../core-icon/core-icon.html">

    <polymer-element name="my-element">
    @@ -53,11 +52,6 @@
    top: 120px;
    position: static;
    }
    #paper_tabs1 {
    color: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 2px;
    background-color: rgb(0, 188, 212);
    }
    #core_animated_pages {
    width: 100%;
    height: 500px;
    @@ -75,18 +69,6 @@
    padding: 50px;
    background-color: rgb(255, 255, 255);
    }
    #core_card1 {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    box-shadow: rgba(0, 0, 0, 0.0980392) 0px 2px 4px, rgba(0, 0, 0, 0.0980392) 0px 0px 3px;
    padding: 50px;
    width: 400px;
    height: 300px;
    position: static;
    background-color: rgb(255, 255, 255);
    }
    #div2 {
    left: 100px;
    }
    @@ -97,17 +79,121 @@
    left: 1090px;
    top: 460px;
    }
    #section5 {
    box-sizing: border-box;
    width: 420px;
    height: 582px;
    }
    #toolbar {
    box-sizing: border-box;
    height: 15%;
    position: relative;
    color: rgb(255, 255, 255);
    font-size: 48px;
    background-color: rgb(0, 187, 211);
    }
    #tiles-container {
    padding-left: 3px;
    height: 85%;
    }
    #tile-profile {
    box-sizing: border-box;
    float: left;
    height: 30%;
    width: 48%;
    margin: 3px;
    background-color: rgb(204, 204, 204);
    }
    #core_icon {
    width: 140px;
    height: 110px;
    height: 128px;
    width: 128px;
    }
    #tile-general {
    box-sizing: border-box;
    float: left;
    height: 30%;
    width: 48%;
    margin: 3px;
    }
    #section7 {
    background-color: rgb(255, 255, 141);
    }
    #core_icon1 {
    width: 150px;
    height: 100px;
    height: 128px;
    width: 128px;
    }
    #div3 {
    padding: 8px;
    color: rgb(255, 255, 255);
    background-color: rgb(255, 235, 59);
    }
    #div4 {
    box-sizing: border-box;
    float: left;
    height: 30%;
    width: 48%;
    margin: 3px;
    background-color: rgb(185, 246, 202);
    }
    #core_icon2 {
    width: 120px;
    height: 100px;
    height: 128px;
    width: 128px;
    }
    #div5 {
    padding: 8px;
    color: rgb(255, 255, 255);
    background-color: rgb(15, 157, 88);
    }
    #div6 {
    box-sizing: border-box;
    float: left;
    height: 30%;
    width: 48%;
    margin: 3px;
    background-color: rgb(255, 138, 128);
    }
    #core_icon3 {
    height: 128px;
    width: 128px;
    }
    #div7 {
    padding: 8px;
    color: rgb(255, 255, 255);
    background-color: rgb(219, 68, 55);
    }
    #div8 {
    box-sizing: border-box;
    float: left;
    height: 30%;
    width: 48%;
    margin: 3px;
    background-color: rgb(130, 177, 255);
    }
    #core_icon4 {
    height: 128px;
    width: 128px;
    }
    #div9 {
    padding: 8px;
    color: rgb(255, 255, 255);
    background-color: rgb(66, 133, 244);
    }
    #div10 {
    box-sizing: border-box;
    float: left;
    height: 30%;
    width: 48%;
    margin: 3px;
    background-color: rgb(179, 136, 255);
    }
    #core_icon5 {
    height: 128px;
    width: 128px;
    }
    #div11 {
    padding: 8px;
    color: rgb(255, 255, 255);
    background-color: rgb(126, 87, 194);
    }
    </style>
    <core-toolbar id="core_toolbar" class="medium-tall" active>
    @@ -122,9 +208,6 @@
    </section>
    </section>
    <section id="section3" layout vertical>
    <paper-tabs noink nobar selected="0" selectedindex="0" id="paper_tabs1">
    <paper-tab id="paper_tab2" active> Subjects</paper-tab>
    </paper-tabs>
    <section id="section4" flex relative>
    <core-animated-pages selected="{{ $.paper_tabs1.selected }}" lastselected="0" selectedindex="0" notap id="core_animated_pages">
    <core-card id="core_card" two flex center vertical layout active>
    @@ -134,12 +217,55 @@
    </div>
    <div id="div1">
    </div>
    <core-card id="core_card1" horizontal layout>
    <core-icon icon="search" id="core_icon" start-justified></core-icon>
    <core-icon icon="search" id="core_icon1" start-justified></core-icon>
    <core-icon icon="search" id="core_icon2" start-justified></core-icon>
    <core-icon icon="search" id="core_icon3"></core-icon>
    </core-card>
    <section id="section5" layout vertical designmeta="quiz-demo-grid">
    <div id="toolbar" class="tall-toolbar categories" horizontal center-justified center layout>
    <span id="span1">Subject</span>
    </div>
    <div id="tiles-container" class="tiles-container" layout wrap horizontal around-justified center relative>
    <div id="tile-profile" class="tile" layout vertical relative>
    <section id="section6" class="tile-top" flex layout horizontal center center-justified>
    <core-icon icon="category-icons:food" id="core_icon" designmeta="topeka-icon"></core-icon>
    </section>
    <div id="div2" class="tile-bottom">. Mathematics</div>
    </div>
    <div id="tile-general" class="tile" layout vertical relative>
    <section id="section7" class="tile-top" flex layout horizontal center center-justified hero hero-id="top">
    <core-icon icon="category-icons:knowledge" id="core_icon1" cross-fade-delayed designmeta="topeka-icon"></core-icon>
    </section>
    <div id="div3" class="tile-bottom" hero hero-id="bottom">
    <span id="span2">Physics</span>
    </div>
    </div>
    <div id="div4" class="tile" layout vertical relative>
    <section id="section8" class="tile-top" flex layout horizontal center center-justified>
    <core-icon icon="category-icons:history" id="core_icon2" designmeta="topeka-icon"></core-icon>
    </section>
    <div id="div5" class="tile-bottom">Chemistry </div>
    </div>
    <div id="div6" class="tile" layout vertical relative>
    <section id="section9" class="tile-top" flex layout horizontal center center-justified>
    <core-icon icon="category-icons:geography" id="core_icon3" designmeta="topeka-icon"></core-icon>
    </section>
    <div id="div7" class="tile-bottom">Mathematics </div>
    </div>
    <div id="div8" class="tile" layout vertical relative>
    <section id="section10" class="tile-top" flex layout horizontal center center-justified>
    <core-icon icon="category-icons:entertainment" id="core_icon4" designmeta="topeka-icon"></core-icon>
    </section>
    <div id="div9" class="tile-bottom">
    Category 4
    </div>
    </div>
    <div id="div10" class="tile" layout vertical relative>
    <section id="section11" class="tile-top" flex layout horizontal center center-justified>
    <core-icon icon="category-icons:music" id="core_icon5" designmeta="topeka-icon"></core-icon>
    </section>
    <div id="div11" class="tile-bottom">
    Category 5
    </div>
    </div>
    </div>
    </section>
    </core-card>
    </core-animated-pages>
    </section>
  16. ethancoder151 revised this gist Oct 1, 2014. No changes.
  17. ethancoder151 revised this gist Oct 1, 2014. 1 changed file with 32 additions and 8 deletions.
    40 changes: 32 additions & 8 deletions designer.html
    View file
    Original file line number Diff line number Diff line change
    @@ -2,6 +2,8 @@
    <link rel="import" href="../core-toolbar/core-toolbar.html">
    <link rel="import" href="../core-icons/core-icons.html">
    <link rel="import" href="../paper-icon-button/paper-icon-button.html">
    <link rel="import" href="../paper-tabs/paper-tabs.html">
    <link rel="import" href="../paper-tabs/paper-tab.html">
    <link rel="import" href="../core-animated-pages/core-animated-pages.html">
    <link rel="import" href="../core-animated-pages/transitions/hero-transition.html">
    <link rel="import" href="../core-animated-pages/transitions/cross-fade.html">
    @@ -10,9 +12,7 @@
    <link rel="import" href="../core-animated-pages/transitions/tile-cascade.html">
    <link rel="import" href="../paper-radio-group/paper-radio-group.html">
    <link rel="import" href="../paper-radio-button/paper-radio-button.html">
    <link rel="import" href="../topeka-elements/theme.html">
    <link rel="import" href="../topeka-elements/topeka-resources.html">
    <link rel="import" href="../topeka-elements/topeka-categories.html">
    <link rel="import" href="../core-icon/core-icon.html">

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

    @@ -53,6 +53,11 @@
    top: 120px;
    position: static;
    }
    #paper_tabs1 {
    color: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 2px;
    background-color: rgb(0, 188, 212);
    }
    #core_animated_pages {
    width: 100%;
    height: 500px;
    @@ -77,6 +82,9 @@
    border-bottom-left-radius: 2px;
    box-shadow: rgba(0, 0, 0, 0.0980392) 0px 2px 4px, rgba(0, 0, 0, 0.0980392) 0px 0px 3px;
    padding: 50px;
    width: 400px;
    height: 300px;
    position: static;
    background-color: rgb(255, 255, 255);
    }
    #div2 {
    @@ -89,9 +97,17 @@
    left: 1090px;
    top: 460px;
    }
    #topeka_categories {
    width: 500px;
    height: 500px;
    #core_icon {
    width: 140px;
    height: 110px;
    }
    #core_icon1 {
    width: 150px;
    height: 100px;
    }
    #core_icon2 {
    width: 120px;
    height: 100px;
    }
    </style>
    <core-toolbar id="core_toolbar" class="medium-tall" active>
    @@ -106,16 +122,24 @@
    </section>
    </section>
    <section id="section3" layout vertical>
    <paper-tabs noink nobar selected="0" selectedindex="0" id="paper_tabs1">
    <paper-tab id="paper_tab2" active> Subjects</paper-tab>
    </paper-tabs>
    <section id="section4" flex relative>
    <core-animated-pages selected="{{ $.paper_tabs1.selected }}" selectedindex="0" notap id="core_animated_pages" lastselected="0">
    <core-animated-pages selected="{{ $.paper_tabs1.selected }}" lastselected="0" selectedindex="0" notap id="core_animated_pages">
    <core-card id="core_card" two flex center vertical layout active>
    <paper-radio-group selected="Teacher" valueattr="label" id="paper_radio_group">
    </paper-radio-group>
    <div id="div" layout horizontal end-justified>
    </div>
    <div id="div1">
    </div>
    <topeka-categories id="topeka_categories" vertical layout></topeka-categories>
    <core-card id="core_card1" horizontal layout>
    <core-icon icon="search" id="core_icon" start-justified></core-icon>
    <core-icon icon="search" id="core_icon1" start-justified></core-icon>
    <core-icon icon="search" id="core_icon2" start-justified></core-icon>
    <core-icon icon="search" id="core_icon3"></core-icon>
    </core-card>
    </core-card>
    </core-animated-pages>
    </section>
  18. ethancoder151 revised this gist Oct 1, 2014. 1 changed file with 11 additions and 47 deletions.
    58 changes: 11 additions & 47 deletions designer.html
    View file
    Original file line number Diff line number Diff line change
    @@ -2,8 +2,6 @@
    <link rel="import" href="../core-toolbar/core-toolbar.html">
    <link rel="import" href="../core-icons/core-icons.html">
    <link rel="import" href="../paper-icon-button/paper-icon-button.html">
    <link rel="import" href="../paper-tabs/paper-tabs.html">
    <link rel="import" href="../paper-tabs/paper-tab.html">
    <link rel="import" href="../core-animated-pages/core-animated-pages.html">
    <link rel="import" href="../core-animated-pages/transitions/hero-transition.html">
    <link rel="import" href="../core-animated-pages/transitions/cross-fade.html">
    @@ -12,8 +10,9 @@
    <link rel="import" href="../core-animated-pages/transitions/tile-cascade.html">
    <link rel="import" href="../paper-radio-group/paper-radio-group.html">
    <link rel="import" href="../paper-radio-button/paper-radio-button.html">
    <link rel="import" href="../topeka-elements/avatars.html">
    <link rel="import" href="../core-icon/core-icon.html">
    <link rel="import" href="../topeka-elements/theme.html">
    <link rel="import" href="../topeka-elements/topeka-resources.html">
    <link rel="import" href="../topeka-elements/topeka-categories.html">

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

    @@ -54,11 +53,6 @@
    top: 120px;
    position: static;
    }
    #paper_tabs1 {
    color: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 2px;
    background-color: rgb(0, 188, 212);
    }
    #core_animated_pages {
    width: 100%;
    height: 500px;
    @@ -91,33 +85,13 @@
    #paper_fab1 {
    left: 110px;
    }
    #core_icon {
    height: 150px;
    width: 160px;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
    overflow: hidden;
    }
    #core_icon1 {
    height: 150px;
    width: 160px;
    margin: 0px 8px;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
    overflow: hidden;
    #core_icon_button {
    left: 1090px;
    top: 460px;
    }
    #core_icon2 {
    height: 150px;
    width: 170px;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
    overflow: hidden;
    #topeka_categories {
    width: 500px;
    height: 500px;
    }
    </style>
    <core-toolbar id="core_toolbar" class="medium-tall" active>
    @@ -132,26 +106,16 @@
    </section>
    </section>
    <section id="section3" layout vertical>
    <paper-tabs noink nobar selected="0" selectedindex="0" id="paper_tabs1">
    <paper-tab id="paper_tab2" active> Subjects</paper-tab>
    </paper-tabs>
    <section id="section4" flex relative>
    <core-animated-pages selected="{{ $.paper_tabs1.selected }}" lastselected="0" selectedindex="0" notap id="core_animated_pages">
    <core-animated-pages selected="{{ $.paper_tabs1.selected }}" selectedindex="0" notap id="core_animated_pages" lastselected="0">
    <core-card id="core_card" two flex center vertical layout active>
    <paper-radio-group selected="Teacher" valueattr="label" id="paper_radio_group">
    </paper-radio-group>
    <div id="div" layout horizontal end-justified>
    </div>
    <div id="div1">
    </div>
    <core-selector selected="4" selectedindex="4" id="core_selector" layout horizontal three flex>
    <core-icon icon="avatars:avatar-1" id="core_icon" designmeta="topeka-avatar"></core-icon>
    <core-icon icon="avatars:avatar-2" id="core_icon1" designmeta="topeka-avatar"></core-icon>
    <core-icon icon="avatars:avatar-3" id="core_icon2" designmeta="topeka-avatar"></core-icon>
    <core-icon icon="avatars:avatar-3" id="core_icon2" designmeta="topeka-avatar"></core-icon>
    <core-icon icon="avatars:avatar-3" id="core_icon2" designmeta="topeka-avatar" active></core-icon>
    <core-icon icon="avatars:avatar-3" id="core_icon2" designmeta="topeka-avatar"></core-icon>
    </core-selector>
    <topeka-categories id="topeka_categories" vertical layout></topeka-categories>
    </core-card>
    </core-animated-pages>
    </section>
  19. ethancoder151 revised this gist Oct 1, 2014. No changes.
  20. ethancoder151 revised this gist Oct 1, 2014. No changes.
  21. ethancoder151 revised this gist Oct 1, 2014. 1 changed file with 0 additions and 3 deletions.
    3 changes: 0 additions & 3 deletions designer.html
    View file
    Original file line number Diff line number Diff line change
    @@ -119,9 +119,6 @@
    border-bottom-left-radius: 50%;
    overflow: hidden;
    }
    #core_selector {
    position: relative;
    }
    </style>
    <core-toolbar id="core_toolbar" class="medium-tall" active>
    <paper-icon-button icon="menu" id="navicon"></paper-icon-button>
  22. ethancoder151 revised this gist Oct 1, 2014. 1 changed file with 4 additions and 1 deletion.
    5 changes: 4 additions & 1 deletion designer.html
    View file
    Original file line number Diff line number Diff line change
    @@ -147,10 +147,13 @@
    </div>
    <div id="div1">
    </div>
    <core-selector selected="2" selectedindex="2" id="core_selector" layout horizontal three flex>
    <core-selector selected="4" selectedindex="4" id="core_selector" layout horizontal three flex>
    <core-icon icon="avatars:avatar-1" id="core_icon" designmeta="topeka-avatar"></core-icon>
    <core-icon icon="avatars:avatar-2" id="core_icon1" designmeta="topeka-avatar"></core-icon>
    <core-icon icon="avatars:avatar-3" id="core_icon2" designmeta="topeka-avatar"></core-icon>
    <core-icon icon="avatars:avatar-3" id="core_icon2" designmeta="topeka-avatar"></core-icon>
    <core-icon icon="avatars:avatar-3" id="core_icon2" designmeta="topeka-avatar" active></core-icon>
    <core-icon icon="avatars:avatar-3" id="core_icon2" designmeta="topeka-avatar"></core-icon>
    </core-selector>
    </core-card>
    </core-animated-pages>
  23. ethancoder151 revised this gist Oct 1, 2014. No changes.
  24. ethancoder151 revised this gist Sep 30, 2014. No changes.
  25. ethancoder151 revised this gist Sep 30, 2014. 1 changed file with 43 additions and 33 deletions.
    76 changes: 43 additions & 33 deletions designer.html
    View file
    Original file line number Diff line number Diff line change
    @@ -10,11 +10,10 @@
    <link rel="import" href="../core-animated-pages/transitions/slide-down.html">
    <link rel="import" href="../core-animated-pages/transitions/slide-up.html">
    <link rel="import" href="../core-animated-pages/transitions/tile-cascade.html">
    <link rel="import" href="../paper-input/paper-input.html">
    <link rel="import" href="../paper-radio-group/paper-radio-group.html">
    <link rel="import" href="../paper-radio-button/paper-radio-button.html">
    <link rel="import" href="../core-icons/av-icons.html">
    <link rel="import" href="../paper-fab/paper-fab.html">
    <link rel="import" href="../topeka-elements/avatars.html">
    <link rel="import" href="../core-icon/core-icon.html">

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

    @@ -77,9 +76,6 @@
    padding: 50px;
    background-color: rgb(255, 255, 255);
    }
    #paper_fab {
    left: 110px;
    }
    #core_card1 {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    @@ -95,6 +91,37 @@
    #paper_fab1 {
    left: 110px;
    }
    #core_icon {
    height: 150px;
    width: 160px;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
    overflow: hidden;
    }
    #core_icon1 {
    height: 150px;
    width: 160px;
    margin: 0px 8px;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
    overflow: hidden;
    }
    #core_icon2 {
    height: 150px;
    width: 170px;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
    overflow: hidden;
    }
    #core_selector {
    position: relative;
    }
    </style>
    <core-toolbar id="core_toolbar" class="medium-tall" active>
    <paper-icon-button icon="menu" id="navicon"></paper-icon-button>
    @@ -108,40 +135,23 @@
    </section>
    </section>
    <section id="section3" layout vertical>
    <paper-tabs noink nobar selected="1" selectedindex="1" id="paper_tabs1">
    <paper-tab id="paper_tab2">Login</paper-tab>
    <paper-tab id="paper_tab3" active>Registration</paper-tab>
    <paper-tabs noink nobar selected="0" selectedindex="0" id="paper_tabs1">
    <paper-tab id="paper_tab2" active> Subjects</paper-tab>
    </paper-tabs>
    <section id="section4" flex relative>
    <core-animated-pages selected="{{ $.paper_tabs1.selected }}" lastselected="0" selectedindex="1" notap id="core_animated_pages">
    <core-card id="core_card" two flex center vertical layout>
    <paper-input label="Username" willvalidate id="paper_input" layout vertical center-justified></paper-input>
    <paper-input label="Password" willvalidate id="paper_input1" layout vertical></paper-input>
    <core-animated-pages selected="{{ $.paper_tabs1.selected }}" lastselected="0" selectedindex="0" notap id="core_animated_pages">
    <core-card id="core_card" two flex center vertical layout active>
    <paper-radio-group selected="Teacher" valueattr="label" id="paper_radio_group">
    </paper-radio-group>
    <div id="div" layout horizontal end-justified>
    </div>
    <paper-radio-group selected="Student" valueattr="label" selectedindex="0" id="paper_radio_group1">
    <paper-radio-button checked label="Student" id="paper_radio_button"></paper-radio-button>
    <paper-radio-button label="Teacher" id="paper_radio_button1"></paper-radio-button>
    </paper-radio-group>
    <div id="div1">
    <paper-fab icon="check" id="paper_fab"></paper-fab>
    </div>
    </core-card>
    <core-card id="core_card1" layout vertical center two flex active>
    <paper-input label="Username" willvalidate id="paper_input2" layout vertical></paper-input>
    <paper-input label="Password" willvalidate id="paper_input3" layout vertical></paper-input>
    <paper-input label="Email" willvalidate id="paper_input4" layout vertical></paper-input>
    <paper-input label="Skype" willvalidate id="paper_input5" layout vertical></paper-input>
    <paper-input label="Telephone" willvalidate id="paper_input6" layout vertical></paper-input>
    <paper-radio-group selected="Medium" valueattr="label" selectedindex="1" id="paper_radio_group2">
    <paper-radio-button label="Student" id="paper_radio_button2"></paper-radio-button>
    <paper-radio-button checked label="Teacher" id="paper_radio_button3"></paper-radio-button>
    </paper-radio-group>
    <div id="div2" layout horizontal>
    <paper-fab icon="check" id="paper_fab1"></paper-fab>
    </div>
    </div>
    <core-selector selected="2" selectedindex="2" id="core_selector" layout horizontal three flex>
    <core-icon icon="avatars:avatar-1" id="core_icon" designmeta="topeka-avatar"></core-icon>
    <core-icon icon="avatars:avatar-2" id="core_icon1" designmeta="topeka-avatar"></core-icon>
    <core-icon icon="avatars:avatar-3" id="core_icon2" designmeta="topeka-avatar" active></core-icon>
    </core-selector>
    </core-card>
    </core-animated-pages>
    </section>
  26. ethancoder151 revised this gist Sep 25, 2014. No changes.
  27. ethancoder151 revised this gist Sep 25, 2014. No changes.
  28. ethancoder151 revised this gist Sep 25, 2014. No changes.
  29. ethancoder151 revised this gist Sep 25, 2014. 1 changed file with 34 additions and 5 deletions.
    39 changes: 34 additions & 5 deletions designer.html
    View file
    Original file line number Diff line number Diff line change
    @@ -80,6 +80,21 @@
    #paper_fab {
    left: 110px;
    }
    #core_card1 {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    box-shadow: rgba(0, 0, 0, 0.0980392) 0px 2px 4px, rgba(0, 0, 0, 0.0980392) 0px 0px 3px;
    padding: 50px;
    background-color: rgb(255, 255, 255);
    }
    #div2 {
    left: 100px;
    }
    #paper_fab1 {
    left: 110px;
    }
    </style>
    <core-toolbar id="core_toolbar" class="medium-tall" active>
    <paper-icon-button icon="menu" id="navicon"></paper-icon-button>
    @@ -93,13 +108,13 @@
    </section>
    </section>
    <section id="section3" layout vertical>
    <paper-tabs noink nobar selected="0" selectedindex="0" id="paper_tabs1">
    <paper-tab id="paper_tab2" active>Login</paper-tab>
    <paper-tab id="paper_tab3">Registration</paper-tab>
    <paper-tabs noink nobar selected="1" selectedindex="1" id="paper_tabs1">
    <paper-tab id="paper_tab2">Login</paper-tab>
    <paper-tab id="paper_tab3" active>Registration</paper-tab>
    </paper-tabs>
    <section id="section4" flex relative>
    <core-animated-pages selected="{{ $.paper_tabs1.selected }}" lastselected="0" selectedindex="0" notap id="core_animated_pages">
    <core-card id="core_card" two flex center active vertical layout>
    <core-animated-pages selected="{{ $.paper_tabs1.selected }}" lastselected="0" selectedindex="1" notap id="core_animated_pages">
    <core-card id="core_card" two flex center vertical layout>
    <paper-input label="Username" willvalidate id="paper_input" layout vertical center-justified></paper-input>
    <paper-input label="Password" willvalidate id="paper_input1" layout vertical></paper-input>
    <paper-radio-group selected="Teacher" valueattr="label" id="paper_radio_group">
    @@ -114,6 +129,20 @@
    <paper-fab icon="check" id="paper_fab"></paper-fab>
    </div>
    </core-card>
    <core-card id="core_card1" layout vertical center two flex active>
    <paper-input label="Username" willvalidate id="paper_input2" layout vertical></paper-input>
    <paper-input label="Password" willvalidate id="paper_input3" layout vertical></paper-input>
    <paper-input label="Email" willvalidate id="paper_input4" layout vertical></paper-input>
    <paper-input label="Skype" willvalidate id="paper_input5" layout vertical></paper-input>
    <paper-input label="Telephone" willvalidate id="paper_input6" layout vertical></paper-input>
    <paper-radio-group selected="Medium" valueattr="label" selectedindex="1" id="paper_radio_group2">
    <paper-radio-button label="Student" id="paper_radio_button2"></paper-radio-button>
    <paper-radio-button checked label="Teacher" id="paper_radio_button3"></paper-radio-button>
    </paper-radio-group>
    <div id="div2" layout horizontal>
    <paper-fab icon="check" id="paper_fab1"></paper-fab>
    </div>
    </core-card>
    </core-animated-pages>
    </section>
    </section>
  30. ethancoder151 revised this gist Sep 25, 2014. No changes.