title: One page website with a series of panels, each the size of the viewport
body: <p>I've been looking for a way to accomplish this but can't seem to find the answer.
  I want to create a one-page website that would be composed of a series of panels, each the size of the viewport (both in height and width) and with different background colors.</p>
  
  <p>So, when I get on the page, my viewport is filled with panel 1, then I can scroll down to panel 2 which will also completely fill the viewport.</p>
  
  <p>Here's a quick test page to illustrate what I mean: <a href="http://dev.manifold.ws/test/" rel="nofollow">http://dev.manifold.ws/test/</a>
  But, obviously, what I'd want is each panel's height to be 100% of the viewport (not a fixed height).</p>
  
  <p>Here's a more complex site that's successfully doing it: <a href="http://www.deuxhuithuit.com" rel="nofollow">http://www.deuxhuithuit.com</a></p>
  
  <p>I feel there must be a fairly simple way to achieve this but I can't seem to find it.</p>
  
  <p>Any help would be greatly appreciated.
  Do I need some jQuery?
  Should I rely on a plugin?
  Or is there a way to do this with CSS?</p>
  
  <p>Thanks,</p>
  
  <p>-Thom</p>