summaryrefslogtreecommitdiff
path: root/iphone/www/index.html
diff options
context:
space:
mode:
authorJoshua Gourneau <josh@gourneau.com>2012-03-18 20:14:35 -0700
committerJoshua Gourneau <josh@gourneau.com>2012-03-18 20:14:35 -0700
commit5cf90c357a84243c16f920aa6d835e3544e38f29 (patch)
tree4de1fbdbc72b56892fadb185d61229846505338d /iphone/www/index.html
parentd9fa3b96ecab96b92ef0258ce71fc8982a310233 (diff)
phone gap project. The WWW directory is a duplicate of the normal project, with a lightly modified index.html
Diffstat (limited to 'iphone/www/index.html')
-rwxr-xr-xiphone/www/index.html65
1 files changed, 65 insertions, 0 deletions
diff --git a/iphone/www/index.html b/iphone/www/index.html
new file mode 100755
index 0000000..87fa2c1
--- /dev/null
+++ b/iphone/www/index.html
@@ -0,0 +1,65 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta charset="utf-8">
+ <title>Pinky Swear</title>
+ <style type="text/css">
+ body {
+ background: #FFE5B9;
+ color: #BE9248;
+ font-size: 1.4em;
+ }
+ .writing {
+ font-family: 'Euphoria Script', cursive;
+ font-size: 1.3em;
+ }
+ input.writing {
+ background: #FFE5B9;
+ color: #BE9248;
+ border: 0px;
+ border-bottom: 1px dotted;
+ }
+ </style>
+ <link rel="stylesheet" href="css/bootstrap.min.css">
+ <link rel="stylesheet" href="css/bootstrap-responsive.min.css">
+ <link rel="stylesheet" href="js/jquery.signaturepad.css">
+
+ <script src="js/jquery-1.7.1.min.js"></script>
+ <script src="js/jquery.signaturepad.min.js"></script>
+
+ </head>
+
+ <body>
+ <form method="post" action="/s" class="sigPad">
+ <span>I, </span>
+ <input name="name" id="name" class="writing"><br/>
+ <span>, hereby declare:</span><br/>
+ <input name="swear" id="swear" class="writing">
+
+ <p >Signed,</p>
+ <div class="sig sigWrapper">
+ <div class="typed"></div>
+ <canvas class="pad" width="198" height="55"></canvas>
+ <input type="hidden" name="output" class="output">
+ </div>
+
+ <input type="button" id="clear" class="btn" value="Clear">
+ <input type="submit" class="btn btn-primary" value="I pinky swear">
+
+ </form>
+
+ <script>
+ $(document).ready(function() {
+ var sig = $('.sigPad').signaturePad({
+ drawOnly: true,
+ errorMessage: 'Write the swear',
+ errorMessageDraw: 'Sign the swear bro',
+ clear: '#clear'
+ });
+
+ });
+ </script>
+
+ </body>
+</html>