Skip to content

Instantly share code, notes, and snippets.

@c0d3rm0nk3y

c0d3rm0nk3y/designer.html

Created July 2, 2014 21:47
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save c0d3rm0nk3y/66a6c2497ccd1e0c26c8 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save c0d3rm0nk3y/66a6c2497ccd1e0c26c8 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. c0d3rm0nk3y revised this gist Jul 2, 2014. 1 changed file with 11 additions and 2 deletions.
    13 changes: 11 additions & 2 deletions designer.html
    View file
    Original file line number Diff line number Diff line change
    @@ -24,8 +24,17 @@
    top: 30px;
    background-color: rgb(255, 255, 255);
    }
    #newsWord { margin: 20px; }
    #newsControls { bottom: 0px; }
    #newsWord {
    margin: 20px 0px;
    }
    #newsControls {
    bottom: 0px;
    left: -50%;
    position: absolute;
    }
    #articleProgress {
    margin: 25px 0px;
    }
    </style>
    <core-card id="core_card" layout vertical center>
    <h1 id="newsTitle">{{ title }}</h1>
  2. c0d3rm0nk3y revised this gist Jul 2, 2014. 1 changed file with 2 additions and 0 deletions.
    2 changes: 2 additions & 0 deletions designer.html
    View file
    Original file line number Diff line number Diff line change
    @@ -24,6 +24,8 @@
    top: 30px;
    background-color: rgb(255, 255, 255);
    }
    #newsWord { margin: 20px; }
    #newsControls { bottom: 0px; }
    </style>
    <core-card id="core_card" layout vertical center>
    <h1 id="newsTitle">{{ title }}</h1>
  3. c0d3rm0nk3y revised this gist Jul 2, 2014. 1 changed file with 3 additions and 3 deletions.
    6 changes: 3 additions & 3 deletions designer.html
    View file
    Original file line number Diff line number Diff line change
    @@ -48,10 +48,10 @@ <h5 id="newsAuthor">{{ author }}</h5>
    title: 'Prez underage dog is pregnant',
    author: 'wiggles mc wiggle',
    word: 'better',
    words: ['the','quick','brown','fox','jumped','over', 'the', 'lazy', 'dog'],
    words: null,
    index: 0,
    ready: function() {},
    attributeChanged: function(attrName, oVal, nVal) {}
    ready: function () {},
    attributeChanged: function (attr, oVal, nVal) {}
    });

    </script>
  4. c0d3rm0nk3y revised this gist Jul 2, 2014. 1 changed file with 3 additions and 1 deletion.
    4 changes: 3 additions & 1 deletion designer.html
    View file
    Original file line number Diff line number Diff line change
    @@ -49,7 +49,9 @@ <h5 id="newsAuthor">{{ author }}</h5>
    author: 'wiggles mc wiggle',
    word: 'better',
    words: ['the','quick','brown','fox','jumped','over', 'the', 'lazy', 'dog'],
    index: 0
    index: 0,
    ready: function() {},
    attributeChanged: function(attrName, oVal, nVal) {}
    });

    </script>
  5. c0d3rm0nk3y revised this gist Jul 2, 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
    @@ -49,7 +49,7 @@ <h5 id="newsAuthor">{{ author }}</h5>
    author: 'wiggles mc wiggle',
    word: 'better',
    words: ['the','quick','brown','fox','jumped','over', 'the', 'lazy', 'dog'],
    wordsIndex: 0
    index: 0
    });

    </script>
  6. c0d3rm0nk3y revised this gist Jul 2, 2014. 1 changed file with 5 additions and 3 deletions.
    8 changes: 5 additions & 3 deletions designer.html
    View file
    Original file line number Diff line number Diff line change
    @@ -13,8 +13,8 @@
    }
    #core_card {
    position: absolute;
    width: 300px;
    height: 300px;
    width: 480px;
    height: 290px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    @@ -47,7 +47,9 @@ <h5 id="newsAuthor">{{ author }}</h5>
    playState: false,
    title: 'Prez underage dog is pregnant',
    author: 'wiggles mc wiggle',
    word: 'better'
    word: 'better',
    words: ['the','quick','brown','fox','jumped','over', 'the', 'lazy', 'dog'],
    wordsIndex: 0
    });

    </script>
  7. c0d3rm0nk3y created this gist Jul 2, 2014.
    55 changes: 55 additions & 0 deletions designer.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,55 @@
    <link rel="import" href="../paper-progress/paper-progress.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;
    }
    #core_card {
    position: absolute;
    width: 300px;
    height: 300px;
    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;
    left: 60px;
    top: 30px;
    background-color: rgb(255, 255, 255);
    }
    </style>
    <core-card id="core_card" layout vertical center>
    <h1 id="newsTitle">{{ title }}</h1>
    <h5 id="newsAuthor">{{ author }}</h5>
    <p id="newsWord">{{ word }}</p>
    <div id="newsControls" layout vertical center>
    <paper-progress value="5" ratio="5" id="articleProgress"></paper-progress>
    <div id="controlsContainer" layout horizontal center>
    <paper-button label="{{ playStateLbl }}" id="btnPlay"></paper-button>
    <paper-button label="Faster" id="btnFaster"></paper-button>
    <paper-button label="Slower" id="btnSlower"></paper-button>
    </div>
    </div>
    </core-card>
    </template>

    <script>

    Polymer('my-element', {
    playStateLbl: 'Play',
    playState: false,
    title: 'Prez underage dog is pregnant',
    author: 'wiggles mc wiggle',
    word: 'better'
    });

    </script>

    </polymer-element>