source: extensions/iPiwigo/www/index.html @ 31950

Last change on this file since 31950 was 9188, checked in by Polly, 14 years ago

Adding the Phonegap www folder needed to compile.
File size: 5.7 KB
Line 
1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
2<html>
3  <head>
4        <!-- Change this if you want to allow scaling -->
5    <meta name="viewport" content="width=default-width; user-scalable=no" />
6
7    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
8    <title>iPiwigo</title>
9       
10        <!-- iPad/iPhone specific css below, add after your main css >
11        <link rel="stylesheet" media="only screen and (max-device-width: 1024px)" href="ipad.css" type="text/css" />           
12        <link rel="stylesheet" media="only screen and (max-device-width: 480px)" href="iphone.css" type="text/css" />           
13        -->
14        <!-- If you application is targeting iOS BEFORE 4.0 you MUST put json2.js from http://www.JSON.org/json2.js into your www directory and include it here -->
15        <script type="text/javascript" charset="utf-8" src="phonegap.js"></script>
16    <script type="text/javascript" charset="utf-8">
17
18
19        // If you want to prevent dragging, uncomment this section
20        /*
21        function preventBehavior(e)
22        {
23      e.preventDefault();
24    };
25        document.addEventListener("touchmove", preventBehavior, false);
26        */
27       
28        function onBodyLoad()
29        {
30                document.addEventListener("deviceready",onDeviceReady,false);
31        }
32       
33        /* When this function is called, PhoneGap has been initialized and is ready to roll */
34        function onDeviceReady()
35        {
36                // do your thing!
37        }
38   
39    </script>
40
41<!-- CSS -->
42        <style type="text/css" media="screen">@import "jqtouch/jqtouch.css";</style>
43        <style type="text/css" media="screen">@import "themes/piwigo/theme.css";</style>
44
45<!-- JQUERY - JQTOUCH -->
46        <script src="jquery-1.5.js" type="application/x-javascript" charset="utf-8"></script>
47        <script src="jqtouch/jqtouch.js" type="application/x-javascript" charset="utf-8"></script>
48        <script src="piwigo.js" type="application/x-javascript" charset="utf-8"></script>
49        <script type="text/javascript">
50         
51           
52        </script>
53
54
55  </head>
56  <body onload="onBodyLoad()">
57
58        <div id="settings" class="selectable">
59                                <div class="toolbar">
60                        <a class="leftButton button cube back" id="back" href="#">cancel</a>
61                        <h1>settings <img src="images/home_icon.png"></h1>
62                        <a id="save_settings" class="button cube" href="#">save</a>
63                </div>
64                <div class="bindSuccess"></div>
65                    <h1 >User settings</h1>
66                    <form>
67                        <ul class="edit rounded">
68                            <li><input type="text" name="name" placeholder="Name" id="piwigo_name" /></li>
69                            <li><input type="text" name="url" placeholder="URL to Piwigo" id="piwigo_url" /></li>
70                            <li><input type="text" name="username" placeholder="username" id="piwigo_username"  /></li>
71                            <li><input type="password" name="password" placeholder="password" id="piwigo_password" /></li>
72                        </ul>
73                    </form>
74
75                                <h1>Upload High Resolution?</h1>
76                                <form>
77                                        <ul class="edit rounded">
78                            <li>upload High Res <span class="toggle"><input id="piwigo_highres" type="checkbox" /></span></li>
79                        </ul>
80                                </form>
81
82                                <h1>Image size</h1>
83                                <form>
84                                        <ul class="edit rounded">
85                            <li><input type="text" name="width" placeholder="width" id="piwigo_width" /></li>
86                            <li><input type="text" name="height" placeholder="height" id="piwigo_height" /></li>
87                        </ul>
88                                </form>
89
90                <div class="spaceBottom"></div>
91               
92        </div>
93
94        <div id="about" class="selectable">
95                <p><img src="images/logo_about.png" /></p>
96
97                <h1>iPiwigo</h1>
98                Version 0.1 / alpha1 -- very, very initial Release<br />
99                <a href="http://www.piwigo.org">by JR and the Piwigo community</a>
100
101                <p><br /><br /><a href="#" class="grayButton goback">Close</a></p>
102        </div>
103        <div id="home" class="current">
104            <div class="toolbar">
105                <a class="leftButton button cube" id="infoButton" href="#settings">Settings</a>
106                <h1>iPiwigo <img src="images/home_icon.png"></h1>
107                <a class="button cube" id="infoButton" href="#about">About</a>
108
109            </div>
110
111                        <!-- LOADING CATEGORY -->
112            <ul class="categories rounded">
113                               
114
115            </ul>
116                </div>
117
118        <div id="images">
119            <div class="toolbar">
120                <a class="leftButton back button slideup" id="infoButton" href="#">back</a>
121                <h1>iPiwigo <img src="images/home_icon.png"></h1>
122                <a id="save_settings" class="button slideup" href="#settings">save</a>
123               
124
125            </div>
126
127                        <!-- LOADING IMAGES -->
128                       
129            <ul class="images">
130                               
131                        </ul>
132                </div>
133                <div id="imageZoom">
134            <div class="toolbar">
135                <a class="leftButton back button slideup" id="infoButton" href="#">back</a>
136                <h1>ImageZoom <img src="images/home_icon.png"></h1>
137                <a id="save_settings" class="button slideup" href="#settings">save</a>
138            </div>
139                        <ul class="imageZoom"></ul>
140                       
141                        <div class="navigation">
142                                <a class="prev" href="#">slide left</a>
143                                <a class="play" href="#">play</a>
144                                <a class="next" href="#">slide right</a>
145                        </div>
146                       
147                </div>
148               
149               
150                <div id="addImages">
151            <div class="toolbar">
152                <a class="leftButton button slideup" id="infoButton" href="#home">back</a>
153                <h1>iPiwigo <img src="images/home_icon.png"></h1>
154                <a class="button slideup" id="infoButton" href="#addImages">Add</a>
155
156            </div>
157
158                        <!-- LOADING ADDIMAGES -->
159            <ul class="addImages rounded">
160                               
161
162            </ul>
163                </div>
164
165  </body>
166</html>
Note: See TracBrowser for help on using the repository browser.