4 files changed, 46 insertions, 6 deletions
diff --git a/sca-cpp/trunk/modules/openid/htdocs/index.html b/sca-cpp/trunk/modules/openid/htdocs/index.html
index 98bbac0c57..a6656484a5 100644
--- a/sca-cpp/trunk/modules/openid/htdocs/index.html
+++ b/sca-cpp/trunk/modules/openid/htdocs/index.html
@@ -19,7 +19,12 @@
 
 <html>
 <head>
+<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0"/> 
+<meta name="apple-mobile-web-app-capable" content="yes"/>
+<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
+<link rel="stylesheet" type="text/css" href="/ui.css"/>
 <script type="text/javascript" src="/component.js"></script>
+
 <script type="text/javascript">
 var protected = sca.component("Protected");
 var userInfo = sca.defun(sca.reference(protected, "userInfo"), "getuser", "getemail", "getrealm");
@@ -27,20 +32,26 @@ var user = userInfo.getuser();
 var email = userInfo.getemail();
 var realm = userInfo.getrealm();
 </script>
+
+<title>Protected area</title>
 </head>
+
 <body>
 <h1>Protected area - It works!</h1>
 <p>The following info is returned by a JSONRPC service:</p>
 <div id="user"></div>
 <div id="email"></div>
 <div id="realm"></div>
+
 <script type="text/javascript">
 document.getElementById('user').innerHTML="User: " + user;
 document.getElementById('email').innerHTML="Email: " + email;
 document.getElementById('realm').innerHTML="Realm: " + realm;
 </script>
+
 <p><a href="info">User info</a></p>
 <p><a href="login">Sign in</a></p>
 <p><a href="logout">Sign out</a></p>
 <p><a href="public">Public area</a></p>
-</body></html>
+</body>
+</html>
diff --git a/sca-cpp/trunk/modules/openid/htdocs/login/index.html b/sca-cpp/trunk/modules/openid/htdocs/login/index.html
index 493227addc..32a0dca608 100644
--- a/sca-cpp/trunk/modules/openid/htdocs/login/index.html
+++ b/sca-cpp/trunk/modules/openid/htdocs/login/index.html
@@ -17,7 +17,17 @@
    under the License.
 -->
 
-<html><body><h1>Sign in with an OpenID provider</h1>
+<html>
+<head>
+<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0"/> 
+<meta name="apple-mobile-web-app-capable" content="yes"/>
+<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
+<link rel="stylesheet" type="text/css" href="/ui.css"/>
+<title>Sign in</title>
+</head>
+<body>
+<h1>Sign in with an OpenID provider</h1>
+<br/>
 
 <script type="text/javascript">
 function queryParams() {
@@ -126,4 +136,5 @@ function withXRDSEndpoint() {
 <input type="button" onclick="submitSignin(withXRDSEndpoint)" value="Sign in"/></p>
 </form>
 
-</body></html>
+</body>
+</html>
diff --git a/sca-cpp/trunk/modules/openid/htdocs/logout/index.html b/sca-cpp/trunk/modules/openid/htdocs/logout/index.html
index 02a92d1b31..37c2594ffb 100644
--- a/sca-cpp/trunk/modules/openid/htdocs/logout/index.html
+++ b/sca-cpp/trunk/modules/openid/htdocs/logout/index.html
@@ -17,8 +17,17 @@
    under the License.
 -->
 
-<html><body>
+<html>
+<head>
+<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0"/> 
+<meta name="apple-mobile-web-app-capable" content="yes"/>
+<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
+<link rel="stylesheet" type="text/css" href="/ui.css"/>
+<title>Sign out</title>
+</head>
+<body>
 <h1>Sign out</h1>
+<br/>
 
 <form name="signout" action="/login" method="GET">
 <script type="text/javascript">
@@ -30,4 +39,5 @@ function submitSignout() {
 </script>
 <input type="button" onclick="submitSignout()" value="Sign out"/>
 </form>
-</body></html>
+</body>
+</html>
diff --git a/sca-cpp/trunk/modules/openid/htdocs/public/index.html b/sca-cpp/trunk/modules/openid/htdocs/public/index.html
index af2cd7ca19..af567246f3 100644
--- a/sca-cpp/trunk/modules/openid/htdocs/public/index.html
+++ b/sca-cpp/trunk/modules/openid/htdocs/public/index.html
@@ -18,10 +18,18 @@
 -->
 
 <html>
+<head>
+<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0"/> 
+<meta name="apple-mobile-web-app-capable" content="yes"/>
+<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
+<link rel="stylesheet" type="text/css" href="/ui.css"/>
+<title>Unprotected area</title>
+</head>
 <body>
 <h1>Unprotected area - It works!</h1>
 <p><a href="/info">User info</a></p>
 <p><a href="/login">Sign in</a></p>
 <p><a href="/logout">Sign out</a></p>
 <p><a href="/">Protected area</a></p>
-</body></html>
+</body>
+</html>