forked from michaelsboost/WebDGap
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
142 lines (118 loc) · 5.46 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
<!DOCTYPE html>
<html>
<head>
<title>WebDGap</title>
<meta charset="utf-8">
<meta name="Description" content="Convert any web application to a native Windows, Linux, or Mac OS X desktop application.">
<meta name="Keywords" content="webdgap, convert, zip, web, website, websites, desktop, app, application, native, free, open, source, cross, platform, windows, linux, mac, os, x, 10, chrome, extension, compile">
<meta name="viewport" content="initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=9">
<link rel="icon" type="image/vnd.microsoft.icon" href="favicon.ico">
<link rel="SHORTCUT ICON" href="favicon.ico">
<link rel="stylesheet" href="css/style.css">
<script src="js/jquery.js"></script>
<script src="dist/jszip.min.js"></script>
<script src="dist/jszip-utils.js"></script>
<script src="dist/FileSaver.js"></script>
<!--<link href="http://fonts.googleapis.com/css?family=Cookie&text=tweenui" type="text/css">-->
<!--<link href="http://fonts.googleapis.com/css?family=Open+Sans:400,600&subset=latin" type="text/css">-->
</head>
<body>
<!-- Image to show on facebook preview -->
<img class="hide" src="logo.png">
<!-- Main Display -->
<header class="head column">
<div>
<nav>
<h1>
WebDGap
</h1>
<h4>
Web Apps to Native Desktop Apps
</h4>
<input class="txtcenter nameSpace" type="text" placeholder="Application Name" value=""="Application Name" data-action="sitename">
<p>
<a class="check export-as-win-app hide" title="Export for Windows">
<i class="fa fa-windows"></i>
</a>
<a class="check export-as-mac-app hide" title="Export for Mac OS X">
<i class="fa msicon-osx"></i>
</a>
<a class="check export-as-lin-app hide" title="Export for Linux">
<i class="fa fa-linux"></i>
</a>
<a class="check hide" title="Export for tablets and smart phones" href="http://build.phonegap.com/" target="_blank">
<i class="fa fa-mobile"></i>
</a>
<a class="check export-as-chrome-app hide" title="Download Chrome Application">
<i class="fa msicon-chrome"></i>
</a>
<a title="Download the source code" href="https://github.com/mikethedj4/WebDGap" target="_blank">
<i class="fa fa-github"></i>
</a>
<a title="Keep the project alive" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=BSYGA2RB5ZJCC" target="_blank">
<i class="fa fa-paypal"></i>
</a>
<a title="Load in a zip file" class="loadzip hide">
<i class="fa fa-file-zip-o"></i>
</a>
<h4 class="note">
Note: Your browser will process the zip file, <u>don't choose a file too big!</u> <br /><br />
</h4>
<div class="checkimageloader hide">
<div id="imageloader">
Drag and drop image <a class="call"><u>here</u></a>
</div>
</div>
<div class="hide">
<input type="file" class="load" accept="image/jpeg, image/png" />
</div>
<div class="fill logo hide" align="center">
<canvas class="n16 hide" width="16" height="16"></canvas>
<canvas class="n32 hide" width="32" height="32"></canvas>
<canvas class="n64 hide" width="64" height="64"></canvas>
<canvas class="holder" width="128" height="128"></canvas>
</div>
<div class="hide">
<input type="file" id="file" name="file" accept="application/x-zip-compressed" multiple /> <br /><br />
</div>
<div class="error_block alert alert-danger hide">
You will need a recent browser to use this demo :(
</div>
<div class="result_block hide">
<div class="result"></div>
</div>
</p>
</nav>
</div>
</header>
<!-- Main Dialog -->
<header class="dialog-bg column">
<div>
<nav>
<div class="grid dialog">
<div class="grid__col--12">
<form class="form">
<input class="form__input input name hide" type="text" placeholder="Application Name">
<textarea class="form__input descr" placeholder="Description" rows="7"></textarea>
<h4>
Offline:
</h4>
<p class="onoffswitch">
<input type="checkbox" name="onoffswitch" class="offline-mode" id="myonoffswitch" checked>
<label class="onoffswitch-label" for="myonoffswitch">
<span class="onoffswitch-inner"></span>
<span class="onoffswitch-switch"></span>
</label>
</p>
<input class="btn--default confirm" type="submit" value="Confirm">
<input class="btn--warning cancel" type="reset" value="Cancel">
</form>
</div>
</div>
</nav>
</div>
</header>
<script src="js/script.js"></script>
</body>
</html>