Over the last week or two I've been able to work with FamilySearch to get a Facebook page ready. They provided the design and I've been doing the CSS and front-end stuff to get it into Shortstack, and then onto facebook from there. For those unfamiliar with Shortstack here it is in a nutshell: Shortstack is a 3rd party website that creates Facebook applications. In this instance I used it to create a static HTML page that is viewable on Facebook.
The actual page is not on Facebook yet, but will be soon.
By far my biggest challenge with this project was they wanted thermometer style graphs. I had never done that before. After reasearching I found a few, but none of them were quite what I wanted, or they cost money. So I kept looking and rediscovered the jQuery UI. The jQuery UI has a built in progress bar in it, and I thought "Hey, I could just tip that on it's side and it would work". Like most everything else I try, it ended up taking a lot longer than I initially thought. However, with alot of trial, error, bugging friends who know more about jQuery than myself, and google, I was able to figure it out.
To make the progress bar vertical, there was a reference to "width" that I had to change to Height in the jQuery UI file. I also had to specify a width and height with CSS for the bar. I also bugged one of my good friends who is a jQuery master... I would reccomend finding people who are super good with any coding language that you're trying to learn and then bug themask them nicely for their help, and give them cookies.