I ditched Octopress and completely redesigned my website.
I've been thinking about doing something like this for quite some time and I finally got an excuse to do it.
Believe it or not, I am still in college, working on my masters degree. Not that I really need it but it doesn't hurt to have one. For example, if one day I decide I want to teach, I will need a masters degree at least. Moreover, immigration procedures are much easier if you hold a paper in your hand. So I'm going forward with this and if everything goes according to plan, I will earn my MA in Interactive Design and Game Development at SCAD by the end of this year.
This quarter I was in an online web development course (the irony). We were supposed to make a website using Adobe Flash. But since Flash and me separated few years ago (it wasn't Flash, it was me) I wanted to try out something new.
I wanted to attempt to integrate a 3D scene with 2D HTML content. I haven't seen many examples of people doing this and most of them try to force the 2D content into becoming 3D. This usually leads to distorted 3D planes flying around which is interesting but not ideal for content consumption. With that in mind, I decided to present all pages flat, facing the camera.
The second challenge was designing the 3D scene. I wanted it to be simple for both technical and aesthetic reasons. After a short sketching phase I modeled the scene in Maya and did some basic lighting using Mental Ray and voilà!
And last but not least, there were many technical challenges. Fortunately, Three.js library makes this job much easier. Most problems I ran into were related to CSS 3D transformations. If you wonder my all my pages have scroll bars, it is because if they don't, Chrome decides to hide them if you get the camera too close. I hope to make a more isolated test case and submit this as a bug but I've heard other people had this issue too so I wouldn't be surprised if they fix it soon. Anyway, I hope you like scroll bars.