-
Notifications
You must be signed in to change notification settings - Fork 15
/
index.html
200 lines (188 loc) · 7.63 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
189
190
191
192
193
194
195
196
197
198
199
200
<html>
<head>
<title>HandyBrowser</title>
<link rel="stylesheet" type="text/css" href="css/tray.css" />
<link rel="stylesheet" type="text/css" href="css/bookmarkManager.css" />
<link rel="stylesheet" type="text/css" href="./css/map.css" />
<link rel="stylesheet" type="text/css" href="./css/donate.css" />
<style>
.icon img{
width: 128px;
height:128px;
}
.icon .title{
font-weight:600;
margin: 10px 0;
font-size: 24px;
}
html,body{
background:#222;
overflow:auto;
}
.links, .info{
margin: 5px 0;
}
.infoLabel{
font-weight: 600;
}
body .proxyInfo{
margin-top:0px;
height: auto;
overflow:auto;
}
body .donate50{
color:#ccc;
text-align: center;
height:auto;
}
.donate50 input{
text-align:center;
}
</style>
</head>
<body>
<div class="proxyInfo">
<div class="icon">
<img src="./icons/app_png.png" />
<div class="title">HandyBrowser 0.2</div>
</div>
<div class="links">
<a href="https://github.com/HandyMiner/HandyBrowser/releases/" target="_blank">Download the latest pre-built release here</a><br />
<a href="http://t.me/HandshakeTalk" target="_blank">Join us on Telegram</a>
</div>
<div class="info">
<div class="infoLabel">HandyBrowser 0.2 Changelog:</div>
Adds support for community projects Godane and hnsd, as well as security and usability improvements.
<ul>
<li><a href="https://github.com/buffrr/godane" target="_blank">godane</a> enables the use of DANE (DNS Based Authentication of Named Entities) in browsers using a simple proxy. It currently supports DANE-EE, and works with self-signed certificates.</li>
<li><a href="https://github.com/handshake-org/hnsd" target="_blank">hnsd</a> is a Handshake SPV resolver daemon for the Handshake network. Written in C for speed/size/embedability. It enables us to do fast lookups of Handshake names without relying on a full sync of the blockchain in a Handshake fullnode.</li>
<li>Added the quick reference guide both external and within the app for quick setup to your other browsers and mobile devices</li>
<li>Added Bitcoin donation address modal for HandyBrowser team</li>
<li>Bugfixes: Enable fullscreen video support; fixes for Vimeo/Netflix playback</li>
<li>Security: Tested Mist (Electron) XSS Vulnerabilities against HandyBrowser, mist vulnerability report</li>
<li>Security: Verified a range of certificate warnings/errors with https://badssl.com</li>
</ul>
<div>Other Updates:</div>
<ul>
<li>
In Mac/Windows, we added a Handy toolbar!<br /><img src="./img/toolbar_mac.png" style="width:250px;" />
</li>
<li>
In the HandyBrowser menu there is now a guide showing you how to use HandyBrowser's resolver/proxy to resolve Handshake names in your favorite browsers. This was something you could always do, we just made it more prominent. Most of the guide follows below:
</li>
</ul>
</div>
<div class="facts">
Fun fact: you can use the Handshake backend of HandyBrowser in your favorite web browsers on the same local network (meaning your mobile too).<br />
Howto: First, start HandyBrowser to run the Handshake Proxy backend. (You can close HandyBrowser anytime after it boots). Then:<br />
<a href="#ff">Firefox Instructions</a>
<a href="#chromeWin">Chrome (Windows) Instructions</a>
<a href="#chromeLin">Chrome (Linux) Instructions</a>
<a href="#ios">iOS Instructions</a>
<a href="#android">Android Instructions</a>
</div>
<div class="firefox">
<a id="ff"></a>
<h4>Firefox</h4>
<ul>
<li>Goto Options</li>
<li>Search for "Proxy"</li>
<li>Click on the "Settings..." button in the Network Settings results</li>
<li>Enter your IP and port (5301) from the HandyBrowser Proxy Info panel like so:</li>
<li><img src="./img/proxysetting_firefox.png" /></li>
<li>Now search in options for "Certificates", and click the "View Certificates..." Button</li>
<li><img src="./img/certs_ff1.png" /></li>
<li><a id="downloadCert">Download your Handshake Proxy Certificate in HandyBrowser</a>, and then in Firefox, click "Import..." to import the downloaded certificate.</li>
<li>When importing, you will check the box for "Trust this CA to Identify Websites" like this:</li>
<li><img src="./img/certs_ff2.png" /><br />And then click "OK"</li>
<li>Now visit a Handshake enabled site, like: http://welcome.nb/, or https://3b/</li>
</ul>
</div>
<div class="chromeWin">
<a id="chromeWin"></a>
<h4>Chrome (Windows)</h4>
<ul>
<li>Goto Settings</li>
<li>Search for "proxy"</li>
<li>Click the option for "Open your Computer's Proxy Settings</li>
<li>Scroll down to "Manual Proxy Setup"</li>
<li>Click the toggle for "Use a proxy server"</li>
<li>Address: localhost</li>
<li>Port: 5301</li>
<li>Click "Save"</li>
<li>Resolve Handshake Names like: welcome.nb/, or https://3b/</li>
<li>Note: For handshake names, make sure you add the trailing slash (/) after the TLD like 3b/ or welcome.nb/</li>
</ul>
</div>
<div class="chromeLin">
<a id="chromeLin"></a>
<h4>Chrome (Linux)</h4>
<ul>
<li>Run chrome with the --proxy-server flag like: google-chrome --proxy-server="127.0.0.1:5301"</li>
<li>Resolve Handshake Names like: welcome.nb/, or https://3b/</li>
<li>Note: For Handshake names, make sure you add the trailing slash (/) after the TLD like 3b/ or welcome.nb/</li>
</ul>
</div>
<div class="ios">
<a id="ios"></a>
<h4>iOS</h4>
<ul>
<li>Open "Settings"</li>
<li>Wi-Fi Settings</li>
<li>Click the "i" icon next to your wifi network like:</li>
<li><img src="./img/wifi_setting_ios0.jpeg" /></li>
<li>Scroll to the bottom of this screen, and tap "Configure Proxy"</li>
<li>Set to "Manual" (try Automatic too if youre lucky)</li>
<li>Set the IP and port to the address listed in the HandyBrowser Proxy Info Menu</li>
<li>Tap "Save" in the top-right</li>
<li>Visit a Handshake enabled site like http://welcome.nb./ (notice the "." after the TLD)</li>
</ul>
</div>
<div class="android">
<a id="android"></a>
<h4>Android</h4>
<ul>
<li>Open "Settings"</li>
<li>Network & internet</li>
<li>Wi-Fi</li>
<li>Click the settings cog next to your network name</li>
<li>Click the "Pencil" icon at the top to edit network</li>
<li>Under "Proxy" click on "None" to edit --> Select "Manual"</li>
<li>Proxy hostname = IP listed in the HandyBrowser Proxy Info Menu</li>
<li>Proxy port = port listed in the HandyBrowser Proxy Info Menu</li>
<li>SAVE</li>
<li>Now we update the root CA security certificate::</li>
<ul>
<li>Download the Certificate .crt file in the HandyBrowser Proxy Info Menu, transfer to your Android device</li>
<li>settings</li>
<li>security</li>
<li>advanced</li>
<li>encryption & credentials</li>
<li>install a certificate</li>
<li>select the downloaded .crt file</li>
<li>done</li>
</ul>
<li>Visit a Handshake enabled site like http://welcome.nb, or https://3b on any Browser app</li>
</ul>
</div>
</div>
<div class="donate50">
<div class="donateLabel">
Donate HNS to the HandyBrowser Team:
</div>
<img class="qr" src="./icons/qr.png" />
<div class="donateLabel">
<input class="selectMe" readonly="readonly" value="hs1qwfpd5ukdwdew7tn7vdgtk0luglgckp3klj44f8" size="45" />
</div>
</div>
<div class="donate50">
<div class="donateLabel">
Donate BTC to the HandyBrowser Team:
</div>
<img class="qr" src="./img/btc_qr.jpg" />
<div class="donateLabel">
<input class="selectMe" readonly="readonly" value="bc1qk3rk4kgek0hzpgs8qj4yej9j5fs7kcnjk7kuvt" size="45" />
</div>
</div>
</body>
</html>