Right now, the home page of our example site is, for the most part, static. It's a view that returns a series of billboards in a jQuery Cycle slider. What we need is a version of the home page that's aware of the domain it's on and responds accordingly.
In this chapter, we will work again on the content of the site for the mobile by:
Adjusting the size of the home page graphics to support faster downloads and smaller screens
Using sprites for the site's icon graphics to minimize request calls to the server
Moving content from a large PDF file to nodes and styling them using the Display Suite module
Using node reference fields to group menu items
Creating a view to show the menu in the same format as the print version