-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
93 lines (87 loc) · 4.42 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
<!DOCTYPE html>
<html>
<head>
<meta name="theme-color" content="#512da8">
<title>MaterialOS</title>
<link rel="icon" href="/img/favicon.ico">
<link rel="stylesheet" target="_blank" href="/css/materialdesignicons.min.css"></link>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.0/css/materialize.min.css">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" href="/css/styles.css">
</head>
<body>
<!-- Modal Structure -->
<div id="upload" class="modal bottom-sheet">
<span id="close" class="modal-close"><i class="material-icons noselect">close</i></span>
<form action="/upload" method="post" id="uploadForm" enctype="multipart/form-data">
<div class="modal-content">
<h4 onclick="document.getElementById('filesToUpload').click();" class="noselect">Upload to MaterialOS</h4>
<p onclick="document.getElementById('filesToUpload').click();" class="noselect">Input your full name into "Author" and add your files (.ai, .psd, .sketch, .svg, .xcf, .png). You can upload as many as you like, but unfortunately your system dosn't allow for cross-folder uploading. All files will be inputted in a pull request for you. By uploading here you are verifing that all uploaded work is yours and you acknowledge that your work will be lincensed under <a href="/license">our license</a>.</p>
<div class="row">
<div class="input-field col s6 m4">
<select required name="repo" id="repo">
<option value="icons">Icons</option>
<option value="illustrations">Illustrations</option>
<option value="concepts">Concepts</option>
</select>
<label>Repo</label>
</div>
<div class="input-field col s6 m4">
<input type="text" name="author" id="author" onchange="authorSuggest(value);" required>
<label for="author">Author</label>
</div>
<div class="input-field col s12 m4">
<input type="text" name="notes" id="notes" required>
<label for="notes">Notes</label>
</div>
</div>
<div class="row valign-wrapper" onclick="document.getElementById('filesToUpload').click();">
<div class="valign">
<label>Files to Upload</label>
<div id="output"></div>
</div>
</div>
</div>
<div class="modal-footer">
<span class="modal-action modal-close waves-effect waves-green btn-flat" onclick="upload();">Upload</span>
<span class="file-field input-field"><span class="modal-action btn-flat waves-effect"><span>Pick Files</span><input type="file" name="filesToUpload[]" onchange="loadFile(event)" id="filesToUpload" multiple required/></span></span>
</div>
</div>
</form>
<div class="header mosparallax" id="header">
<div class="logo-container">
<div class="logo-card card full-width animated-2 fadeInUp-2" id="logo">
<div class="logo noselect">MATERIAL OPEN SOURCE</div>
</div>
</div>
</div>
<div class="mosparallax-clear"></div>
<div class="icons mosparallax" id="icons">
<div class="card full-width row" id="icons-card">
<div class="container">
<div class="col s3 card-full-width-img">
<img src="/img/ai.png">
</div>
<div class="col s9 card-full-width-text">
<div class="card-content">
<p class="card-title">Crowdsourced icons made availible in vector formats</p>
<p>Including icons from your favorite designers such as Eduardo Pratti of KMZ and Alex Mueller of LollyDrop.</p>
</div>
<div class="card-action">
<div class="right">
<a class="btn-flat waves-effect grey-text text-darken-2" href="https://play.google.com/store/apps/details?id=org.materialos.icons">Google Play</a>
<a class="btn-flat waves-effect grey-text text-darken-2" target="_blank" href="https://github.com/materialos/Icons">GitHub</a>
</div>
</div>
</div>
</div>
</div>
</div>
<a class="btn-floating btn-large waves-effect waves-light red modal-trigger singlefab tooltipped" data-position="left" data-delay="50" data-tooltip="Upload" href="#upload"><i class="material-icons">add</i></a>
<!-- Scripts -->
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.0/js/materialize.min.js"></script>
<script src="/js/script.js"></script>
</body>
</html>