-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathcreate-account.html
124 lines (116 loc) · 5.54 KB
/
create-account.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
<!DOCTYPE html>
<html>
<head>
<title>SwampHacks - Create An Account</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/png" href="favicon.png">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/font-awesome.min.css" />
<link rel="stylesheet" type="text/css" href="css/create-account.css">
<link rel="stylesheet" type="text/css" href="css/resume.css">
<link rel="stylesheet" href="css/complete.css">
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css">
</head>
<body>
<div class="container">
<!-- <section id="image-header">
</section> -->
<section id="thankyou-header">
<img class="complete-wordmark" src="img/yourein.png" alt="" />
<h3>Congrats on being accepted to SwampHacks 2017!</h3>
<p>Confirm your attendance by creating an account - you'll use it to update your info or change your status if you're unable to make it to SwampHacks.</p>
</section>
<section class="form-section">
<form id="form">
<div class="row">
<label for="email">E-Mail <span class="asterisk">*</span></label>
<input type="email" class="form-control" placeholder="[email protected]" aria-describedby="basic-addon1" id="email" required>
</div>
<div class="row">
<label for="password">Password <span class="asterisk">*</span></label>
<input type="password" class="form-control" placeholder="********" aria-describedby="basic-addon1" id="password" required>
</div>
<div class="row">
<label for="password">Confirm Password <span class="asterisk">*</span></label>
<input type="password" class="form-control" placeholder="********" aria-describedby="basic-addon1" id="password-confirm" required>
</div>
<div class="row">
<label for="name">Enter your <strong>first</strong> and <strong>last</strong> name. <span class="asterisk">*</span></label>
<input type="text" class="form-control" placeholder="Albert Gator" aria-describedby="basic-addon1" id="name" required>
</div>
<div class="row">
<label for="school">Enter your college or university <span class="asterisk">*</span></label>
<input type="text" class="form-control" placeholder="Hacker University" aria-describedby="basic-addon1" id="school" required>
</div>
<!--<div class="row">
<label for="file" id="travel-file">Upload the most up - to - date version of your resume (PDF's only). <span class="asterisk">*</span></label>
<input type="file" id="resume" class="inputfile" required>
<label for="resume" class="browse">
<span style="display: inline-flex; align-items: center;">No file chosen</span> <strong style="display: inline-flex; align-items: center;"> Choose a file...</strong></label>
<p id="valid-file" style="color: white;"></p>
</div>-->
<div class="row">
<label for="mlh-compliance">I agree to the <a href="http://static.mlh.io/docs/mlh-code-of-conduct.pdf">MLH Code of Conduct</a>. <span class="asterisk">*</span></label>
<div class="radio">
<input type="radio" name="r" id="r1" value="Yes"><label for="r1">Yes</label>
</div>
<div class="radio">
<input type="radio" name="r" id="r2" value="No"><label for="r2">No</label>
</div>
</div>
<div class="row">
<label for="">I agree to the terms of both the <a href="https://github.com/MLH/mlh-policies/tree/master/prize-terms-and-conditions">MLH Contest Terms and Conditions</a> and the <a href="https://mlh.io/privacy">MLH Privacy Policy</a>. Please note that you may receive pre and post-event informational e-mails and occasional messages about hackathons from MLH as per the MLH Privacy Policy. <span class="asterisk">*</span></label>
<p></p>
<div class="radio">
<input type="radio" name="r2" id="r3" value="Yes"><label for="r3">Yes</label>
</div>
<div class="radio">
<input type="radio" name="r2" id="r4" value="No"><label for="r4">No</label>
</div>
</div>
<div id="submit">
<a class="btn btn-default" id="submit-info">SUBMIT</a>
<span class="error"></span>
</div>
</form>
</section>
</div>
<!-- scriptz -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://www.gstatic.com/firebasejs/3.6.4/firebase.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/2.1.3/toastr.min.js"></script>
<script src="js/keys.js"></script>
<script src="js/account.js"></script>
<script src="js/create-account.js"></script>
<script type="text/javascript">
var inputs = document.querySelectorAll( '.inputfile' );
Array.prototype.forEach.call( inputs, function( input )
{
var label = input.nextElementSibling,
labelVal = label.innerHTML;
input.addEventListener( 'change', function( e )
{
var fileName = '';
if( this.files && this.files.length > 1 )
fileName = ( this.getAttribute( 'data-multiple-caption' ) || '' ).replace( '{count}', this.files.length );
else
fileName = e.target.value.split( '\\' ).pop();
console.log(fileName);
if (fileName.split('.').pop() != 'pdf') {
$('#valid-file').text(" Did you upload a PDF? ").show().fadeOut( 3000 );
}
if( fileName ) {
label.querySelector( 'span' ).innerHTML = fileName;
var resumeSpan = label.querySelector("span");
var resumeStrong = label.querySelector("strong");
resumeSpan.classList.add("inputAdded");
resumeSpan.classList.add("inputAddedText");
resumeStrong.classList.add("inputAdded");
}
else
label.innerHTML = labelVal;
});
});
</script>
</body>
</html>