Okay, work is in progress. ZAP engine now has a full responsive default theme with 3 states (Desktop, Tablet, Mobile) based on latest jQuery (mobile) and some CSS stuff. Well, I had to made some changes on the core of the module/interface functions, but the template system is usable like before... mostly.
Example: Old system has created the menu with links line by line (<br>). New system returns the menu as list elements (<li>). In the theme you can use this elements like you want.
I have split the old listmenu into 3 modules: Main menu (like the old menu of modules), Admin menu (the old admin menu, just separated from listmenu), Toolbar (some non-gaming menu links). So if you merge Main menu and Toolbar you get the old known listmenu.
Now quickstats are useable links too. You can add modules linked to the new quickstat buttons.
To make use of jQuery built-in icons, part.def files can contain icon-names now. Stats table now has an icon column too. You can see this on the screenshots: toolbar and footer.
I have made some screenshots of the new desgin/theme. Modules are unchanged atm.
Desktop layout:
Fixed Header and Footer, 2 columns design
Header with left aligned game title and logout button on the right
Toolbar on header (should not be more than 5 buttons)
Footer with QuickStats buttons
Imageslider (images I have used are Creative Commons CC0)
Main menu and Admin menu (if necessary) on the left
Main content right
Tablet layout:
The menu becomes invisible (1 column design)
Game title is centered now
New menu button on the top left corner (opens panel with Main menu and Admin menu)
Phone layout:
Now Toolbar, Logout button and Imageslider are invisible too
Toolbar and Logout are merged to menu panel
No labels on QuickStats buttons anymore
Now I will clean up my changes and then take a look on the modules.
