| // hide the native checkbox | |
| input[type="checkbox"] { | |
| position: absolute; | |
| opacity: 0; | |
| } | |
| input[type="checkbox"] + label { | |
| display: block; | |
| position: relative; | |
| padding-left: 2rem; |
| // defer loading of non-essential JS until DOM loaded event | |
| function() { | |
| window.addEventListener("load", function() { | |
| var s, t; | |
| s = document.createElement("script"); | |
| s.type = "text/javascript"; | |
| s.src = | |
| "https://www.paypalobjects.com/digitalassets/c/website/marketing/global/kui/js/opinionLab-2.1.0.js"; | |
| t = document.getElementsByTagName("body")[0]; | |
| t.appendChild(s); |
| export default class Hero extends React.Component { | |
| state = { | |
| showImages: false, | |
| }; | |
| componentDidMount() { | |
| // load images when images comes within the viewport once user starts scrolling | |
| const domRect = this.sectionElement && this.sectionElement.getBoundingClientRect(); | |
| if (domRect && window.innerHeight - domRect.top >= 0) { | |
| this.enableImages(); |
| [...document.querySelectorAll('.js-details-target')].forEach(button => button.click()); |
People
 :bowtie: |
😄 :smile: |
😆 :laughing: |
|---|---|---|
😊 :blush: |
😃 :smiley: |
:relaxed: |
😏 :smirk: |
😍 :heart_eyes: |
😘 :kissing_heart: |
😚 :kissing_closed_eyes: |
😳 :flushed: |
😌 :relieved: |
😆 :satisfied: |
😁 :grin: |
😉 :wink: |
😜 :stuck_out_tongue_winking_eye: |
😝 :stuck_out_tongue_closed_eyes: |
😀 :grinning: |
😗 :kissing: |
😙 :kissing_smiling_eyes: |
😛 :stuck_out_tongue: |
| { | |
| "AL": "Alabama", | |
| "AK": "Alaska", | |
| "AS": "American Samoa", | |
| "AZ": "Arizona", | |
| "AR": "Arkansas", | |
| "CA": "California", | |
| "CO": "Colorado", | |
| "CT": "Connecticut", | |
| "DE": "Delaware", |
| // change passwords fields into text on a web page | |
| const nodeList = document.getElementsByTagName("input"); | |
| [...nodeList].forEach(node => { | |
| if(node.getAttribute("type") === "password"){ | |
| node.setAttribute('type', 'text'); | |
| } | |
| }); | |
| // wrap code within github to multiple lines | |
| // this helps to prevent horizontal scroll |
| // modifying height & width will cause various shapes to appear | |
| .spinner { | |
| animation: spin 0.7s infinite linear; | |
| border-bottom: 6px solid rgba(0, 0, 0, 0.2); | |
| border-left: 6px solid rgba(0, 0, 0, 0.2); | |
| border-radius: 100%; | |
| border-right: 6px solid rgba(0, 0, 0, 0.2); | |
| border-top: 6px solid #2180c0; | |
| content: ""; |
| 'use strict' | |
| module.exports = function(grunt) { | |
| // load all grunt tasks | |
| grunt.loadNpmTasks('grunt-contrib-watch'); | |
| grunt.loadNpmTasks('grunt-contrib-less'); | |
| var dir = '/Users/hjodiawalla/Desktop/MPPContentDevelopment/MPPContent/ContentRoot/resources/', | |
| computation = dir + 'css/base-mpp.css'; |
| export PATH=./node_modules/.bin:$PATH | |
| alias src='source ~/.bash_profile' | |
| #git commands | |
| alias gc='git checkout' | |
| alias gcc='git commit -m' | |
| alias gs='git status' | |
| alias ga='git add --all' | |
| alias gp='git pull --rebase' |