This week I was able to work on the navigation a bit more.  Mainly working on some small animations to show the section title when a user mouses over the dot.

One of the major things I was able to get working was the “current” title changing when a user changes sections.  This is currently accomplished with a callback utilizing the jQuery plugin “PanelSnap.”  This plugin also allows the “active” state on the menu.

The last major test I started running was with the background-image.  I’m using:

background-size: cover;

in order to have it fill the screen.  The first two images are supposed to be continuous, so I had to add:

background-position: center bottom;"

to the image in oder to the first section in order for it to be horizontally centered and resize from the bottom.  The second section needed to resize from the top, so the code for the was:

background-position: center top;"

Finally, I looked at my site on an ipad and I’m thinking I may need to rethink having “pages” instead of true scrolling.  The ipad showed the screen vibrating, which I’m assuming is due to the height calculation.  This next week may include a lot of changes.

Here is the most updated version of the site: http://goo.gl/KR3dvS