Skip to content

Instantly share code, notes, and snippets.

@ethancoder151

ethancoder151/designer.html

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

Revisions

  1. ethancoder151 revised this gist Jan 10, 2015. 1 changed file with 48 additions and 36 deletions.
    84 changes: 48 additions & 36 deletions designer.html
    View file
    Original file line number Diff line number Diff line change
    @@ -5,13 +5,6 @@
    <link rel="import" href="../core-icon-button/core-icon-button.html">
    <link rel="import" href="../core-toolbar/core-toolbar.html">
    <link rel="import" href="../core-menu/core-submenu.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="../core-pages/core-pages.html">

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

    @@ -27,16 +20,15 @@
    width: 420px;
    height: 582px;
    overflow: hidden;
    left: 520px;
    top: 250px;
    position: absolute;
    left: 1070px;
    top: 420px;
    background-color: rgb(238, 238, 238);
    }
    #topeka_leaderboard {
    width: 300px;
    height: 300px;
    left: 1110px;
    top: 460px;
    left: 1090px;
    top: 480px;
    }
    #core_scaffold {
    position: absolute;
    @@ -55,45 +47,65 @@
    #core_menu {
    font-size: 16px;
    }
    #core_card {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 2px;
    box-shadow: rgba(0, 0, 0, 0.0980392) 0px 2px 4px, rgba(0, 0, 0, 0.0980392) 0px 0px 3px;
    left: 0px;
    top: 0px;
    background-color: rgb(255, 255, 255);
    #core_item2 {
    left: 1060px;
    top: 390px;
    }
    #core_pages {
    width: 400px;
    height: 400px;
    border: 1px solid silver;
    left: 1100px;
    top: 480px;
    }
    #core_scroll_header_panel {
    width: 380px;
    height: 460px;
    left: 1120px;
    top: 410px;
    }
    #section {
    left: 1090px;
    top: 410px;
    }
    #paper_fab {
    left: 1110px;
    top: 340px;
    }
    #paper_tabs {
    width: 480px;
    color: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 2px;
    left: 1060px;
    top: 480px;
    background-color: rgb(0, 188, 212);
    }
    #paper_toggle_button {
    left: 1080px;
    top: 490px;
    }
    #topeka_quiz_view {
    width: 300px;
    height: 300px;
    left: 1090px;
    top: 490px;
    }
    #topeka_profile {
    width: 300px;
    height: 300px;
    left: 1070px;
    top: 490px;
    }
    </style>
    <core-scaffold id="core_scaffold">
    <core-header-panel mode="seamed" id="core_header_panel" navigation flex>
    <core-toolbar id="core_toolbar"></core-toolbar>
    <core-menu selected="Item1" valueattr="label" selectedindex="0" id="core_menu" theme="core-light-theme">
    <core-menu selected="Home" valueattr="label" selectedindex="0" id="core_menu" theme="core-light-theme">
    <core-item id="core_item" icon="settings" label="Home" horizontal center layout active></core-item>
    <core-item id="core_item1" icon="settings" label="Aboutus" horizontal center layout></core-item>
    </core-menu>
    </core-header-panel>
    <div id="div" tool>SoftTon Technologies</div>
    <core-animated-pages selectedindex="0" notap id="core_animated_pages">
    <section id="section" layout horizontal center center-justified active>
    </section>
    <section id="section1">
    </section>
    <section id="section2">
    </section>
    </core-animated-pages>
    <core-card id="core_card" layout vertical>
    <core-pages selected="0" selectedindex="0" notap id="core_pages">
    <section id="section3" active>mnbmbbbmnbmnbmnbm</section>
    <section id="section4">Page Two</section>
    </core-pages>
    </core-card>
    </core-scaffold>
    </template>

  2. ethancoder151 revised this gist Jan 10, 2015. No changes.
  3. ethancoder151 revised this gist Jan 10, 2015. 1 changed file with 39 additions and 2 deletions.
    41 changes: 39 additions & 2 deletions designer.html
    View file
    Original file line number Diff line number Diff line change
    @@ -5,6 +5,13 @@
    <link rel="import" href="../core-icon-button/core-icon-button.html">
    <link rel="import" href="../core-toolbar/core-toolbar.html">
    <link rel="import" href="../core-menu/core-submenu.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="../core-pages/core-pages.html">

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

    @@ -20,8 +27,9 @@
    width: 420px;
    height: 582px;
    overflow: hidden;
    left: 1070px;
    top: 420px;
    left: 520px;
    top: 250px;
    position: absolute;
    background-color: rgb(238, 238, 238);
    }
    #topeka_leaderboard {
    @@ -47,6 +55,21 @@
    #core_menu {
    font-size: 16px;
    }
    #core_card {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 2px;
    box-shadow: rgba(0, 0, 0, 0.0980392) 0px 2px 4px, rgba(0, 0, 0, 0.0980392) 0px 0px 3px;
    left: 0px;
    top: 0px;
    background-color: rgb(255, 255, 255);
    }
    #core_pages {
    width: 400px;
    height: 400px;
    border: 1px solid silver;
    }
    </style>
    <core-scaffold id="core_scaffold">
    <core-header-panel mode="seamed" id="core_header_panel" navigation flex>
    @@ -57,6 +80,20 @@
    </core-menu>
    </core-header-panel>
    <div id="div" tool>SoftTon Technologies</div>
    <core-animated-pages selectedindex="0" notap id="core_animated_pages">
    <section id="section" layout horizontal center center-justified active>
    </section>
    <section id="section1">
    </section>
    <section id="section2">
    </section>
    </core-animated-pages>
    <core-card id="core_card" layout vertical>
    <core-pages selected="0" selectedindex="0" notap id="core_pages">
    <section id="section3" active>mnbmbbbmnbmnbmnbm</section>
    <section id="section4">Page Two</section>
    </core-pages>
    </core-card>
    </core-scaffold>
    </template>

  4. ethancoder151 revised this gist Jan 10, 2015. No changes.
  5. ethancoder151 revised this gist Jan 10, 2015. No changes.
  6. ethancoder151 created this gist Jan 10, 2015.
    71 changes: 71 additions & 0 deletions designer.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,71 @@
    <link rel="import" href="../core-scaffold/core-scaffold.html">
    <link rel="import" href="../core-header-panel/core-header-panel.html">
    <link rel="import" href="../core-menu/core-menu.html">
    <link rel="import" href="../core-item/core-item.html">
    <link rel="import" href="../core-icon-button/core-icon-button.html">
    <link rel="import" href="../core-toolbar/core-toolbar.html">
    <link rel="import" href="../core-menu/core-submenu.html">

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

    <template>
    <style>
    :host {
    position: absolute;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    }
    #core_animated_pages {
    width: 420px;
    height: 582px;
    overflow: hidden;
    left: 1070px;
    top: 420px;
    background-color: rgb(238, 238, 238);
    }
    #topeka_leaderboard {
    width: 300px;
    height: 300px;
    left: 1110px;
    top: 460px;
    }
    #core_scaffold {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    }
    #core_header_panel {
    background-color: rgb(255, 255, 255);
    }
    #core_toolbar {
    color: rgb(255, 255, 255);
    background-color: rgb(79, 125, 201);
    }
    #core_menu {
    font-size: 16px;
    }
    </style>
    <core-scaffold id="core_scaffold">
    <core-header-panel mode="seamed" id="core_header_panel" navigation flex>
    <core-toolbar id="core_toolbar"></core-toolbar>
    <core-menu selected="Item1" valueattr="label" selectedindex="0" id="core_menu" theme="core-light-theme">
    <core-item id="core_item" icon="settings" label="Home" horizontal center layout active></core-item>
    <core-item id="core_item1" icon="settings" label="Aboutus" horizontal center layout></core-item>
    </core-menu>
    </core-header-panel>
    <div id="div" tool>SoftTon Technologies</div>
    </core-scaffold>
    </template>

    <script>

    Polymer({

    });

    </script>

    </polymer-element>