-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
66 lines (53 loc) · 3.34 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
<!DOCTYPE html>
<html class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>K and A Wedding Photo Collection</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<meta property="og:url" content="http://www.andrewlongstaff.com/wedding/photos/" />
<meta property="og:title" content="Katri and Andrew's Wedding Photo Collection" />
<meta property="og:description" content="We are collecting photos that people took at our wedding, so if you have pictures please add them here!" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.js"></script>
<script src="http://malsup.github.com/jquery.form.js"></script>
<link rel="stylesheet" href="style.css"></link>
<link href="http://fonts.googleapis.com/css?family=Tangerine|Quando" rel="stylesheet" type="text/css">
</head>
<body>
<div class="content">
<h1>Katri and Andrew's wedding photo collection</h1>
<p class="ingress">Hello all you lovely people, we are collecting photos that people took at our wedding, so if you have pictures please add them here!</p>
<p>Please add your name so we know who they have come from. Choose pictures with the file picker below, (you can add multiple pictures at the same time) if you have many be patient with the upload times!</p>
<form id="photos" method="post" action="upload.php" enctype="multipart/form-data">
<div class="notice nofile" style="display:none;">
<h4>You dont have anything selected!</h4>
<p>If you have selected something already please wait for the picker to update (this can take a while if you have selected a few), otherwise pick a file to upload with the picker!</p>
</div>
<div class="notice noname" style="display:none;">
<h4>Please add a name so we know who to thank!</h4>
</div>
<div class="notice error" style="display:none;">
<h4>There was a problem with the upload, please try again!</h4>
</div>
<div id="uploadContainer">
<p class="name"><label for="name">Your name:</label><input name="name" type="text" id="name"/></p>
<p class="upload"><input name="upload[]" id="filesToUpload" type="file" multiple="multiple" required="required"/></p>
<ul class="thumbnails"></ul>
<p class="submit"><input type="submit" value="Upload selected photos"></input></p>
</div>
</form>
<div class="notice loading" style="display:none;">
<h4>Uploading, please wait</h4>
<p>Your photos are being uploaded, don't close your browser just yet.</p>
</div>
<div class="notice confirmed" style="display:none;">
<h4>Thanks for your pictures<span class="nameholder"></span>!</h4>
<p>If you want to add more <a class="reset" href=".">click here</a>.</p>
</div>
<p class="thanks">Thanks all!</p>
</div>
<div class="bg"></div>
<script src="main.js" async defer></script>
</body>
</html>