From 7a003f5bbf49082dcf24105aa6f7bc8c6650c255 Mon Sep 17 00:00:00 2001
From: jsdelfino <jsdelfino@13f79535-47bb-0310-9956-ffa450edef68>
Date: Mon, 17 Jan 2011 07:26:48 +0000
Subject: Use a common stylesheet in all samples.

git-svn-id: http://svn.us.apache.org/repos/asf/tuscany@1059769 13f79535-47bb-0310-9956-ffa450edef68
---
 sca-cpp/trunk/modules/edit/Makefile.am             |  4 +--
 sca-cpp/trunk/modules/edit/edit.composite          |  8 ++++++
 sca-cpp/trunk/modules/edit/htdocs/dash/index.html  |  2 ++
 sca-cpp/trunk/modules/edit/htdocs/graph/graph.html | 10 ++++---
 sca-cpp/trunk/modules/edit/htdocs/graph/graph.js   |  9 ++++++
 sca-cpp/trunk/modules/edit/htdocs/graph/index.html |  2 ++
 sca-cpp/trunk/modules/edit/htdocs/index.html       |  1 +
 sca-cpp/trunk/modules/edit/htdocs/login/index.html | 11 +++++++-
 .../trunk/modules/edit/htdocs/logout/index.html    | 10 ++++++-
 sca-cpp/trunk/modules/edit/htdocs/page/index.html  |  2 ++
 sca-cpp/trunk/modules/edit/htdocs/page/page.html   | 11 ++++----
 sca-cpp/trunk/modules/edit/log.py                  | 24 ++++++++++++++++
 sca-cpp/trunk/modules/edit/start                   |  2 +-
 sca-cpp/trunk/modules/http/htdocs/index.html       | 13 ++++++++-
 sca-cpp/trunk/modules/http/htdocs/login/index.html | 12 +++++++-
 .../trunk/modules/http/htdocs/logout/index.html    | 14 ++++++++--
 sca-cpp/trunk/modules/js/htdocs/ui.css             | 16 +++++++++--
 sca-cpp/trunk/modules/js/htdocs/util.js            |  9 +++++-
 sca-cpp/trunk/modules/oauth/htdocs/index.html      | 11 +++++++-
 .../trunk/modules/oauth/htdocs/login/index.html    | 15 ++++++++--
 .../trunk/modules/oauth/htdocs/login/mixed.html    | 14 ++++++++--
 .../trunk/modules/oauth/htdocs/logout/index.html   | 14 ++++++++--
 .../trunk/modules/oauth/htdocs/public/index.html   | 10 ++++++-
 sca-cpp/trunk/modules/openid/htdocs/index.html     | 13 ++++++++-
 .../trunk/modules/openid/htdocs/login/index.html   | 15 ++++++++--
 .../trunk/modules/openid/htdocs/logout/index.html  | 14 ++++++++--
 .../trunk/modules/openid/htdocs/public/index.html  | 10 ++++++-
 sca-cpp/trunk/modules/server/htdocs/index.html     | 13 ++++++++-
 sca-cpp/trunk/modules/wsgi/composite.py            |  2 ++
 sca-cpp/trunk/modules/wsgi/htdocs/index.html       | 32 +++++++++++++++++++++-
 .../trunk/samples/loan-python/htdocs/index.html    |  6 +++-
 sca-cpp/trunk/samples/relay-gae/htdocs/index.html  |  5 ++++
 .../trunk/samples/relay-python/htdocs/index.html   |  4 +++
 .../store-cluster/htdocs/domains/jane/index.html   |  6 +++-
 .../htdocs/domains/jane/login/index.html           | 15 ++++++++--
 .../htdocs/domains/jane/logout/index.html          | 14 ++++++++--
 .../store-cluster/htdocs/domains/joe/index.html    |  6 +++-
 .../htdocs/domains/joe/login/index.html            | 15 ++++++++--
 .../htdocs/domains/joe/logout/index.html           | 11 +++++++-
 .../trunk/samples/store-cluster/htdocs/index.html  |  5 ++++
 .../samples/store-cluster/htdocs/login/index.html  | 15 ++++++++--
 .../samples/store-cluster/htdocs/logout/index.html | 14 ++++++++--
 sca-cpp/trunk/samples/store-cpp/htdocs/index.html  |  6 +++-
 sca-cpp/trunk/samples/store-gae/htdocs/index.html  |  4 +++
 sca-cpp/trunk/samples/store-java/htdocs/index.html |  6 +++-
 .../trunk/samples/store-nosql/htdocs/index.html    |  6 +++-
 .../trunk/samples/store-python/htdocs/index.html   |  6 +++-
 .../samples/store-python/htdocs/login/index.html   | 12 +++++++-
 .../samples/store-python/htdocs/logout/index.html  | 11 +++++++-
 .../trunk/samples/store-scheme/htdocs/index.html   |  6 +++-
 sca-cpp/trunk/samples/store-sql/htdocs/index.html  |  6 +++-
 .../store-vhost/htdocs/domains/jane/index.html     |  6 +++-
 .../store-vhost/htdocs/domains/joe/index.html      |  6 +++-
 .../trunk/samples/store-vhost/htdocs/index.html    |  5 ++++
 54 files changed, 457 insertions(+), 62 deletions(-)
 create mode 100644 sca-cpp/trunk/modules/edit/log.py

(limited to 'sca-cpp')

