I started with the front page.
There were quite a few unnecessary elements, so I cleaned up the html. I also moved all the CSS in _headernav, _deheader, _landing, to their respective CSS files (creating new files if I had to). I didn't like all the empty space so I compressed it a bit. The change is barely noticeable from the front end. Here's how it looks now:
On mobile, there were a couple of issues. The jumbotron would disappear, and the page would extend beyond the boundaries of the phone. Turns out this was because the images were fixed size.
I brought the jumbotron back and fixed issues with image size and "Cultural Probes" not sticking directly above the image. It's better to make the image a background image and place the "Cultural Probes" text inside that div.
Methods and case studies were similarly modified to be optimized for mobile view. Before, you had to zoom into the page because it was desktop view on a smaller screen
After:
To be honest, I don't like the top of the page. I'll consult someone about improving that later.
I probably still need to do some things with pages you can access upon login. Let me know if you need things changed.
james--jiang
commented
7 years ago
I started with the front page.
There were quite a few unnecessary elements, so I cleaned up the html. I also moved all the CSS in _headernav, _deheader, _landing, to their respective CSS files (creating new files if I had to). I didn't like all the empty space so I compressed it a bit. The change is barely noticeable from the front end. Here's how it looks now:
On mobile, there were a couple of issues. The jumbotron would disappear, and the page would extend beyond the boundaries of the phone. Turns out this was because the images were fixed size.
I brought the jumbotron back and fixed issues with image size and "Cultural Probes" not sticking directly above the image. It's better to make the image a background image and place the "Cultural Probes" text inside that div.
Methods and case studies were similarly modified to be optimized for mobile view. Before, you had to zoom into the page because it was desktop view on a smaller screen
After:
To be honest, I don't like the top of the page. I'll consult someone about improving that later.
I probably still need to do some things with pages you can access upon login. Let me know if you need things changed.