-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
170 lines (134 loc) · 6.74 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
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="dapp-styles/dist/dapp-styles.css">
<link rel="stylesheet" type="text/css" href="dapp-styles/icons/style.css">
<link rel="stylesheet" type="text/css" href="dapp-styles/icons/simple-line-icons.css">
<link rel="stylesheet" type="text/css" href="fontawsome/font-awesome-4.6.3/css/font-awesome.css">
<link rel="stylesheet" href="http://www.w3schools.com/lib/w3.css">
<style type="text/css">
#outer {height: 400px; overflow: hidden; position: relative;}
#outer[id] {display: table; position: static;}
#middle {position: absolute; top: 50%;} /* for explorer only*/
#middle[id] {display: table-cell; vertical-align: middle; width: 100%;}
#inner {position: relative; top: -50%}
</style>
<script src="https://code.jquery.com/jquery-1.12.2.min.js">
</script>
<script src="web3.min.js"></script>
<script src="bignumber.js"></script>
<script src="globalParams.js"></script>
<script src="userinput.js"></script>
<script src="deals.js"></script>
<script src="events.js"></script>
<script src="init.js"></script>
<script src="myDeals.js"></script>
<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-85156609-1', 'auto');
ga('send', 'pageview');
</script>
</head>
<body>
<header class="dapp-header dapp-overflow">
<div align="center">
<h1>Decenteralized Ether Mixer  <span style="color:red">BETA!</span></h1>
</div>
</header>
<div class="dapp-flex-content dapp-overflow">
<!-- aside -->
<aside class="dapp-aside">
<nav>
<div class="list-group">
<ul>
<li>
<a class="list-group-item" href="index.html"><i class="fa fa-home fa-fw" aria-hidden="true"></i> Home</a>
</li>
<li>
<a class="list-group-item" href="mydeals.html"><i class="fa fa-tachometer fa-fw" aria-hidden="true"></i> Mix Dashboard</a>
</li>
<li>
<a class="list-group-item" href="alldeals.html"><i class="fa fa-book fa-fw" aria-hidden="true"></i> Deals Monitor</a>
</li>
<li>
<a class="list-group-item" href="contract.html"><i class="fa fa-pencil fa-fw" aria-hidden="true"></i> The Contract</a>
</li>
<li>
<a class="list-group-item" href="about.html"><i class="fa fa-cog fa-fw" aria-hidden="true"></i> About</a>
</li>
</ul>
</div>
</nav>
</aside>
<!-- content-->
<main class="dapp-content">
<div style="height:100%" class="w3-sand" >
<div class="w3-container w3-light-green">
<h1 align="center">THE PROTOCOL</h1>
</div>
<div style="height:15%" class="w3-container w3-khaki">
<div align="center" style="font-size:375%;"><a>DAY 1</a> </div>
</div>
<div class="w3-sand">
<ul><li>Users join the deal by making <span class="span_collatoral_value">todo</span> ETH collateral from their secret account. Note that the secret account must already hold some funds.</li></ul>
</div>
<div style="height:15%" class="w3-container w3-khaki">
<div align="center" style="font-size:375%;"><a>DAY 2</a> </div>
</div>
<div class="w3-sand">
<ul><li>Users deposit <span class="span_deposit_value">todo</span> ETH from their secret public account.</ul></li>
</div>
<div style="height:15%" class="w3-container w3-khaki">
<div align="center" style="font-size:375%;"><a>DAY 3</a> </div>
</div>
<div class="w3-sand">
<ul><li>If all users made a deposit, then every secret account withdraws <span class="span_deposit_value">todo</span> ETH and its <span class="span_collatoral_value">todo</span> ETH collateral.</ul></li>
<ul><li>Otherwise, the collaterals are divided among all public accounts who made a deposit.</ul></li>
</div>
</div>
<div style="height:100%" class="w3-sand">
<div align="center" class="w3-container w3-light-green">
<h1>THE DAPP</h1>
</div>
<div class="w3-sand">
To start click the <a class="list-group-item" href="mydeals.html"><i class="fa fa-tachometer fa-fw" aria-hidden="true"></i> Mix Dashboard</a> button and join an existing deal, or start a new one if no open deals currently exist.<br>
The web inteface allows to open a new deal once every 24 hours.<br>
In this beta stage, every public and secret account are allowed to join only once for every deal. The collateral and deposit size are fixed.<br>
</div>
<div align="center" class="w3-container">
<h3><p style="color:black">0 fees are charged!</p></h3>
</div>
<div align="center" class="w3-container w3-red">
<h3><p style="color:black">The website is in beta stage and we do not offer any gaurantee for your funds or privacy.</p></h3>
</div>
</div>
<div style="height:100%" class="w3-sand" >
<div align="center" class="w3-container w3-light-green">
<h1>INFO FOR ADVANCE USERS</h1>
</div>
<div>
The website only reveals partial functionallity of the contract.
If you wish to create deals with different parmaters (like higher deposit values),
you should read the contract code (click on <a class="list-group-item" href="contract.html"><i class="fa fa-pencil fa-fw" aria-hidden="true"></i> The Contract</a> button) and interact with its function directly via your ethereum wallet.<br>
A technical analysis of the protocol can be found <a href="https://github.com/yaronvel/smart_contracts/tree/master/mixer/simple">here</a>
</div>
</div>
</main>
<!-- actionbar -->
<aside class="dapp-actionbar dapp-overflow" hidden>
</aside>
</div>
<!--
<script type="text/javascript">
function autorun(){
init();
}
if (document.addEventListener) document.addEventListener("DOMContentLoaded", autorun, false);
else if (document.attachEvent) document.attachEvent("onreadystatechange", autorun);
else window.onload = autorun;
</script>-->
</body>
</html>