diff --git a/sca-cpp/trunk/modules/edit/Makefile.am b/sca-cpp/trunk/modules/edit/Makefile.am
index f2827ee8c5..5b456ea4ca 100644
--- a/sca-cpp/trunk/modules/edit/Makefile.am
+++ b/sca-cpp/trunk/modules/edit/Makefile.am
@@ -17,6 +17,6 @@
 
 
 moddir = $(prefix)/modules/edit
-nobase_dist_mod_DATA = htdocs/*.html htdocs/dash/*.html htdocs/edit/*.html htdocs/edit/*.js htdocs/login/*.html htdocs/logout/*.html
-EXTRA_DIST = htdocs/*.html htdocs/dash/*.html htdocs/edit/*.html htdocs/edit/*.js htdocs/login/*.html htdocs/logout/*.html
+nobase_dist_mod_DATA = htdocs/*.html htdocs/dash/*.html htdocs/graph/*.html htdocs/graph/*.js htdocs/page/*.html htdocs/page/*.js htdocs/login/*.html htdocs/logout/*.html
+EXTRA_DIST = htdocs/*.html htdocs/dash/*.html htdocs/graph/*.html htdocs/graph/*.js htdocs/page/*.html htdocs/page/*.js htdocs/login/*.html htdocs/logout/*.html
 
diff --git a/sca-cpp/trunk/modules/edit/edit.composite b/sca-cpp/trunk/modules/edit/edit.composite
index 90d53b56b6..c5996e2db1 100644
--- a/sca-cpp/trunk/modules/edit/edit.composite
+++ b/sca-cpp/trunk/modules/edit/edit.composite
@@ -42,6 +42,7 @@
         <reference name="palettes" target="Palettes"/>
         <reference name="apps" target="Apps"/>
         <reference name="pages" target="Pages"/>
+        <reference name="log" target="Log"/>
     </component>
     
     <component name="Dashboard">
@@ -145,4 +146,11 @@
         <property name="servers">localhost:11211</property>
     </component>
 
+    <component name="Log">
+        <t:implementation.python script="log.py"/>
+        <service name="Log">
+            <t:binding.http uri="log"/>
+        </service>        
+    </component>
+    
 </composite>
diff --git a/sca-cpp/trunk/modules/edit/htdocs/dash/index.html b/sca-cpp/trunk/modules/edit/htdocs/dash/index.html
index b9ad29b235..3b3dcc0cd5 100644
--- a/sca-cpp/trunk/modules/edit/htdocs/dash/index.html
+++ b/sca-cpp/trunk/modules/edit/htdocs/dash/index.html
@@ -28,7 +28,9 @@
 <body>
 <div id="menu"></div>
 
+<br/>
 <h1>Welcome to your App Dashboard!</h1>
+<br/>
 <div id="dashboard"></div>
 
 <script type="text/javascript">
diff --git a/sca-cpp/trunk/modules/edit/htdocs/graph/graph.html b/sca-cpp/trunk/modules/edit/htdocs/graph/graph.html
index a7d185da42..fd9ae694a7 100644
--- a/sca-cpp/trunk/modules/edit/htdocs/graph/graph.html
+++ b/sca-cpp/trunk/modules/edit/htdocs/graph/graph.html
@@ -30,16 +30,18 @@
 </head>  
 <body>
 
-<div>
-<span style="position: absolute; left: 0px; top: 0px"><h2>Palette</h2></span>
-<span style="position: absolute; left: 350px; top: 0px"><h2>App</h2></span>
-</div>
+<table style="position: absolute; top: 0px; left: 0px;" width="100%">
+<tr><th style="width: 338px;">Palette</th><th>App</th></tr>
+</table>
 
 <script type="text/javascript">
 var editWidget = sca.component("EditWidget");
 var palettes = sca.reference(editWidget, "palettes");
 var apps = sca.reference(editWidget, "apps");
 
+// Setup remote log
+rconsole = sca.defun(sca.reference(editWidget, "log"), "log");
+
 /**
  * Return the current app name.
  */
