-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
79 lines (65 loc) · 5.44 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
<!DOCTYPE html>
<html lang="pt-ago">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Upload Files</title>
<!-- CSS | START-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />
<!-- <link rel="stylesheet" type="text/css" href="./css/animate.min.css" /> -->
<link rel="stylesheet" type="text/css" href="./css/global.css" />
<link rel="stylesheet" type="text/css" href="./css/style.css" />
<link rel="stylesheet" type="text/css" href="./css/animation-elements.css" />
<!-- CSS | END-->
</head>
<body>
<div class="box-upload">
<label class="upload-zone" id="upload-zone" for="input-file-upload">
<div class="label">
<div class="icon">
<svg width="46" height="34" viewBox="0 0 46 34" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M45.5 17C45.5094 20.5722 44.3505 24.0495 42.2 26.9019C42.0816 27.0595 41.9332 27.1922 41.7635 27.2924C41.5938 27.3927 41.406 27.4586 41.2108 27.4862C41.0156 27.5139 40.8169 27.5029 40.626 27.4538C40.4351 27.4047 40.2557 27.3184 40.0981 27.2C39.9405 27.0816 39.8078 26.9332 39.7076 26.7635C39.6073 26.5938 39.5414 26.406 39.5137 26.2108C39.4861 26.0156 39.4971 25.8169 39.5462 25.626C39.5953 25.4351 39.6816 25.2557 39.8 25.0981C41.5603 22.7661 42.5086 19.9218 42.5 17C42.5 13.4196 41.0777 9.98579 38.5459 7.45405C36.0142 4.92231 32.5804 3.49999 29 3.49999C25.4196 3.49999 21.9858 4.92231 19.4541 7.45405C16.9223 9.98579 15.5 13.4196 15.5 17C15.5 17.3978 15.342 17.7793 15.0607 18.0607C14.7793 18.342 14.3978 18.5 14 18.5C13.6022 18.5 13.2206 18.342 12.9393 18.0607C12.658 17.7793 12.5 17.3978 12.5 17C12.4993 15.4863 12.7068 13.9796 13.1169 12.5225C12.9125 12.5 12.7062 12.5 12.5 12.5C10.113 12.5 7.82386 13.4482 6.13603 15.136C4.44821 16.8239 3.49999 19.113 3.49999 21.5C3.49999 23.8869 4.44821 26.1761 6.13603 27.864C7.82386 29.5518 10.113 30.5 12.5 30.5H17C17.3978 30.5 17.7793 30.658 18.0607 30.9393C18.342 31.2206 18.5 31.6022 18.5 32C18.5 32.3978 18.342 32.7794 18.0607 33.0607C17.7793 33.342 17.3978 33.5 17 33.5H12.5C10.8503 33.5004 9.21829 33.1606 7.70583 32.5019C6.19336 31.8432 4.83296 30.8798 3.70957 29.6717C2.58618 28.4636 1.72395 27.0369 1.17672 25.4807C0.629482 23.9244 0.409006 22.272 0.529056 20.6267C0.649107 18.9814 1.1071 17.3786 1.87445 15.9182C2.64179 14.4579 3.70199 13.1714 4.98884 12.1392C6.27569 11.107 7.76154 10.3512 9.3536 9.91908C10.9457 9.48692 12.6097 9.38765 14.2419 9.62749C15.9039 6.30341 18.6394 3.63776 22.0053 2.0623C25.3713 0.486846 29.1706 0.0938619 32.7877 0.947002C36.4049 1.80014 39.6281 3.84944 41.9353 6.76296C44.2425 9.67648 45.4986 13.2836 45.5 17ZM28.5612 15.9387C28.4219 15.7993 28.2565 15.6886 28.0744 15.6132C27.8923 15.5377 27.6971 15.4988 27.5 15.4988C27.3029 15.4988 27.1077 15.5377 26.9256 15.6132C26.7435 15.6886 26.5781 15.7993 26.4387 15.9387L20.4387 21.9387C20.2994 22.0781 20.1888 22.2436 20.1134 22.4256C20.038 22.6077 19.9992 22.8029 19.9992 23C19.9992 23.1971 20.038 23.3922 20.1134 23.5743C20.1888 23.7564 20.2994 23.9219 20.4387 24.0612C20.7202 24.3427 21.1019 24.5008 21.5 24.5008C21.6971 24.5008 21.8922 24.462 22.0743 24.3866C22.2564 24.3112 22.4219 24.2006 22.5612 24.0612L26 20.6206V32C26 32.3978 26.158 32.7794 26.4393 33.0607C26.7206 33.342 27.1022 33.5 27.5 33.5C27.8978 33.5 28.2794 33.342 28.5607 33.0607C28.842 32.7794 29 32.3978 29 32V20.6206L32.4387 24.0612C32.5781 24.2006 32.7436 24.3112 32.9256 24.3866C33.1077 24.462 33.3029 24.5008 33.5 24.5008C33.6971 24.5008 33.8923 24.462 34.0743 24.3866C34.2564 24.3112 34.4219 24.2006 34.5612 24.0612C34.7006 23.9219 34.8112 23.7564 34.8866 23.5743C34.962 23.3922 35.0008 23.1971 35.0008 23C35.0008 22.8029 34.962 22.6077 34.8866 22.4256C34.8112 22.2436 34.7006 22.0781 34.5612 21.9387L28.5612 15.9387Z" fill="#7C3AED"/>
</svg>
</div>
<div class="text">
<h3>Importe seus arquivos</h3>
<p>Arraste ou clique para fazer upload</p>
</div>
</div>
</label>
<input id="input-file-upload" type="file" multiple style="display: none;" />
<div class="files-loaded"></div>
<button class="" type="submit" id="btn-submit" disabled="true">Enviar arquivos</button>
</div>
<div class="modal-global ">
<div class="modal-container">
<div class="w4rAnimated_checkmark">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 130.2 130.2">
<circle class="path circle" fill="none" stroke="#5dff63" stroke-width="6" stroke-miterlimit="10" cx="65.1" cy="65.1" r="62.1"/>
<polyline class="path check" fill="none" stroke="#5dff63" stroke-width="6" stroke-linecap="round" stroke-miterlimit="10" points="100.2,40.2 51.5,88.8 29.8,67.5 "/>
</svg>
</div>
<div class="text" style="color: #fff;">
<div>
Arquivos recebidos com sucesso!
<br />
<br />
<br />
Deixe sua estrela (like) no github, isso motiva bastante!
</div>
<iframe
src="https://ghbtns.com/github-btn.html?user=domingos3000&repo=upload-drag-drop&type=star&count=true&size=large" frameborder="0"
scrolling="0"
width="120"
height="30"
title="GitHub">
</iframe>
</div>
</div>
</div>
<script>document.write('<script src="http://' + (location.host || 'localhost').split(':')[0] + ':35729/livereload.js?snipver=1"></' + 'script>')</script>
<!-- Javascript | Start -->
<script src="./js/script.js"></script>
<!-- Javascript | End -->
</body>
</html>