-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathswitcheroo.html
39 lines (39 loc) · 1.68 KB
/
switcheroo.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
<!doctype html>
<html>
<head>
<title>Switcheroo Redirector</title>
<style>
body{width:650px; font-family: sans-serif;}
a, span {padding: 10px;}
ul { list-style-type: none; padding: 0; margin: 0 0 5px 0;}
#new-rule input[type=text], .edit-rule input[type=text]{width:220px; margin: 0 5px;}
.from, .to { font-family: monospace; width: 220px; display: inline-block; }
.seperator { font-weight: bold; color: red; }
#headings span { font-family: Arial; font-weight: bold; color: #def; padding: 5px 10px;}
#no-rules { padding: 10px; color: #666; }
.switcheroo {color: red;}
#removeAllRulesButton { margin: 10px; }
#new-rule, .edit-rule { margin-left: 3px; }
.edit-rule .seperator {padding-right: 18px;}
#headings { background-color: #69F; border-radius: 5px 5px 0 0; }
</style>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" async src="switcheroo.js"></script>
</head>
<body>
<div id="headings"><span class="from">From</span><span class="seperator"> </span><span class="to">To</span></div>
<p id="no-rules">You have no redirect rules at the moment so why don't you go ahead and <em class="switcheroo">Desiroo</em>. Enter multiple URLs separated by commas.</p>
<ul id="rules"></ul>
<form>
<div id="new-rule">
<input type="text" id="fromInput" name="fromInput" />
<span class="seperator">></span>
<input type="text" id="toInput" name="toInput" />
<input id="addRuleButton" type="button" value="Add" name="AddRule" />
</div>
<div>
<input id="removeAllRulesButton" type="button" value="Remove All" name="RemoveAll" />
</div>
</form>
</body>
</html>