diff --git a/sca-cpp/trunk/modules/edit/htdocs/graph/graph.js b/sca-cpp/trunk/modules/edit/htdocs/graph/graph.js
index 1d3b730539..c391afaf23 100644
--- a/sca-cpp/trunk/modules/edit/htdocs/graph/graph.js
+++ b/sca-cpp/trunk/modules/edit/htdocs/graph/graph.js
@@ -378,6 +378,7 @@ if (ui.isIE()) {
         div.style.position = 'absolute';
         div.style.left = pos.xpos();
         div.style.top = pos.ypos();
+        // -webkit-user-select: none;
         document.body.appendChild(div);
 
         var svg = document.createElementNS(graph.svgns, 'svg');
@@ -428,11 +429,19 @@ if (ui.isIE()) {
 
         window.top.onmouseup = window.onmouseup;
         window.ontouchend = window.onmouseup;
+        window.gestureend = window.onmouseup;
+        window.top.gestureend = window.onmouseup;
         window.top.ontouchend = window.onmouseup;
+        window.ontouchcancel = window.onmouseup;
+        window.top.ontouchcancel = window.onmouseup;
 
         window.onmousemove = function(e) {
             if (graph.dragging == null)
                 return false;
+            if (e.preventDefault)
+                e.preventDefault();
+            else
+                e.returnValue = false;
             var pmatrix = graph.dragging.parentNode.getCTM();
             var matrix = graph.dragging.getCTM();
             var curX = pmatrix != null? (Number(matrix.e) - Number(pmatrix.e)): Number(matrix.e);
diff --git a/sca-cpp/trunk/modules/edit/htdocs/graph/index.html b/sca-cpp/trunk/modules/edit/htdocs/graph/index.html
index c02f7b44d0..aebc0ece68 100644
--- a/sca-cpp/trunk/modules/edit/htdocs/graph/index.html
+++ b/sca-cpp/trunk/modules/edit/htdocs/graph/index.html
@@ -29,7 +29,9 @@
 <body>
 <div id="menu"></div>
 
+<br/>
 <h1><span id="title"></span></h1>
+</br/>
 
 <div id="graph"></div>
 
diff --git a/sca-cpp/trunk/modules/edit/htdocs/index.html b/sca-cpp/trunk/modules/edit/htdocs/index.html
index a9e149c7b1..4dde5b543d 100644
--- a/sca-cpp/trunk/modules/edit/htdocs/index.html
+++ b/sca-cpp/trunk/modules/edit/htdocs/index.html
@@ -29,6 +29,7 @@
 <body>
 <div id="menu"></div>
 
+<br/>
 <h1>App Edit Tools</h1>
 <p>This module implements simple tools to help you create Tuscany apps.</p>
 
diff --git a/sca-cpp/trunk/modules/edit/htdocs/login/index.html b/sca-cpp/trunk/modules/edit/htdocs/login/index.html
index 3f312e4ca4..095ed80521 100644
--- a/sca-cpp/trunk/modules/edit/htdocs/login/index.html
+++ b/sca-cpp/trunk/modules/edit/htdocs/login/index.html
@@ -17,7 +17,16 @@
    under the License.
 -->
 
-<html><body><h1>Sign in</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"/>
+</head>
+<body>
+<h1>Sign in</h1>
+<br/>
 
 <script type="text/javascript">
 function submitFormSignin() {
diff --git a/sca-cpp/trunk/modules/edit/htdocs/logout/index.html b/sca-cpp/trunk/modules/edit/htdocs/logout/index.html
index 02a92d1b31..81991aa7c1 100644
--- a/sca-cpp/trunk/modules/edit/htdocs/logout/index.html
+++ b/sca-cpp/trunk/modules/edit/htdocs/logout/index.html
@@ -17,8 +17,16 @@
    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"/>
+</head>
+<body>
 <h1>Sign out</h1>
+<br/>
 
 <form name="signout" action="/login" method="GET">
 <script type="text/javascript">
diff --git a/sca-cpp/trunk/modules/edit/htdocs/page/index.html b/sca-cpp/trunk/modules/edit/htdocs/page/index.html
index 839c246122..92f286fdc6 100644
--- a/sca-cpp/trunk/modules/edit/htdocs/page/index.html
+++ b/sca-cpp/trunk/modules/edit/htdocs/page/index.html
@@ -29,7 +29,9 @@
 <body>
 <div id="menu"></div>
 
+<br/>
 <h1><span id="title"></span></h1>
+</br>
 
 <div id="page"></div>
 
diff --git a/sca-cpp/trunk/modules/edit/htdocs/page/page.html b/sca-cpp/trunk/modules/edit/htdocs/page/page.html
index ca2d51af19..0e0441b4c0 100644
--- a/sca-cpp/trunk/modules/edit/htdocs/page/page.html
+++ b/sca-cpp/trunk/modules/edit/htdocs/page/page.html
@@ -30,15 +30,14 @@
 </head>  
 <body>
 
-<div>
-<span style="position: absolute; left: 0px; top: 0px;"><h2>Palette</h2></span>
-<span style="position: absolute; left: 350px; top: 0px;"><h2>Page</h2></span>
-</div>
+<table style="position: absolute; top: 0px; left: 0px;" width="100%">
+<tr><th style="width: 338px;">Palette</th><th>Page</th></tr>
+</table>
 
 <div id="page" style="position: absolute; top: 60px; left: 0px; width: 5000px; height: 5000px;">
 
-<span id="palette:h1" style="position: absolute; left: 0px; top: 0px;"><h1 style="margin: 0px;">Header1</h1></span>
-<span id="palette:h2" style="position: absolute; left: 0px; top: 40px;"><h2 style="margin: 0px;">Header2</h2></span>
+<span id="palette:h1" style="position: absolute; left: 0px; top: 0px;"><h1>Header1</h1></span>
+<span id="palette:h2" style="position: absolute; left: 0px; top: 40px;"><h2>Header2</h2></span>
 <span id="palette:button" style="position: absolute; left: 0px; top: 80px;"><input type="button" value="button"/></span>
 <span id="palette:entry" style="position: absolute; left: 0px; top: 120px;"><input type="text" value="field" size="5"/></span>
 <span id="palette:password" style="position: absolute; left: 0px; top: 160px;"><input type="password" value="password" size="5"/></span>
diff --git a/sca-cpp/trunk/modules/edit/log.py b/sca-cpp/trunk/modules/edit/log.py
new file mode 100644
index 0000000000..0b13569c2d
--- /dev/null
+++ b/sca-cpp/trunk/modules/edit/log.py
@@ -0,0 +1,24 @@
+#  Licensed to the Apache Software Foundation (ASF) under one
+#  or more contributor license agreements.  See the NOTICE file
+#  distributed with this work for additional information
+#  regarding copyright ownership.  The ASF licenses this file
+#  to you under the Apache License, Version 2.0 (the
+#  "License"); you may not use this file except in compliance
+#  with the License.  You may obtain a copy of the License at
+#  
+#    http://www.apache.org/licenses/LICENSE-2.0
+#    
+#  Unless required by applicable law or agreed to in writing,
+#  software distributed under the License is distributed on an
+#  "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+#  KIND, either express or implied.  See the License for the
+#  specific language governing permissions and limitations
+#  under the License.
+
+# User info service component
+from sys import stderr
+
+# Log a message
+def log(msg):
+    print >> stderr, msg
+
diff --git a/sca-cpp/trunk/modules/edit/start b/sca-cpp/trunk/modules/edit/start
index 7750571423..fe5d039a4b 100755
--- a/sca-cpp/trunk/modules/edit/start
+++ b/sca-cpp/trunk/modules/edit/start
@@ -17,7 +17,7 @@
 #  specific language governing permissions and limitations
 #  under the License.
 
-../http/httpd-conf tmp localhost 8090 htdocs
+../http/httpd-conf tmp 10.1.1.62 8090 htdocs
 ../server/server-conf tmp
 ../python/python-conf tmp
 cat >>tmp/conf/httpd.conf <<EOF
diff --git a/sca-cpp/trunk/modules/http/htdocs/index.html b/sca-cpp/trunk/modules/http/htdocs/index.html
index 1bfb3e30c2..da71ab20fa 100644
--- a/sca-cpp/trunk/modules/http/htdocs/index.html
+++ b/sca-cpp/trunk/modules/http/htdocs/index.html
@@ -17,5 +17,16 @@
    under the License.
 -->
 
-<html><body><h1>It works!</h1></body></html>
+<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>It works</title>
+</head>
+<body>
+<h1>It works!</h1>
+</body>
+</html>
 
diff --git a/sca-cpp/trunk/modules/http/htdocs/login/index.html b/sca-cpp/trunk/modules/http/htdocs/login/index.html
index 3f312e4ca4..f4bdcd7f42 100644
--- a/sca-cpp/trunk/modules/http/htdocs/login/index.html
+++ b/sca-cpp/trunk/modules/http/htdocs/login/index.html
@@ -17,7 +17,17 @@
    under the License.
 -->
 
-<html><body><h1>Sign in</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</h1>
+<br/>
 
 <script type="text/javascript">
 function submitFormSignin() {
diff --git a/sca-cpp/trunk/modules/http/htdocs/logout/index.html b/sca-cpp/trunk/modules/http/htdocs/logout/index.html
index 02a92d1b31..bdff9a441e 100644
--- a/sca-cpp/trunk/modules/http/htdocs/logout/index.html
+++ b/sca-cpp/trunk/modules/http/htdocs/logout/index.html
@@ -17,8 +17,17 @@
    under the License.
 -->
 
-<html><body>
+<html>
+<body>
+<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>
 <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/js/htdocs/ui.css b/sca-cpp/trunk/modules/js/htdocs/ui.css
index 1b74708b79..feac4c6513 100644
--- a/sca-cpp/trunk/modules/js/htdocs/ui.css
+++ b/sca-cpp/trunk/modules/js/htdocs/ui.css
@@ -59,12 +59,24 @@ a:visited {
 color: blue;
 }
 
-.hd1 {
+h1 {
+font-size: 200%; font-weight: bold;
+vertical-align: middle;
+margin: 0px;
+}
+
+h2 {
 font-size: 150%; font-weight: bold;
+vertical-align: middle;
+margin: 0px;
+}
+
+.hd1 {
+font-size: 200%; font-weight: bold;
 }
 
 .hd2 {
-font-weight: bold;
+font-size: 150%; font-weight: bold;
 }
 
 .imgbutton {
diff --git a/sca-cpp/trunk/modules/js/htdocs/util.js b/sca-cpp/trunk/modules/js/htdocs/util.js
index b90c96db2d..155836b4e9 100644
--- a/sca-cpp/trunk/modules/js/htdocs/util.js
+++ b/sca-cpp/trunk/modules/js/htdocs/util.js
@@ -147,7 +147,14 @@ function tokens(path) {
 /**
  * Log a value.
  */
+var rconsole;
+
 function log(v) {
+    if (rconsole) {
+        try {
+            rconsole.log(v);
+        } catch (e) {}
+    }
     try {
         console.log(v);
     } catch (e) {}
@@ -161,7 +168,7 @@ function debug(o) {
     try {
         for (f in o) {
             try {
-                console.log(f + '=' + o[f]);
+                log('debug ' + f + '=' + o[f]);
             } catch (e) {}
         }
     } catch (e) {}
diff --git a/sca-cpp/trunk/modules/oauth/htdocs/index.html b/sca-cpp/trunk/modules/oauth/htdocs/index.html
index 7d26567214..2ce1ce2b09 100644
--- a/sca-cpp/trunk/modules/oauth/htdocs/index.html
+++ b/sca-cpp/trunk/modules/oauth/htdocs/index.html
@@ -19,6 +19,11 @@
 
 <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");
@@ -32,6 +37,7 @@ var lastname = userInfo.apply("getlastname");
 var realm = userInfo.apply("getrealm");
 </script>
 </head>
+
 <body>
 <h1>Protected area - It works!</h1>
 <p>The following info is returned by a JSONRPC service:</p>
@@ -42,6 +48,7 @@ var realm = userInfo.apply("getrealm");
 <div>Firstname: <span id="firstname"></span></div>
 <div>Lastname: <span id="lastname"></span></div>
 <div>Realm: <span id="realm"></span></div>
+
 <script type="text/javascript">
 document.getElementById('user').innerHTML=user;
 document.getElementById('email').innerHTML=email;
@@ -51,8 +58,10 @@ document.getElementById('firstname').innerHTML=firstname;
 document.getElementById('lastname').innerHTML=lastname;
 document.getElementById('realm').innerHTML=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/oauth/htdocs/login/index.html b/sca-cpp/trunk/modules/oauth/htdocs/login/index.html
index c41c334b76..5de29ca9da 100644
--- a/sca-cpp/trunk/modules/oauth/htdocs/login/index.html
+++ b/sca-cpp/trunk/modules/oauth/htdocs/login/index.html
@@ -17,7 +17,17 @@
    under the License.
 -->
 
-<html><body><h1>Sign in with an OAuth 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 OAuth provider</h1>
+<br/>
 
 <script type="text/javascript">
 function queryParams() {
@@ -113,4 +123,5 @@ function withTwitter() {
 <input type="hidden" name="mod_oauth1_step" value="authorize"/>
 </form>
 
-</body></html>
+</body>
+</html>
diff --git a/sca-cpp/trunk/modules/oauth/htdocs/login/mixed.html b/sca-cpp/trunk/modules/oauth/htdocs/login/mixed.html
index 54673e01ee..59e45b470b 100644
--- a/sca-cpp/trunk/modules/oauth/htdocs/login/mixed.html
+++ b/sca-cpp/trunk/modules/oauth/htdocs/login/mixed.html
@@ -17,7 +17,16 @@
    under the License.
 -->
 
-<html><body><h1>Sign in with a Form, an OpenID provider or an OAuth 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 a Form, an OpenID provider or an OAuth provider</h1>
 
 <script type="text/javascript">
 function submitFormSignin() {
@@ -208,4 +217,5 @@ function withTwitter() {
 <input type="hidden" name="mod_oauth1_step" value="authorize"/>
 </form>
 
-</body></html>
+</body>
+</html>
diff --git a/sca-cpp/trunk/modules/oauth/htdocs/logout/index.html b/sca-cpp/trunk/modules/oauth/htdocs/logout/index.html
index 02a92d1b31..37c2594ffb 100644
--- a/sca-cpp/trunk/modules/oauth/htdocs/logout/index.html
+++ b/sca-cpp/trunk/modules/oauth/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/oauth/htdocs/public/index.html b/sca-cpp/trunk/modules/oauth/htdocs/public/index.html
index af2cd7ca19..af567246f3 100644
--- a/sca-cpp/trunk/modules/oauth/htdocs/public/index.html
+++ b/sca-cpp/trunk/modules/oauth/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>
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>
diff --git a/sca-cpp/trunk/modules/server/htdocs/index.html b/sca-cpp/trunk/modules/server/htdocs/index.html
index 1bfb3e30c2..da71ab20fa 100644
--- a/sca-cpp/trunk/modules/server/htdocs/index.html
+++ b/sca-cpp/trunk/modules/server/htdocs/index.html
@@ -17,5 +17,16 @@
    under the License.
 -->
 
-<html><body><h1>It works!</h1></body></html>
+<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>It works</title>
+</head>
+<body>
+<h1>It works!</h1>
+</body>
+</html>
 
diff --git a/sca-cpp/trunk/modules/wsgi/composite.py b/sca-cpp/trunk/modules/wsgi/composite.py
index 9dbc2c911a..28a38ad386 100755
--- a/sca-cpp/trunk/modules/wsgi/composite.py
+++ b/sca-cpp/trunk/modules/wsgi/composite.py
@@ -143,6 +143,8 @@ def application(e, r):
     if m == "GET":
         if fpath.endswith(".html"):
             return fileresult(e, r, "text/html", fpath)
+        if fpath.endswith(".css"):
+            return fileresult(e, r, "text/css", fpath)
         if fpath.endswith(".js"):
             return fileresult(e, r, "application/x-javascript", fpath)
         if fpath.endswith(".png"):
diff --git a/sca-cpp/trunk/modules/wsgi/htdocs/index.html b/sca-cpp/trunk/modules/wsgi/htdocs/index.html
index cd25bf17b3..5449f4ef89 100644
--- a/sca-cpp/trunk/modules/wsgi/htdocs/index.html
+++ b/sca-cpp/trunk/modules/wsgi/htdocs/index.html
@@ -1 +1,31 @@
-<html><body><h1>It works!</h1></body></html>
\ No newline at end of file
+<!--
+    * Licensed to the Apache Software Foundation (ASF) under one
+    * or more contributor license agreements.  See the NOTICE file
+    * distributed with this work for additional information
+    * regarding copyright ownership.  The ASF licenses this file
+    * to you under the Apache License, Version 2.0 (the
+    * "License"); you may not use this file except in compliance
+    * with the License.  You may obtain a copy of the License at
+    * 
+    *   http://www.apache.org/licenses/LICENSE-2.0
+    * 
+    * Unless required by applicable law or agreed to in writing,
+    * software distributed under the License is distributed on an
+    * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+    * KIND, either express or implied.  See the License for the
+    * specific language governing permissions and limitations
+    * under the License.    
+-->
+<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>It works</title>
+</head>
+<body>
+<h1>It works!</h1>
+</body>
+</html>
+
diff --git a/sca-cpp/trunk/samples/loan-python/htdocs/index.html b/sca-cpp/trunk/samples/loan-python/htdocs/index.html
index f972af9555..3f607f78f4 100644
--- a/sca-cpp/trunk/samples/loan-python/htdocs/index.html
+++ b/sca-cpp/trunk/samples/loan-python/htdocs/index.html
@@ -18,6 +18,10 @@
 -->
 <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>Store</title>
 
 <script type="text/javascript" src="/component.js"></script>
@@ -126,11 +130,11 @@ function init() {
     }
 }
 </script>
-
 </head>
 
 <body onload="init()">
 <h1>Store</h1>
+<br/>
 <div id="store">
 <h2>Catalog</h2>
 <form name="catalogForm">
diff --git a/sca-cpp/trunk/samples/relay-gae/htdocs/index.html b/sca-cpp/trunk/samples/relay-gae/htdocs/index.html
index 2025a5851d..76fb54c21f 100644
--- a/sca-cpp/trunk/samples/relay-gae/htdocs/index.html
+++ b/sca-cpp/trunk/samples/relay-gae/htdocs/index.html
@@ -18,7 +18,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"/>
 <title>Relay</title>
+</head>
 <body>
 
 <p><a href="/html">Sample HTML request</a></p>
diff --git a/sca-cpp/trunk/samples/relay-python/htdocs/index.html b/sca-cpp/trunk/samples/relay-python/htdocs/index.html
index 2025a5851d..1a02816df9 100644
--- a/sca-cpp/trunk/samples/relay-python/htdocs/index.html
+++ b/sca-cpp/trunk/samples/relay-python/htdocs/index.html
@@ -18,6 +18,10 @@
 -->
 <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>Relay</title>
 <body>
 
diff --git a/sca-cpp/trunk/samples/store-cluster/htdocs/domains/jane/index.html b/sca-cpp/trunk/samples/store-cluster/htdocs/domains/jane/index.html
index 238ed701f0..4cd219bc9c 100644
--- a/sca-cpp/trunk/samples/store-cluster/htdocs/domains/jane/index.html
+++ b/sca-cpp/trunk/samples/store-cluster/htdocs/domains/jane/index.html
@@ -18,6 +18,10 @@
 -->
 <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>Store</title>
 
 <script type="text/javascript" src="/component.js"></script>
@@ -120,11 +124,11 @@ function init() {
     }
 }
 </script>
-
 </head>
 
 <body onload="init()">
 <h1>Jane's Store</h1>
+<br/>
 <div id="store">
 <h2>Catalog</h2>
 <form name="catalogForm">
diff --git a/sca-cpp/trunk/samples/store-cluster/htdocs/domains/jane/login/index.html b/sca-cpp/trunk/samples/store-cluster/htdocs/domains/jane/login/index.html
index 2eecc74b92..4e3b5a2f61 100644
--- a/sca-cpp/trunk/samples/store-cluster/htdocs/domains/jane/login/index.html
+++ b/sca-cpp/trunk/samples/store-cluster/htdocs/domains/jane/login/index.html
@@ -17,7 +17,17 @@
    under the License.
 -->
 
-<html><body><h1>Sign in with an OpenID or OAuth 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 or OAuth provider</h1>
+<br/>
 
 <script type="text/javascript">
 function queryParams() {
@@ -191,4 +201,5 @@ function withTwitter() {
 <input type="hidden" name="mod_oauth1_step" value="authorize"/>
 </form>
 
-</body></html>
+</body>
+</html>
diff --git a/sca-cpp/trunk/samples/store-cluster/htdocs/domains/jane/logout/index.html b/sca-cpp/trunk/samples/store-cluster/htdocs/domains/jane/logout/index.html
index 02a92d1b31..37c2594ffb 100644
--- a/sca-cpp/trunk/samples/store-cluster/htdocs/domains/jane/logout/index.html
+++ b/sca-cpp/trunk/samples/store-cluster/htdocs/domains/jane/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/samples/store-cluster/htdocs/domains/joe/index.html b/sca-cpp/trunk/samples/store-cluster/htdocs/domains/joe/index.html
index c1cfc59aa7..c32dcd9d53 100644
--- a/sca-cpp/trunk/samples/store-cluster/htdocs/domains/joe/index.html
+++ b/sca-cpp/trunk/samples/store-cluster/htdocs/domains/joe/index.html
@@ -18,6 +18,10 @@
 -->
 <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>Store</title>
 
 <script type="text/javascript" src="/component.js"></script>
@@ -120,11 +124,11 @@ function init() {
     }
 }
 </script>
-
 </head>
 
 <body onload="init()">
 <h1>Joe's Store</h1>
+<br/>
 <div id="store">
 <h2>Catalog</h2>
 <form name="catalogForm">
diff --git a/sca-cpp/trunk/samples/store-cluster/htdocs/domains/joe/login/index.html b/sca-cpp/trunk/samples/store-cluster/htdocs/domains/joe/login/index.html
index 2eecc74b92..4e3b5a2f61 100644
--- a/sca-cpp/trunk/samples/store-cluster/htdocs/domains/joe/login/index.html
+++ b/sca-cpp/trunk/samples/store-cluster/htdocs/domains/joe/login/index.html
@@ -17,7 +17,17 @@
    under the License.
 -->
 
-<html><body><h1>Sign in with an OpenID or OAuth 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 or OAuth provider</h1>
+<br/>
 
 <script type="text/javascript">
 function queryParams() {
@@ -191,4 +201,5 @@ function withTwitter() {
 <input type="hidden" name="mod_oauth1_step" value="authorize"/>
 </form>
 
-</body></html>
+</body>
+</html>
diff --git a/sca-cpp/trunk/samples/store-cluster/htdocs/domains/joe/logout/index.html b/sca-cpp/trunk/samples/store-cluster/htdocs/domains/joe/logout/index.html
index 02a92d1b31..4a025af225 100644
--- a/sca-cpp/trunk/samples/store-cluster/htdocs/domains/joe/logout/index.html
+++ b/sca-cpp/trunk/samples/store-cluster/htdocs/domains/joe/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">
diff --git a/sca-cpp/trunk/samples/store-cluster/htdocs/index.html b/sca-cpp/trunk/samples/store-cluster/htdocs/index.html
index 21e32d7efc..018bac3a32 100644
--- a/sca-cpp/trunk/samples/store-cluster/htdocs/index.html
+++ b/sca-cpp/trunk/samples/store-cluster/htdocs/index.html
@@ -18,11 +18,16 @@
 -->
 <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>Store</title>
 </head>
 
 <body>
 <h1>Store</h1>
+<br/>
 <p>For this sample to work, add the sample domain to your /etc/hosts as follows:<br/>
 127.0.0.1 sca-store.com jane.sca-store.com joe.sca-store.com</p>
 
diff --git a/sca-cpp/trunk/samples/store-cluster/htdocs/login/index.html b/sca-cpp/trunk/samples/store-cluster/htdocs/login/index.html
index 2eecc74b92..4e3b5a2f61 100644
--- a/sca-cpp/trunk/samples/store-cluster/htdocs/login/index.html
+++ b/sca-cpp/trunk/samples/store-cluster/htdocs/login/index.html
@@ -17,7 +17,17 @@
    under the License.
 -->
 
-<html><body><h1>Sign in with an OpenID or OAuth 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 or OAuth provider</h1>
+<br/>
 
 <script type="text/javascript">
 function queryParams() {
@@ -191,4 +201,5 @@ function withTwitter() {
 <input type="hidden" name="mod_oauth1_step" value="authorize"/>
 </form>
 
-</body></html>
+</body>
+</html>
diff --git a/sca-cpp/trunk/samples/store-cluster/htdocs/logout/index.html b/sca-cpp/trunk/samples/store-cluster/htdocs/logout/index.html
index 02a92d1b31..37c2594ffb 100644
--- a/sca-cpp/trunk/samples/store-cluster/htdocs/logout/index.html
+++ b/sca-cpp/trunk/samples/store-cluster/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/samples/store-cpp/htdocs/index.html b/sca-cpp/trunk/samples/store-cpp/htdocs/index.html
index 3945e45bb7..79996c6853 100644
--- a/sca-cpp/trunk/samples/store-cpp/htdocs/index.html
+++ b/sca-cpp/trunk/samples/store-cpp/htdocs/index.html
@@ -18,6 +18,10 @@
 -->
 <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>Store</title>
 
 <script type="text/javascript" src="/component.js"></script>
@@ -120,11 +124,11 @@ function init() {
     }
 }
 </script>
-
 </head>
 
 <body onload="init()">
 <h1>Store</h1>
+<br/>
 <div id="store">
 <h2>Catalog</h2>
 <form name="catalogForm">
diff --git a/sca-cpp/trunk/samples/store-gae/htdocs/index.html b/sca-cpp/trunk/samples/store-gae/htdocs/index.html
index a38a8a0e4f..d4884cf4d5 100644
--- a/sca-cpp/trunk/samples/store-gae/htdocs/index.html
+++ b/sca-cpp/trunk/samples/store-gae/htdocs/index.html
@@ -18,6 +18,10 @@
 -->
 <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>Store</title>
 
 <script type="text/javascript" src="/component.js"></script>
diff --git a/sca-cpp/trunk/samples/store-java/htdocs/index.html b/sca-cpp/trunk/samples/store-java/htdocs/index.html
index 3945e45bb7..79996c6853 100644
--- a/sca-cpp/trunk/samples/store-java/htdocs/index.html
+++ b/sca-cpp/trunk/samples/store-java/htdocs/index.html
@@ -18,6 +18,10 @@
 -->
 <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>Store</title>
 
 <script type="text/javascript" src="/component.js"></script>
@@ -120,11 +124,11 @@ function init() {
     }
 }
 </script>
-
 </head>
 
 <body onload="init()">
 <h1>Store</h1>
+<br/>
 <div id="store">
 <h2>Catalog</h2>
 <form name="catalogForm">
diff --git a/sca-cpp/trunk/samples/store-nosql/htdocs/index.html b/sca-cpp/trunk/samples/store-nosql/htdocs/index.html
index 3945e45bb7..79996c6853 100644
--- a/sca-cpp/trunk/samples/store-nosql/htdocs/index.html
+++ b/sca-cpp/trunk/samples/store-nosql/htdocs/index.html
@@ -18,6 +18,10 @@
 -->
 <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>Store</title>
 
 <script type="text/javascript" src="/component.js"></script>
@@ -120,11 +124,11 @@ function init() {
     }
 }
 </script>
-
 </head>
 
 <body onload="init()">
 <h1>Store</h1>
+<br/>
 <div id="store">
 <h2>Catalog</h2>
 <form name="catalogForm">
diff --git a/sca-cpp/trunk/samples/store-python/htdocs/index.html b/sca-cpp/trunk/samples/store-python/htdocs/index.html
index 3945e45bb7..79996c6853 100644
--- a/sca-cpp/trunk/samples/store-python/htdocs/index.html
+++ b/sca-cpp/trunk/samples/store-python/htdocs/index.html
@@ -18,6 +18,10 @@
 -->
 <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>Store</title>
 
 <script type="text/javascript" src="/component.js"></script>
@@ -120,11 +124,11 @@ function init() {
     }
 }
 </script>
-
 </head>
 
 <body onload="init()">
 <h1>Store</h1>
+<br/>
 <div id="store">
 <h2>Catalog</h2>
 <form name="catalogForm">
diff --git a/sca-cpp/trunk/samples/store-python/htdocs/login/index.html b/sca-cpp/trunk/samples/store-python/htdocs/login/index.html
index 3f312e4ca4..f4bdcd7f42 100644
--- a/sca-cpp/trunk/samples/store-python/htdocs/login/index.html
+++ b/sca-cpp/trunk/samples/store-python/htdocs/login/index.html
@@ -17,7 +17,17 @@
    under the License.
 -->
 
-<html><body><h1>Sign in</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</h1>
+<br/>
 
 <script type="text/javascript">
 function submitFormSignin() {
diff --git a/sca-cpp/trunk/samples/store-python/htdocs/logout/index.html b/sca-cpp/trunk/samples/store-python/htdocs/logout/index.html
index 02a92d1b31..4a025af225 100644
--- a/sca-cpp/trunk/samples/store-python/htdocs/logout/index.html
+++ b/sca-cpp/trunk/samples/store-python/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">
diff --git a/sca-cpp/trunk/samples/store-scheme/htdocs/index.html b/sca-cpp/trunk/samples/store-scheme/htdocs/index.html
index 3945e45bb7..79996c6853 100644
--- a/sca-cpp/trunk/samples/store-scheme/htdocs/index.html
+++ b/sca-cpp/trunk/samples/store-scheme/htdocs/index.html
@@ -18,6 +18,10 @@
 -->
 <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>Store</title>
 
 <script type="text/javascript" src="/component.js"></script>
@@ -120,11 +124,11 @@ function init() {
     }
 }
 </script>
-
 </head>
 
 <body onload="init()">
 <h1>Store</h1>
+<br/>
 <div id="store">
 <h2>Catalog</h2>
 <form name="catalogForm">
diff --git a/sca-cpp/trunk/samples/store-sql/htdocs/index.html b/sca-cpp/trunk/samples/store-sql/htdocs/index.html
index 3945e45bb7..79996c6853 100644
--- a/sca-cpp/trunk/samples/store-sql/htdocs/index.html
+++ b/sca-cpp/trunk/samples/store-sql/htdocs/index.html
@@ -18,6 +18,10 @@
 -->
 <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>Store</title>
 
 <script type="text/javascript" src="/component.js"></script>
@@ -120,11 +124,11 @@ function init() {
     }
 }
 </script>
-
 </head>
 
 <body onload="init()">
 <h1>Store</h1>
+<br/>
 <div id="store">
 <h2>Catalog</h2>
 <form name="catalogForm">
diff --git a/sca-cpp/trunk/samples/store-vhost/htdocs/domains/jane/index.html b/sca-cpp/trunk/samples/store-vhost/htdocs/domains/jane/index.html
index 238ed701f0..4cd219bc9c 100644
--- a/sca-cpp/trunk/samples/store-vhost/htdocs/domains/jane/index.html
+++ b/sca-cpp/trunk/samples/store-vhost/htdocs/domains/jane/index.html
@@ -18,6 +18,10 @@
 -->
 <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>Store</title>
 
 <script type="text/javascript" src="/component.js"></script>
@@ -120,11 +124,11 @@ function init() {
     }
 }
 </script>
-
 </head>
 
 <body onload="init()">
 <h1>Jane's Store</h1>
+<br/>
 <div id="store">
 <h2>Catalog</h2>
 <form name="catalogForm">
diff --git a/sca-cpp/trunk/samples/store-vhost/htdocs/domains/joe/index.html b/sca-cpp/trunk/samples/store-vhost/htdocs/domains/joe/index.html
index c1cfc59aa7..c32dcd9d53 100644
--- a/sca-cpp/trunk/samples/store-vhost/htdocs/domains/joe/index.html
+++ b/sca-cpp/trunk/samples/store-vhost/htdocs/domains/joe/index.html
@@ -18,6 +18,10 @@
 -->
 <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>Store</title>
 
 <script type="text/javascript" src="/component.js"></script>
@@ -120,11 +124,11 @@ function init() {
     }
 }
 </script>
-
 </head>
 
 <body onload="init()">
 <h1>Joe's Store</h1>
+<br/>
 <div id="store">
 <h2>Catalog</h2>
 <form name="catalogForm">
diff --git a/sca-cpp/trunk/samples/store-vhost/htdocs/index.html b/sca-cpp/trunk/samples/store-vhost/htdocs/index.html
index e0239392ff..3e70b69214 100644
--- a/sca-cpp/trunk/samples/store-vhost/htdocs/index.html
+++ b/sca-cpp/trunk/samples/store-vhost/htdocs/index.html
@@ -18,11 +18,16 @@
 -->
 <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>Store</title>
 </head>
 
 <body>
 <h1>Store</h1>
+<br/>
 <p>For this sample to work, add the sample domain to your /etc/hosts as follows:<br/>
 127.0.0.1 sca-store.com jane.sca-store.com joe.sca-store.com</p>
 
-- 
cgit v1.2.3