-
Notifications
You must be signed in to change notification settings - Fork 78
/
index.html
99 lines (91 loc) · 3.32 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
94
95
96
97
98
99
<html>
<head>
<title>re-lmgtfy generator</title>
<style>
#googlehere {
width: 90%;
font-size: 120%;
background-color: #C8E6C9;
color: #727272;
border-color: #000000;
border-style: solid;
}
#urlhere {
width: 90%;
font-size: 120%;
text-decoration: underline;
background-color: #C8E6C9;
color: #727272;
border-color: #000000;
border-style: solid;
}
html body {
background: #bfd255; /* Old browsers */
background: -moz-linear-gradient(top, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=0 ); /* IE6-9 */
}
html body center {
font-size: 100%;
line-height: 90%;
border-style: solid;
padding-bottom: 1%;
padding-top: 1%;
margin-right: 30%;
margin-left: 30%;
}
#tut {
font-size: 150%;
color: #212121;
font-family: Lato;
}
#googlehere {
border-radius: 10px;
}
#urlhere {
border-radius: 10px;
}
html body center {
border-radius: 30px;
}
center {
margin-top: 20%
}
</style>
<script>
function copyit() {
try {
var successful = document.execCommand('copy');
var msg = successful ? 'Link successfully copied to clipboard' : 'JavaScript copy not supported -- Please use Ctrl-C to copy the text.';
document.getElementById('copymsg').innerHTML = msg;
} catch (err) {
console.log('unable to copy using document.execCommand(copy)');
}
}
</script>
</head>
<body>
<center>
<div id="tut">What do you want it to Google search?</div>
<br>
<input type="text" id="googlehere">
<br>
<br>
<div id="tut">Your URL is:</div>
<br>
<input type="text" id="urlhere" onClick="this.select();copyit();" readonly>
<script>
document.getElementById("googlehere").onkeyup = function() {
if(this.value.length != 0) {
document.getElementById("urlhere").value = "https://arinerron.github.io/re-lmgtfy/go.html?q=" + encodeURIComponent(this.value);
} else {
document.getElementById("urlhere").value = "";
}
//document.getElementById("urlhere").value = this.value;
}
</script>
<p><div id="copymsg">Click the link to copy it to your clipboard</div></p>
</center>
</body>
</html>