-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathbinary.html
More file actions
153 lines (143 loc) · 7.61 KB
/
Copy pathbinary.html
File metadata and controls
153 lines (143 loc) · 7.61 KB
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
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset=utf-8 />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Nous contacter | Satan Technology</title>
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css">
</head>
<body>
<!-- Main container -->
<div class="container">
<div class="row">
<div class="col-md-12">
<h1>Satan Technology <small>Votre malheur est notre bonheur</small></h1>
<div class="panel panel-default">
<div class="panel-heading">Remplissez le formulaire ci-dessous pour obtenir notre brochure gratuite !</div>
<div class="panel-body">
<!-- Phone number form -->
<form id="hellform">
<div class="form-group">
<label for="phoneNumber">Numéro de téléphone :</label>
<div class="input-group">
<span class="input-group-addon"><span class="glyphicon glyphicon-earphone" aria-hidden="true"></span></span>
<input disabled="true" type="email" class="form-control" id="phoneNumber" placeholder="Numéro de téléphone">
</div>
</div>
<div class="form-group">
<label class="control-label">Saisissez votre numéro en binaire :</label>
<div class="form-control-static text-center">
<p class="col-xs-3"><label><input type="checkbox" id="binaryDigit_0" value=""> x 2<sup>0</sup></label></p>
<p class="col-xs-3"><label><input type="checkbox" id="binaryDigit_1" value=""> x 2<sup>1</sup></label></p>
<p class="col-xs-3"><label><input type="checkbox" id="binaryDigit_2" value=""> x 2<sup>2</sup></label></p>
<p class="col-xs-3"><label><input type="checkbox" id="binaryDigit_3" value=""> x 2<sup>3</sup></label></p>
<p class="col-xs-3"><label><input type="checkbox" id="binaryDigit_4" value=""> x 2<sup>4</sup></label></p>
<p class="col-xs-3"><label><input type="checkbox" id="binaryDigit_5" value=""> x 2<sup>5</sup></label></p>
<p class="col-xs-3"><label><input type="checkbox" id="binaryDigit_6" value=""> x 2<sup>6</sup></label></p>
<p class="col-xs-3"><label><input type="checkbox" id="binaryDigit_7" value=""> x 2<sup>7</sup></label></p>
<p class="col-xs-3"><label><input type="checkbox" id="binaryDigit_8" value=""> x 2<sup>8</sup></label></p>
<p class="col-xs-3"><label><input type="checkbox" id="binaryDigit_9" value=""> x 2<sup>9</sup></label></p>
<p class="col-xs-3"><label><input type="checkbox" id="binaryDigit_10" value=""> x 2<sup>10</sup></label></p>
<p class="col-xs-3"><label><input type="checkbox" id="binaryDigit_11" value=""> x 2<sup>11</sup></label></p>
<p class="col-xs-3"><label><input type="checkbox" id="binaryDigit_12" value=""> x 2<sup>12</sup></label></p>
<p class="col-xs-3"><label><input type="checkbox" id="binaryDigit_13" value=""> x 2<sup>13</sup></label></p>
<p class="col-xs-3"><label><input type="checkbox" id="binaryDigit_14" value=""> x 2<sup>14</sup></label></p>
<p class="col-xs-3"><label><input type="checkbox" id="binaryDigit_15" value=""> x 2<sup>15</sup></label></p>
<p class="col-xs-3"><label><input type="checkbox" id="binaryDigit_16" value=""> x 2<sup>16</sup></label></p>
<p class="col-xs-3"><label><input type="checkbox" id="binaryDigit_17" value=""> x 2<sup>17</sup></label></p>
<p class="col-xs-3"><label><input type="checkbox" id="binaryDigit_18" value=""> x 2<sup>18</sup></label></p>
<p class="col-xs-3"><label><input type="checkbox" id="binaryDigit_19" value=""> x 2<sup>19</sup></label></p>
<p class="col-xs-3"><label><input type="checkbox" id="binaryDigit_20" value=""> x 2<sup>20</sup></label></p>
<p class="col-xs-3"><label><input type="checkbox" id="binaryDigit_21" value=""> x 2<sup>21</sup></label></p>
<p class="col-xs-3"><label><input type="checkbox" id="binaryDigit_22" value=""> x 2<sup>22</sup></label></p>
<p class="col-xs-3"><label><input type="checkbox" id="binaryDigit_23" value=""> x 2<sup>23</sup></label></p>
<p class="col-xs-3"><label><input type="checkbox" id="binaryDigit_24" value=""> x 2<sup>24</sup></label></p>
<p class="col-xs-3"><label><input type="checkbox" id="binaryDigit_25" value=""> x 2<sup>25</sup></label></p>
<p class="col-xs-3"><label><input type="checkbox" id="binaryDigit_26" value=""> x 2<sup>26</sup></label></p>
<p class="col-xs-3"><label><input type="checkbox" id="binaryDigit_27" value=""> x 2<sup>27</sup></label></p>
<p class="col-xs-3"><label><input type="checkbox" id="binaryDigit_28" value=""> x 2<sup>28</sup></label></p>
<p class="col-xs-3"><label><input type="checkbox" id="binaryDigit_29" value=""> x 2<sup>29</sup></label></p>
<p class="col-xs-3"><label><input type="checkbox" id="binaryDigit_30" value=""> x 2<sup>30</sup></label></p>
<p class="col-xs-3"><label><input type="checkbox" id="binaryDigit_31" value=""> x 2<sup>31</sup></label></p>
</div>
</div>
<button id="submit" class="btn btn-success"><span class="glyphicon glyphicon-ok" aria-hidden="true"></span> Valider</button>
<button id="cancel" class="btn btn-danger"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span> Annuler</button>
</form>
</div>
</div>
</div>
</div>
</div>
<!-- Third-Party JavaScript -->
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<!-- Third-Party JavaScript -->
<script>
// Avoid submit when pressing enter key (hell patent pending)
$(document).ready(function() {
$(window).keydown(function(event){
if(event.keyCode == 13) {
event.preventDefault();
return false;
}
});
});
// Retrieve all instances
form = $('#hellform')
phoneNumberInput = $('#phoneNumber')
submitButton = $('#submit')
cancelButton = $('#cancel')
var digits = [];
// Left-pad helper (javascript madness)
function pad(num, size) {
var s = num + "";
while (s.length < size) s = "0" + s;
return s;
}
// Handle binary digits
function updatePhoneNumber() {
var newValue = 0;
for (var i = 0; i < 32; i++) {
var digit = digits[i];
if (digit.is(":checked")) {
newValue += Math.pow(2, i);
}
}
phoneNumberInput.val(pad(newValue, 10));
}
for (var i = 0; i < 32; i++) {
var digit = $('#binaryDigit_' + i);
digits.push(digit);
digit.change(updatePhoneNumber);
}
// Handle submit button
submitButton.click(function(event) {
var regex = new RegExp("^(0[1-9][0-9]{8})$");
if (regex.test(phoneNumberInput.val())) {
console.log('Rick Rolled');
form.replaceWith('<div class="embed-responsive embed-responsive-16by9">' +
'<iframe class="embed-responsive-item" width="560" height="315" ' +
'src="https://www.youtube.com/embed/DLzxrzFCyOs?autoplay=1" frameborder="0" allowfullscreen></iframe></div>');
} else {
alert("Numéro de téléphone invalide. Veuillez réessayer.");
phoneNumberInput.val(''); // Pure evil and hate
}
event.preventDefault();
return false;
});
// Handle cancel button
cancelButton.click(function(event) {
phoneNumberInput.val('');
for (var digit in digits) {
digit.attr('checked', false);
}
event.preventDefault();
return false;
});
</script>
</body>
</html>