-
-
Notifications
You must be signed in to change notification settings - Fork 44
/
index.html
76 lines (63 loc) · 2.77 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
<!doctype html>
<html lang="en">
<head>
<meta charset=utf-8>
<title>Peertransfer | In-browser secure peer-to-peer filetransfer in three simple steps.</title>
<meta name=viewport content='width=device-width, initial-scale=1'>
<link href=style.css rel=stylesheet>
<link href=assets/clipboard.css rel=stylesheet>
<link rel='shortcut icon' href=assets/favicon.png>
<meta name="image" property="og:image" content="https://perguth.de/peertransfer/assets/appshot.171012.png">
<meta property="og:image" content="https://perguth.de/peertransfer/assets/appshot.171012.png">
<meta property="og:title" content="Peertransfer | In-browser secure peer-to-peer filetransfer in three simple steps.">
<meta property="og:url" content="https://perguth.de/peertransfer/">
<meta property="og:description" content="Peertransfer is a browser-based tool for secure, peer-to-peer file transfers. Utilizing end-to-end encryption and cryptographic wrapping of WebRTC packets, Peertransfer ensures your data remains private and directly between peers without intermediary storage. Join us in enhancing this open-source project on GitHub.">
</head>
<body>
<!-- UI based on http://tutorialzine.com/2013/11/javascript-file-encrypter/ -->
<a class='back'></a>
<div id=stage>
<div id=step1>
<div class='content'>
<a class='button send magenta'>getting ready</a>
<small>Send files peer-to-peer and end-to-end encrypted.</small><br>
<small>Host it yourself! <a href=https://github.com/pguth/peertransfer class='github'>Github</a> has the source.</small>
<br>
<small style='opacity: 0.5;'><code id=version></code></small>
<input type=file id=send-input />
</div>
</div>
<div id=step2>
<div class='content if-send'>
<div class="input-group">
<input type=url class=url upload onClick=this.select() readonly id=connection-id
${!state.dashboard.connectionId ? 'disabled' : 'readonly'}
value="${window.location.href + '#/join/' + state.dashboard.connectionId}"
>
<span class="input-group-button">
<button class="btn" data-clipboard-target=#connection-id>
<img class="clippy" src=assets/clippy.svg alt="Copy to clipboard">
</button>
</span>
</div>
<div id=transfer-info>
Active transfers: <span id=active-transfers>0</span> -
Total downloads: <span id=finished-transfers>0</span>
</div>
</div>
<div class='content if-receive'>
<a class='button receive red'>Receiving...</a>
<!--<small>The download dialog will open automatically.</small>-->
</div>
</div>
<div id=step3>
<div class='content'>
<a class='button browse blue' id=downloadLink>Et voilà!</a>
</div>
</div>
</div>
<footer>
</footer>
<script src=bundle.js></script>
</body>
</html>