Add new html for mobile devices

java/com.sap.sailing.www.events/ess40/mobile.html

@@ -1,21 +1,37 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <title>SAP Sailing Analytics - Mobile</title>
-    <meta content='width = device-width, initial-scale = 1, user-scalable = no' name='viewport'>
-    <meta content='yes' name='apple-mobile-web-app-capable'>
-    <meta content='black' name='apple-mobile-web-app-status-bar-style'>
-    <link href='../images/sap-sailing-app-icon.png' rel='apple-touch-icon-precomposed'>
-    <link href="../../fontface.css" media="screen" rel="stylesheet" title="Default stylesheet" type="text/css" />
-    <link href="../main.css" media="screen" rel="stylesheet" title="Default stylesheet" type="text/css" />
-</head>
-<body>
-<h2>SAP Sailing Analytics - Extreme Sailing Series 2012</h2>
-<p>
-<a href="http://ess40-2012.sapsailing.com/gwt/Leaderboard.html?name=Extreme%2040%20Rio&showRaceDetails=true">Live Rio Leaderboard</a>
-</p>
-<p>
-<a href="http://ess40-2012.sapsailing.com/gwt/Leaderboard.html?name=Extreme%20Sailing%20Series%202012%20Overall&showRaceDetails=true&displayName=Overall%20Standings&leaderboardGroupName=Extreme%20Sailing%20Series%202012&root=leaderboardGroupPanel">Live Overall Leaderboard</a>
-</p>
-</body>
+    <meta content='width=device-width,initial-scale=1,maximum-scale=1' name='viewport' />
+    <meta content='yes' name='apple-mobile-web-app-status-bar-style' />
+    <meta content='black' name='apple-mobile-web-app-status-bar-style' />
+    <link href='images/sap-sailing-app-icon.png' rel='apple-touch-icon-precomposed' />
+    <link href='stylesheets/fontface.css' media='screen' rel='stylesheet' title='Default stylesheet' type='text/css' />
+    <link href='stylesheets/mobile.css' media='screen' rel='stylesheet' title='Default stylesheet' type='text/css' />
+    <title>SAP Sailing Analytics - Extreme Sailing Series 2012</title>
+  </head>
+  <!-- start body -->
+  <body>
+    <div id='logo'>
+      <img alt='SAP Logo' src='../images/sap-iphone-logo.png' />
+    </div>
+    <div id='yield_content'>
+      <div id='mainContent'>
+        <h1 id='pageHeadline'>Mobile Leaderboards</h1>
+        <p>
+          Act 8 - Rio de Janeiro, Brazil
+        </p>
+        <p>
+          6th - 9th December
+        </p>
+      </div>
+      <div id='navigation'>
+        <a class='navButton event' href='http://ess40-2012.sapsailing.com/gwt/Leaderboard.html?name=Extreme%2040%20Rio&amp;showRaceDetails=true'>
+          Event Leaderboard
+        </a>
+        <a class='navButton overall' href='http://ess40-2012.sapsailing.com/gwt/Leaderboard.html?name=Extreme%20Sailing%20Series%202012%20Overall&amp;showRaceDetails=true&amp;displayName=Overall%20Standings&amp;leaderboardGroupName=Extreme%20Sailing%20Series%202012&amp;root=leaderboardGroupPanel'>
+          Overall Leaderboard
+        </a>
+      </div>
+    </div>
+  </body>
 </html>