Here’s the link to my tribute to Nikola Tesla page: Nikola Tesla Tribute Page
I think I spent more time researching “old timey” color schemes and fonts than actual coding. I originally I wanted to do a nav bar with a dropdown menu which would have the project page as a selection, and wanted the title of the dropdown to change to the page selected. I did figure out how to do that, but in the end, thought I’d save that for another page.
Bootstrap makes responsive image sizing really easy, but not as easy for text (as far as I could find). I started with media queries with three breakpoints (desktop, tablet, phone), but since I wanted to write some javascipt/jquery anyway, I ended up writing a little jquery to change the size of the h1 and h2 tags (titles) depending on the screen size. It seems to work well, but I’d love some feedback on using this method versus using media queries.
The other little touch I added was putting my avatar in the navbar and having my twitter handle popup if you hover over it or click on it in mobile. I figured this would be a good first step to a future menu system based on a logo or image.
All in all, I’m pretty happy with the way it turned out, but I’ll be more happy to get lots of constructive criticism and feedback.