-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
127 lines (113 loc) · 5.38 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
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
<!DOCTYPE>
<html lang="en">
<head>
<meta charset="utf-8">
<!-- Favicon data -->
<link rel="apple-touch-icon" sizes="57x57" href="favicon/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="favicon/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="favicon/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="favicon/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="favicon/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="favicon/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="favicon/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="favicon/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="favicon/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="favicon/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="favicon/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="favicon/favicon-16x16.png">
<link rel="manifest" href="favicon/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="favicon/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
<!-- END Favicon data -->
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title> Unimarklet </title>
<script src="unimarklet_helper.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="../scripts/popper.min.js"></script>
<link href="../styles/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="../scripts/bootstrap.min.js"></script>
<link href="../styles/sidebar.css" rel="stylesheet">
<script src="../scripts/sidebar.js"></script>
<!-- This is the main styles for the site. -->
<link href='https://fonts.googleapis.com/css?family=Lato|Montserrat' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="../font/css/font-awesome.min.css">
<link rel="stylesheet" href="../styles/noscript.css">
<link rel="stylesheet" href="../styles/main.css">
<link rel="stylesheet" href="../styles/style.css">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-119121070-2"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-119121070-2');
</script>
</head>
<body onload="jsLoad();">
<div id="wrapper">
<!-- Overlay for when navbar is active. -->
<div class="overlay" onclick="document.getElementById('hamburger').click();"></div>
<!-- NavBar Data -->
<div id="navbar"></div>
<!-- Jumbotron With Page Title -->
<div class="container">
<div class="jumbotron">
<h1>Unimarklet</h1>
</div>
</div>
<!-- Page Content -->
<div id="page-content-wrapper">
<button type="button" class="hamburger is-closed" data-toggle="offcanvas" id="hamburger" style="display: none;">
<span class="hamb-top"></span>
<span class="hamb-middle"></span>
<span class="hamb-bottom"></span>
</button>
<div class="container content">
This site will help you add the unimarklet with any custom repo you want. It is still a work in progress but will be really cool when complete.<br>
There will be a way to generate your custom link easily but for now, there is just one repo by default. Will work on making it better plus adding more options.
<br>
For now, drag this element (<a id="a" style="color: red;" href="javascript:alert('Unimarklet was loading when you dragged this link! Please let the page fully load and then redrag the link or copy and paste the code instead. (AKA Wait until the link turns green.)');" onclick="return false;" class="isDisabled">Unimarklet</a>) to your favorites or paste this into your bookmark manager:
<br><br>
<textarea id="b" style="width: 720px; height: 300px;" onclick="this.select()">Loading...</textarea>
<style type="text/css">
.isDisabled {
color: currentColor;
cursor: not-allowed;
opacity: 0.5;
text-decoration: none;
pointer-events: none;
}
</style>
<script type="text/javascript">
$.ajax({
url: 'unimarklet_client.js',
converters: {
'text script': function (text) {
return text;
}
},
success: function (js_code) {
document.getElementById("a").href = js_code;
document.getElementById("a").style.color = "green";
$("#a").removeClass("isDisabled");
document.getElementById("b").innerHTML = js_code;
}
});
</script>
</div>
</div>
<!-- /#page-content-wrapper -->
</div>
<!-- /#wrapper -->
<script type="text/javascript">
relDir = "../";
/*
This function loads all of the assets which the page needs.
*/
function jsLoad() {
}
</script>
</body>
</html>