root/other-projects/nz-flag-design/trunk/main-form/index.html @ 29767

Revision 29767, 3.3 KB (checked in by davidb, 6 years ago)

Changes in refining the project to be demoed at the end-of-summer presentations. Note this commit was made after the event.

  • Property svn:executable set to *
Line 
1<!DOCTYPE html> 
2<html id="story">
3  <head>
4    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
5<!--
6    <meta name="viewport" content="width=device-width, initial-scale=1"/>
7-->
8    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
9    <meta http-equiv="X-UA-Compatible" content="IE=Edge, chrome=1"/>
10    <meta name="apple-mobile-web-app-capable" content="yes"/>
11   
12    <script src="css/source-sans-pro.js"></script>
13    <link href="css/styles.css" rel="stylesheet"/>
14    <link href="css/storystyle.css" rel="stylesheet"/>
15   
16    <link rel="stylesheet"  href="lib-slider/css/jquery.mobile-1.3.0.css"/>
17    <link rel="stylesheet" href="lib-slider/css/jqm-demos.css"/>
18    <link rel="stylesheet" href="lib-slider/css/swipe-page.css"/>
19    <link rel="shortcut icon" href="lib-slider/favicon.ico"/>       
20
21    <!-- jQuery -->
22    <script src="lib/jquery-1.11.1.min.js"></script>
23    <script src="lib/jquery.cookie.js"></script>
24
25    <!-- page swipe -->
26    <script src="lib-slider/js/jquery.mobile.demos.js"></script>
27    <script src="lib-slider/js/jquery.mobile-1.3.0.js"></script>
28    <script src="lib-slider/js/swipe-page.js"></script>
29
30    <!-- accordion bars -->
31    <link href="css/liteaccordion.css" rel="stylesheet" />
32    <script src="js/jquery.easing.1.3.js"></script>
33    <script src="js/liteaccordion-with-resize.jquery.js"></script>
34
35    <!-- canvg library -->
36    <script type="text/javascript" src="lib/canvg/rgbcolor.js"></script>
37    <script type="text/javascript" src="lib/canvg/StackBlur.js"></script>
38    <script type="text/javascript" src="lib/canvg/canvg.js"></script>
39     
40    <!-- spectrum for colour palette -->
41    <script src='bgrins-spectrum/spectrum.js'></script>
42    <link rel='stylesheet' href='bgrins-spectrum/spectrum.css' />
43     
44    <!-- css for choose-palette -->
45    <style>
46        .ui-slider-track {
47            background-color: #ECECEC;
48        }
49        .ui-slider-handle {
50            background-color: #E7924B;   
51        }
52    </style>
53     
54    <title>Enter Name</title>
55
56    <script>
57        // Flag settings - used to initialise the svg canvas to the user's preferences
58        var flagCanvasSettings = { backgroundColor: "#000066", width: 800, height: 400 };
59    </script>
60
61
62  </head>
63  <body>
64    <div data-role="page" id="enter-name-page"
65     class="demo-page"
66     data-dom-cache="true"
67     data-next="choose-canvas">
68      <div data-role="content">
69     
70    <div data-role="controlgroup" class="control" data-mini="true">         
71          <a href="#" class="next right-button idea-fwd" style="right:1%;"></a>
72      <a href="#" class="prev left-button gen-back" style="left:1%;"></a>
73        </div> 
74     
75    <a target="_parent" href="../index.html" class="back-button back-left"></a>   
76     
77    <div class="story-page">
78
79      <!-- put custom content here -->   
80      <div class="story-title">
81        <h1 id="enter-name-header" class="center">Enter Name</h1>
82<!--
83        <p class="center">- - xx </p>
84-->
85        <p>
86          Your Name:
87        </p>
88        <form>
89          <input type="text" />
90        </form>
91      </div>
92      <!-- end of putting custom content -->
93
94    </div> <!-- end story-page-->       
95   
96      </div><!-- /content -->
97
98    </div><!-- /page -->     
99  </body>
100</html>
Note: See TracBrowser for help on using the browser.