This repository has been archived by the owner on Jun 25, 2022. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 131
/
Copy pathindex.html
188 lines (174 loc) · 5.6 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
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
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
<!DOCTYPE html>
<html>
<head>
<title>crossorigin.me</title>
<link rel="icon" href="favicon.png">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Droid+Sans+Mono|Roboto:300">
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script type="text/javascript" src="https://blockchain.info/Resources/wallet/pay-now-button.js"></script>
<style>
html, body {
background: #EEE;
font-family: 'Roboto';
text-align: center;
margin: 0;
}
html {
min-width: 100%;
}
body, #header{
min-width: 168px;
}
#header {
position: fixed;
top:0;
left:0;
height:5vh;
margin:auto;
padding-bottom: 0.1vh;
z-index: 100000;
font-size: 4vh;
text-align: center;
width: 100vw;
background: #EF4836;
color: #EEEEEE;
/*box-shadow: 0px 10pxpx #000;*/
}
a {
color: #EF4836;
text-decoration: underline;
}
#header a {
text-decoration: none;
color: inherit;
line-height: 5vh;
transition: color .5s;
}
#header a:hover{
color: white;
}
h3 a {
color:inherit;
cursor: pointer;
text-decoration: none;
}
h3 a:hover {
text-decoration: underline;
}
#content {
padding: 5vh 0px;
margin: 8px auto;
background: white;
min-height: 100vh;
width: 60%;
color: #333;
box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.3), 0 2px 2px 0 rgba(0, 0, 0, 0.2);
font-size: 1em;
}
#text {
margin: auto;
max-width: 50vw;
}
.blockchain-btn{
font-size:16px;
margin:0 auto;
width: 300px
}
.blockchain.stage-loading{
text-align:center;
}
code {
display: inline-block;
font-family: 'Droid Sans Mono';
font-size: 0.7em;
background: #EFEFEF;
padding: 5px 10px;
box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.37);
}
@media screen and (max-width: 600px) {
#content {
width: 100%;
margin: 0px;
}
#text {
max-width: 80vw;
}
.blockchain-btn{
max-width:300px;
width: 80vw
}
.blockchain-btn img{
max-width:300px;
width: 80vw;
}
}
</style>
</head>
<body>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-42726363-5', 'auto');
ga('send', 'pageview');
</script>
<h1 id="header"><a href="#">⇆</a></h1>
<div id="content">
<div id="text">
<h2>Long live CORS proxies!</h2>
<p>Welcome to crossorigin.me, the free CORS proxy for everyone!</p>
<br />
<script src="//blockr.io/js_external/coinwidget/coin.js"></script>
<script>
CoinWidgetCom.go({
wallet_address: '1GSKWayDGEMWfwMwFTTz79CCtCCYQLWtWF',
currency: 'bitcoin',
counter: 'count',
lbl_button: 'Donate',
lbl_count: 'donations',
lbl_amount: 'BTC',
lbl_address: 'Use address below to donate. Thanks!',
qrcode: true,
alignment: 'bl',
decimals: 3,
size: "big",
color: "light",
countdownFrom: "0",
element: "#coinwidget-bitcoin-1GSKWayDGEMWfwMwFTTz79CCtCCYQLWtWF",
onShow: function(){},
onHide: function(){}
});
</script>
<div id="coinwidget-bitcoin-1GSKWayDGEMWfwMwFTTz79CCtCCYQLWtWF"></div>
<p>You can also support crossorigin.me by becoming <a href="https://patreon.com/corsproxy/">a patron</a>, or by <a href="http://donate.crossorigin.me">donating</a> via PayPal. Thanks!</p>
<br />
<h3><a name="what" href="#what">What's a "CORS proxy"?</a></h3>
<p>A <a href="https://en.wikipedia.org/wiki/Cross-origin_resource_sharing">CORS</a> proxy is a service that allows developers (probably you) to access resources from other websites, without having to own that website. </p>
<br />
<h3><a name="how" href="#how">How do I use it?</a></h3>
<p>It's really easy. When you need to access a resource from a website that isn't CORS-enabled, append 'http://crossorigin.me' to the beginning of that URL. For example, if you wanted to grab the Google homepage, your code would request</p>
<code>
https://crossorigin.me/https://google.com
</code>
<p>Remember to keep the 'http://' or 'https://' after 'crossorigin.me/'.
<br />
<h3><a name="who" href="#who">Who set this up?</a></h3>
<p><a href="http://technoboy10.tk">I</a> <a href="https://github.com/technoboy10">did</a>! I'm <a href="https://twitter.com/technoboyIO">technoboy10</a>, an all-around geek who likes coding. I would also appreciate it if you donated some BTC by clicking the donation button at the top of the page - domains aren't free (and neither is college)! </p>
<br />
<h3><a name="security" href="#security">AAAAH SO INSECURE!!!</a></h3>
<p>...not really. By default, CORS requests do <b>not</b> send or set cookies, and neither does crossorigin.me. I take security very seriously, and I'll do my best to plug any serious security holes. Oh, and crossorigin.me is <a href="http://github.com/technoboy10/crossorigin.me">open source</a>, so please feel free to fix any security issues you find. :) </p>
<br />
<h3><a name="verbs" href="#verbs">This only supports GET requests!</a></h3>
<p>Yup. Only allowing GET requests makes my code more simple, and POST requests make me nervous (uploading data to somebody else's servers seems like a security hole to me).</p>
<p>Disagree? <a href="https://github.com/technoboy10/crossorigin.me/issues/new">File an issue</a> and let's talk.</p>
<br />
<h3><a name="legal" href="#legal">Disclaimer</a></h3>
<p>
crossorigin.me (and by extension, technoboy10) is not responsible for any illegal activities that use this service. But please, don't do illegal stuff with crossorigin.me if you want it to keep running.
</p>
</div>
</div>
</body>
</html>