Skip to content

Instantly share code, notes, and snippets.

@abhimskywalker

abhimskywalker/designer.html

Last active August 29, 2015 14:08
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save abhimskywalker/ca31dd59150c765d2a92 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save abhimskywalker/ca31dd59150c765d2a92 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. abhimskywalker revised this gist Oct 26, 2014. No changes.
  2. abhimskywalker revised this gist Oct 26, 2014. 1 changed file with 2 additions and 17 deletions.
    19 changes: 2 additions & 17 deletions designer.html
    View file
    Original file line number Diff line number Diff line change
    @@ -4,13 +4,13 @@
    <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="../paper-input/paper-input.html">
    <link rel="import" href="../core-icons/core-icons.html">
    <link rel="import" href="../paper-item/paper-item.html">
    <link rel="import" href="../topeka-elements/avatars.html">
    <link rel="import" href="../core-icon/core-icon.html">
    <link rel="import" href="../core-menu/core-submenu.html">
    <link rel="import" href="../core-pages/core-pages.html">
    <link rel="import" href="../paper-input/paper-input.html">

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

    @@ -42,16 +42,6 @@
    #core_menu {
    font-size: 16px;
    }
    #core_header_panel1 {
    width: 300px;
    height: 400px;
    left: 1060px;
    top: 460px;
    }
    #core_item {
    left: 1060px;
    top: 540px;
    }
    #core_field {
    left: 1080px;
    top: 510px;
    @@ -112,18 +102,13 @@
    top: 0px;
    position: absolute;
    }
    #paper_input {
    left: 270px;
    top: 10px;
    position: absolute;
    }
    </style>
    <core-scaffold id="core_scaffold">
    <core-header-panel mode="seamed" id="core_header_panel" navigation flex>
    <core-toolbar id="core_toolbar">
    <paper-item label="Anakin Skywalker" id="paper_item" center horizontal layout></paper-item>
    <core-icon icon="avatars:avatar-1" id="core_icon" designmeta="topeka-avatar"></core-icon>
    <paper-input label="Type something..." willvalidate id="paper_input" layout vertical></paper-input>
    <paper-input label="Search..." floatinglabel willvalidate id="paper_input"></paper-input>
    </core-toolbar>
    <core-menu selected="0" valueattr="label" selectedindex="0" id="core_menu" theme="core-light-theme">
    <paper-item label="Profile" icon="account-circle" id="core_item_profile" horizontal center layout active>
  3. abhimskywalker revised this gist Oct 26, 2014. 1 changed file with 3 additions and 4 deletions.
    7 changes: 3 additions & 4 deletions designer.html
    View file
    Original file line number Diff line number Diff line change
    @@ -9,8 +9,8 @@
    <link rel="import" href="../topeka-elements/avatars.html">
    <link rel="import" href="../core-icon/core-icon.html">
    <link rel="import" href="../core-menu/core-submenu.html">
    <link rel="import" href="../paper-input/paper-input.html">
    <link rel="import" href="../core-pages/core-pages.html">
    <link rel="import" href="../paper-input/paper-input.html">

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

    @@ -113,17 +113,16 @@
    position: absolute;
    }
    #paper_input {
    left: 260px;
    left: 270px;
    top: 10px;
    position: absolute;
    background-color: rgb(255, 255, 255);
    }
    </style>
    <core-scaffold id="core_scaffold">
    <core-header-panel mode="seamed" id="core_header_panel" navigation flex>
    <core-toolbar id="core_toolbar">
    <paper-item label="Anakin Skywalker" id="paper_item" center horizontal layout></paper-item>
    <core-icon icon="avatars:avatar-1" id="core_icon" designmeta="topeka-avatar" flex></core-icon>
    <core-icon icon="avatars:avatar-1" id="core_icon" designmeta="topeka-avatar"></core-icon>
    <paper-input label="Type something..." willvalidate id="paper_input" layout vertical></paper-input>
    </core-toolbar>
    <core-menu selected="0" valueattr="label" selectedindex="0" id="core_menu" theme="core-light-theme">
  4. abhimskywalker revised this gist Oct 26, 2014. 1 changed file with 4 additions and 3 deletions.
    7 changes: 4 additions & 3 deletions designer.html
    View file
    Original file line number Diff line number Diff line change
    @@ -9,8 +9,8 @@
    <link rel="import" href="../topeka-elements/avatars.html">
    <link rel="import" href="../core-icon/core-icon.html">
    <link rel="import" href="../core-menu/core-submenu.html">
    <link rel="import" href="../core-pages/core-pages.html">
    <link rel="import" href="../paper-input/paper-input.html">
    <link rel="import" href="../core-pages/core-pages.html">

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

    @@ -116,13 +116,15 @@
    left: 260px;
    top: 10px;
    position: absolute;
    background-color: rgb(255, 255, 255);
    }
    </style>
    <core-scaffold id="core_scaffold">
    <core-header-panel mode="seamed" id="core_header_panel" navigation flex>
    <core-toolbar id="core_toolbar">
    <paper-item label="Anakin Skywalker" id="paper_item" center horizontal layout></paper-item>
    <core-icon icon="avatars:avatar-1" id="core_icon" designmeta="topeka-avatar"></core-icon>
    <core-icon icon="avatars:avatar-1" id="core_icon" designmeta="topeka-avatar" flex></core-icon>
    <paper-input label="Type something..." willvalidate id="paper_input" layout vertical></paper-input>
    </core-toolbar>
    <core-menu selected="0" valueattr="label" selectedindex="0" id="core_menu" theme="core-light-theme">
    <paper-item label="Profile" icon="account-circle" id="core_item_profile" horizontal center layout active>
    @@ -132,7 +134,6 @@
    <a id="a1" href="#jobs"></a>
    </paper-item>
    </core-menu>
    <paper-input label="Type something..." willvalidate id="paper_input" layout vertical></paper-input>
    </core-header-panel>
    <core-pages selected="0" selectedindex="0" notap id="core_pages">
    <section id="section" active>Page One</section>
  5. abhimskywalker revised this gist Oct 26, 2014. 1 changed file with 26 additions and 13 deletions.
    39 changes: 26 additions & 13 deletions designer.html
    View file
    Original file line number Diff line number Diff line change
    @@ -4,11 +4,13 @@
    <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="../topeka-elements/avatars.html">
    <link rel="import" href="../core-icon/core-icon.html">
    <link rel="import" href="../core-icons/core-icons.html">
    <link rel="import" href="../paper-item/paper-item.html">
    <link rel="import" href="../topeka-elements/avatars.html">
    <link rel="import" href="../core-icon/core-icon.html">
    <link rel="import" href="../core-menu/core-submenu.html">
    <link rel="import" href="../core-pages/core-pages.html">
    <link rel="import" href="../paper-input/paper-input.html">

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

    @@ -28,6 +30,7 @@
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgb(0, 0, 0);
    }
    #core_header_panel {
    background-color: rgb(255, 255, 255);
    @@ -45,14 +48,6 @@
    left: 1060px;
    top: 460px;
    }
    #core_animated_pages {
    width: 420px;
    height: 582px;
    overflow: hidden;
    left: 1080px;
    top: 470px;
    background-color: rgb(238, 238, 238);
    }
    #core_item {
    left: 1060px;
    top: 540px;
    @@ -86,7 +81,7 @@
    #core_icon {
    height: 64px;
    width: 64px;
    left: -2px;
    left: -12px;
    top: 0px;
    position: absolute;
    }
    @@ -109,22 +104,40 @@
    top: 10px;
    position: absolute;
    }
    #core_pages {
    width: 100%;
    height: 100%;
    border: 1px solid silver;
    left: 0px;
    top: 0px;
    position: absolute;
    }
    #paper_input {
    left: 260px;
    top: 10px;
    position: absolute;
    }
    </style>
    <core-scaffold id="core_scaffold">
    <core-header-panel mode="seamed" id="core_header_panel" navigation flex>
    <core-toolbar id="core_toolbar">
    <core-icon icon="avatars:avatar-1" id="core_icon" designmeta="topeka-avatar"></core-icon>
    <paper-item label="Anakin Skywalker" id="paper_item" center horizontal layout></paper-item>
    <core-icon icon="avatars:avatar-1" id="core_icon" designmeta="topeka-avatar"></core-icon>
    </core-toolbar>
    <core-menu selected="0" valueattr="label" selectedindex="0" id="core_menu" theme="core-light-theme">
    <paper-item label="Profile" icon="account-circle" id="core_item_profile" horizontal center layout active>
    <a id="a" href="#profile"></a>
    </paper-item>
    <paper-item label="Jobs" icon="work" id="core_item_jobs" horizontal center layout>
    <a href="#jobs"></a>
    <a id="a1" href="#jobs"></a>
    </paper-item>
    </core-menu>
    <paper-input label="Type something..." willvalidate id="paper_input" layout vertical></paper-input>
    </core-header-panel>
    <core-pages selected="0" selectedindex="0" notap id="core_pages">
    <section id="section" active>Page One</section>
    <section id="section1">Page Two</section>
    </core-pages>
    </core-scaffold>
    </template>

  6. abhimskywalker revised this gist Oct 26, 2014. 1 changed file with 80 additions and 6 deletions.
    86 changes: 80 additions & 6 deletions designer.html
    View file
    Original file line number Diff line number Diff line change
    @@ -4,9 +4,11 @@
    <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">
    <link rel="import" href="../topeka-elements/avatars.html">
    <link rel="import" href="../core-icon/core-icon.html">
    <link rel="import" href="../core-icons/core-icons.html">
    <link rel="import" href="../paper-item/paper-item.html">
    <link rel="import" href="../core-menu/core-submenu.html">

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

    @@ -37,20 +39,92 @@
    #core_menu {
    font-size: 16px;
    }
    #core_header_panel1 {
    width: 300px;
    height: 400px;
    left: 1060px;
    top: 460px;
    }
    #core_animated_pages {
    width: 420px;
    height: 582px;
    overflow: hidden;
    left: 1080px;
    top: 470px;
    background-color: rgb(238, 238, 238);
    }
    #core_item {
    left: 1060px;
    top: 540px;
    }
    #core_field {
    left: 1080px;
    top: 510px;
    }
    #smoothie_chart {
    left: 1100px;
    top: 510px;
    }
    #yt_search_video {
    width: 300px;
    height: 300px;
    left: 1060px;
    top: 490px;
    }
    #ace_element {
    width: 400px;
    height: 300px;
    left: 1050px;
    top: 430px;
    }
    #chart_js {
    width: 300px;
    height: 200px;
    left: 1030px;
    top: 430px;
    }
    #core_icon {
    height: 64px;
    width: 64px;
    left: -2px;
    top: 0px;
    position: absolute;
    }
    #topeka_profile {
    width: 300px;
    height: 300px;
    left: 1020px;
    top: 530px;
    }
    #core_selector {
    left: 1040px;
    top: 600px;
    }
    #paper_icon_button {
    left: 1060px;
    top: 540px;
    }
    #paper_item {
    left: 68px;
    top: 10px;
    position: absolute;
    }
    </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-toolbar id="core_toolbar">
    <core-icon icon="avatars:avatar-1" id="core_icon" designmeta="topeka-avatar"></core-icon>
    <paper-item label="Anakin Skywalker" id="paper_item" center horizontal layout></paper-item>
    </core-toolbar>
    <core-menu selected="0" valueattr="label" selectedindex="0" id="core_menu" theme="core-light-theme">
    <paper-item icon="account-circle" id="core_item_profile" label="Profile" horizontal center layout active>
    <a href="#profile"></a>
    <paper-item label="Profile" icon="account-circle" id="core_item_profile" horizontal center layout active>
    <a id="a" href="#profile"></a>
    </paper-item>
    <paper-item icon="work" id="core_item_jobs" label="Jobs" horizontal center layout>
    <paper-item label="Jobs" icon="work" id="core_item_jobs" horizontal center layout>
    <a href="#jobs"></a>
    </paper-item>
    </core-menu>
    </core-header-panel>
    <div id="div" tool>Title</div>
    </core-scaffold>
    </template>

  7. abhimskywalker revised this gist Oct 26, 2014. 1 changed file with 4 additions and 4 deletions.
    8 changes: 4 additions & 4 deletions designer.html
    View file
    Original file line number Diff line number Diff line change
    @@ -42,11 +42,11 @@
    <core-header-panel mode="seamed" id="core_header_panel" navigation flex>
    <core-toolbar id="core_toolbar"></core-toolbar>
    <core-menu selected="0" valueattr="label" selectedindex="0" id="core_menu" theme="core-light-theme">
    <paper-item icon="account-circle" id="core_item" label="Profile" horizontal center layout active>
    <a href="#one"></a>
    <paper-item icon="account-circle" id="core_item_profile" label="Profile" horizontal center layout active>
    <a href="#profile"></a>
    </paper-item>
    <paper-item icon="work" id="core_item1" label="Jobs" horizontal center layout>
    <a href="#two"></a>
    <paper-item icon="work" id="core_item_jobs" label="Jobs" horizontal center layout>
    <a href="#jobs"></a>
    </paper-item>
    </core-menu>
    </core-header-panel>
  8. abhimskywalker revised this gist Oct 26, 2014. 1 changed file with 39 additions and 9 deletions.
    48 changes: 39 additions & 9 deletions designer.html
    View file
    Original file line number Diff line number Diff line change
    @@ -1,6 +1,12 @@
    <link rel="import" href="../topeka-elements/theme.html">
    <link rel="import" href="../topeka-elements/topeka-resources.html">
    <link rel="import" href="../topeka-elements/topeka-app.html">
    <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">
    <link rel="import" href="../core-icons/core-icons.html">
    <link rel="import" href="../paper-item/paper-item.html">

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

    @@ -12,16 +18,40 @@
    height: 100%;
    box-sizing: border-box;
    }
    #topeka_app {
    #core_scaffold {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    min-height: 450px;
    left: 0px;
    top: 0px;
    position: absolute;
    }
    #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>
    <topeka-app selected="profile" disableleaderboard id="topeka_app" categories="[]" vertical layout></topeka-app>
    <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="0" valueattr="label" selectedindex="0" id="core_menu" theme="core-light-theme">
    <paper-item icon="account-circle" id="core_item" label="Profile" horizontal center layout active>
    <a href="#one"></a>
    </paper-item>
    <paper-item icon="work" id="core_item1" label="Jobs" horizontal center layout>
    <a href="#two"></a>
    </paper-item>
    </core-menu>
    </core-header-panel>
    <div id="div" tool>Title</div>
    </core-scaffold>
    </template>

    <script>
  9. abhimskywalker revised this gist Oct 26, 2014. 1 changed file with 8 additions and 39 deletions.
    47 changes: 8 additions & 39 deletions designer.html
    View file
    Original file line number Diff line number Diff line change
    @@ -1,10 +1,6 @@
    <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">
    <link rel="import" href="../topeka-elements/theme.html">
    <link rel="import" href="../topeka-elements/topeka-resources.html">
    <link rel="import" href="../topeka-elements/topeka-app.html">

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

    @@ -16,43 +12,16 @@
    height: 100%;
    box-sizing: border-box;
    }
    #core_scaffold {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    #topeka_app {
    width: 100%;
    height: 100%;
    }
    #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;
    }
    #core_item1 {
    position: absolute;
    top: 0px;
    min-height: 450px;
    left: 0px;
    width: 100%;
    height: 100%;
    top: 0px;
    position: absolute;
    }
    </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="Item1" horizontal center layout active>Profile</core-item>
    <core-item id="core_item1" icon="settings" label="Item2" horizontal center layout>Jobs</core-item>
    </core-menu>
    </core-header-panel>
    <div id="div" tool>JobHunt</div>
    </core-scaffold>
    <topeka-app selected="profile" disableleaderboard id="topeka_app" categories="[]" vertical layout></topeka-app>
    </template>

    <script>
  10. abhimskywalker revised this gist Oct 26, 2014. 1 changed file with 10 additions and 3 deletions.
    13 changes: 10 additions & 3 deletions designer.html
    View file
    Original file line number Diff line number Diff line change
    @@ -35,16 +35,23 @@
    #core_menu {
    font-size: 16px;
    }
    #core_item1 {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    }
    </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 valueattr="label" id="core_menu" theme="core-light-theme">
    <core-item id="core_item" icon="settings" label="Item1" horizontal center layout>Profile</core-item>
    <core-menu selected="Item1" valueattr="label" selectedindex="0" id="core_menu" theme="core-light-theme">
    <core-item id="core_item" icon="settings" label="Item1" horizontal center layout active>Profile</core-item>
    <core-item id="core_item1" icon="settings" label="Item2" horizontal center layout>Jobs</core-item>
    </core-menu>
    </core-header-panel>
    <div id="div" tool>Title</div>
    <div id="div" tool>JobHunt</div>
    </core-scaffold>
    </template>

  11. abhimskywalker revised this gist Oct 26, 2014. 1 changed file with 36 additions and 1 deletion.
    37 changes: 36 additions & 1 deletion designer.html
    View file
    Original file line number Diff line number Diff line change
    @@ -1,4 +1,10 @@
    <link rel="import" href="../polymer/polymer.html">
    <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">

    @@ -10,7 +16,36 @@
    height: 100%;
    box-sizing: border-box;
    }
    #core_scaffold {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    }
    #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 valueattr="label" id="core_menu" theme="core-light-theme">
    <core-item id="core_item" icon="settings" label="Item1" horizontal center layout>Profile</core-item>
    <core-item id="core_item1" icon="settings" label="Item2" horizontal center layout>Jobs</core-item>
    </core-menu>
    </core-header-panel>
    <div id="div" tool>Title</div>
    </core-scaffold>
    </template>

    <script>
  12. abhimskywalker created this gist Oct 26, 2014.
    24 changes: 24 additions & 0 deletions designer.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,24 @@
    <link rel="import" href="../polymer/polymer.html">

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

    <template>
    <style>
    :host {
    position: absolute;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    }
    </style>
    </template>

    <script>

    Polymer({

    });

    </script>

    </polymer-element>