By now, after a couple of months of on and off work, I’m pretty certain I’m happy with the way this site looks and feels. It’s got a solid grid-based foundation, simple CSS classes to fit content within the frame, all the static pages I can think of, a header and a footer, and now a WordPress-powered blog to push out updates, like this one.
This site, leonoverweel.com, is meant to unify and replace my other sites, World of Mindstorms and NY Snapshot, and to be a portfolio of stuff I’ve done. The static pages, linked above, mostly take care of the latter while the blog this is posted on replaces the two old blogs; it’ll cover topics like these:
- Software/ Programming
I’ve imported most of the posts from the other two blogs, but they haven’t been optimized for this layout; so, disclaimer: any post older than this one is not guaranteed to look good.
Horizontally, most content on the site fits into a grid consisting of four 200 pixel wide columns with 10 pixels in between each, adding up to 830 pixels of total width. That gives you content that can be 200, 410, 620 or 830 pixels wide, or of course combinations thereof, as illustrated below.
The blog is generally restricted to just the left three quarters, with the fourth quarter left open for the post author, date and title; the picture above is an exception.
At the top and bottom of every page, a header and footer respectively contain quick links. Both following the grid like the rest of the site, the header links to social networks and bigger static portfolio-type pages, while the footer has miscellaneous links.
You may have noticed that my other blogs haven’t seen too many new posts since the school year started, which was mostly, well, because of school. Sophomore year is pretty busy, but now that I’ve started Science Research at least I have a period every day to work on robot-type stuff.
Right now I’m researching HCI, Human Computer Interaction, pointed toward robotics of course, and I’m working on some RobotC-based Mindstorms NXT software for robot arm hardware abstraction.