hero with background and refactor vertical align
move all patter.js and index.js reads from js gets to handlers