I am working on an interface that allows for greater ease of use with a gesture/touch enabled device. Currently I am playing with the theme that relates to my school's colors. As soon as I nail this down, I will work on a default theme that is more neutral and appeals to a greater audience.
It is by no means complete, but I am posting what I have done so far so that you might have pointers or criticisms to help point me in a better direction.
I am not nearly knowledgeable enough with the php but am learning as I go. As is, I needed to modify the CSS for a few classes in ways that I am not happy with, but I can not decode enough of the php to figure out where the tags are for many of the dynamically created content lists ('My Courses' for example, which uses the base <a> tag for the list, where I would rather use another class).
Here are a couple of the premises for changes:
1)Took out the "back" button since a browser will have that within the browser interface.
2)Took out the link to download MLE as it is not ready for the iPhone and thus is a useless link for my application (though should be great for Google's Android architecture).
3)Larger buttons for easier button pushing in a touch device.
4)Took out some of the icons on the front page for spacing reasons - as well as the profile ID in the header bar (thinking about putting this in a footer on every page).
I have attached the CSS file and a couple of screenshots. The buttons are simple PNG files and I am using Apple's prescribed technique with their webkit extensions for CSS.