Announcement

My object is to build a theme that bringing the latest jquery mobile to drupal instantly.

Document here

Required modules
views
imagecache
mobile tools (optional)

Installation
Standard theme installation applies.
Enable it.

Build your mobile views
1. add a new imagecache preset

name: mobile_thumb (in this example)
scale & crop: 60x60

2. use views build a frontpage

Style: HTML List
Row style: Fields

Fields
Content: field_image with imagecache "mobile_thumb" (Exclude from display)
Node: Teaser (Exclude from display)
Node: Title with link to node (Rewrite the output of title field as below)

[field_image_fid]
<h3>[title]</h3>
<p>[teaser]</p>

3. install Mobile Tools module
or, edit the settings.php.

make the view above as the frontpage of your mobile domain.

that's all.

Optional
1. open "admin/build/menu/add",
add a new menu named "mobile-primary".
this theme willl use this seperated menu if exists, instead of the "primary-link".

2. clone the mobile_frontpage view to another,
for example, mobile/term/%, content/type/% with appropriate arguments.

3. add links to menu "mobile-primary"...

regions
there's only one region named "content-secondary", which will display on the left or bottom depending on the screen size (pad? or phone).