-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
47 lines (46 loc) · 1.91 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
<!DOCTYPE html>
<html>
<head>
<title>Minifier Version 3!</title>
<style>
html { font-family:Arial; }
* { margin:0; padding:0; }
h1 { padding:15px 0; }
body { background-color:#ccc; }
header { background-color:#ddd; margin-bottom:15px; }
#download { display:none; float:right;}
.wrapper { width:500px; margin:0 auto; }
form .file { display:block; margin-top: 10px; }
form { width:350px; float:left; }
#actions { float:right; width:149px; text-align:right; }
#actions button { margin-top:15px; }
button { width:100px; cursor:pointer; border-radius:5px; background-color: #55e; border:none; color:white; font-weight:bold; padding:5px; }
#result { background-color:white; display:none; padding:20px; border-radius:5px; margin:20px 0; }
hr { clear:both; border:none; }
</style>
</head>
<body>
<header>
<div class="wrapper">
<h1>Minifier Version 3!</h1>
</div>
</header>
<div id="main">
<div class="wrapper">
<form enctype="multipart/form-data">
<div class='file'><input type='file' name='file[]'/></div>
</form>
<div id="actions">
<button id='addFileField'>+</button><br/>
<button id='compress'>Compress!</button>
</div>
<hr/>
<a target="blank" id="download" href="#"><button>Download!</button></a>
<hr/>
</div>
</div>
<script type="text/javascript" src="assets/js/config.js"></script>
<script type="text/javascript" src="assets/js/jquery-2.0.3.min.js"></script>
<script type="text/javascript" src="assets/js/script.js"></script>
</body>
</html>