title: CSS media query height greater than width and vice versa (or how to imitate with JavaScript)
body: <p>The majority of desktop and laptop screens nowadays have a width greater than the height. The screen is "wide" not "tall." Smart phones have done something rather cool by enabling the orientation of the phone to influence how the content is presented.</p>
  
  <p>I'd like to do this with media queries, so that if someone on a mac with a big monitor has their browser window sized so that it's very "tall" (height is greater than width) they would see a header and footer. But if they went fullscreen or "wide" (width is greater than height) they would see a sidebar on the left and maybe also the right.</p>
  
  <p>I'm trying to take full advantage of wide screens, and orientations and such. How to do this with media queries or javascript?</p>