-
Notifications
You must be signed in to change notification settings - Fork 1
/
404.html
103 lines (85 loc) · 2.49 KB
/
404.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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<h1>Well Damn</h1>
<p> Looks like the websites down</p>
<p> This most likely means there is active development or some problem with the website</p>
<p>Contact AudioCypher#4707 on Discord, navdeepsjhand@gmail.com if you think this is a mistake.</p>
<p>Development takes time.</p>
<div class="container text-center">
<div>
<div id="head">
<h1>Feeling Bored? Generate a quote</h1>
</div>
<div class="row">
<div class="col-sm-3"></div>
<div class="col-sm-6" id="intro">
</div>
<div class="col-sm-3"></div>
</div>
<div>
<button onclick="changeQuotes()" class="button" >New Quotes</button>
</div>
<div class="row textArea">
<div class="col-sm-3"></div>
<div class="col-sm-6 well message">
<h3 id="quote"></h3>
</div>
<div class="col-sm-3"></div>
</div>
</div>
</div>
<style>
body {
background-size: cover;
}
#head {
padding-top: 20px;
}
#intro {
padding-top: 20px;
padding-bottom: 30px;
}
.button {
font-size: 30px;
padding: 12px;
border-radius: 12px;
background-color: white;
color: black;
-webkit-transition-duration: 0.4s;
transition-duration: 0.4s;
cursor: pointer;
}
.button:hover {
background-color: silver;
}
.textArea {
padding-top: 30px;
}
#quote {
font-style: oblique;
}
.footer {
padding-bottom: 20px;
}
</style>
<script>
var quote = document.getElementById('quote');
var randomQuotes = ['When you do crazy things, expect crazy results',
"The only mystery in life is why the kamikaze pilots wore helmets.",
'Only the wisest and stupidest of men never change.',
"When tempted to fight fire with fire, remember that the Fire Department usually uses water.",
"America is a country where half the money is spent buying food, and the other half is spent trying to lose weight.",
"A bank is a place that will lend you money, if you can prove that you don't need it.",
"The best way to lie is to tell the truth . . . carefully edited truth.",
];
function changeQuotes() {
var i = Math.floor((Math.random() * randomQuotes.length));
quote.innerText = randomQuotes[i];
}
changeQuotes();
</script>
</body>
</html>