-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
184 lines (127 loc) · 6.34 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
<!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">
<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>
</head>
<body>
<header class="dapp-header dapp-overflow">
<div align="center">
<h1>Decenteralized Sale of Chametz  <span style="color:red">BETA!</span></h1>
</div>
</header>
<div class="dapp-flex-content dapp-overflow">
<!-- content-->
<main class="dapp-content">
<div style="height:15%" class="w3-container w3-khaki">
<h1 align="center" style="background-color:yellow">What is Chametz?</h1>
</div>
<div class="w3-sand">
<ul><li>Chametz are leavened foods that are forbidden on the Jewish holiday of Passover. According to Jewish law, Jews may not own, eat or benefit from chametz during Passover.</li></ul>
</div>
<div style="height:15%" class="w3-container w3-khaki">
<h1 align="center" style="background-color:yellow">What are the rules of Chametz sale?</h1>
</div>
<div class="w3-sand">
<ul><li>They are very complicated. See a summary <a href="https://en.wikipedia.org/wiki/Passover#Sale_of_chametz">here.</a></li></ul>
</div>
<div style="height:15%" class="w3-container w3-khaki">
<h1 align="center" style="background-color:yellow">What is the smart contract doing?</h1>
</div>
<div class="w3-sand">
<ul><li>With the smart contract jews could sell their Chametz for 30 finney (around $1) and buy it back after Passover ends for 60 finney.</li>
<li>When offering Chametz for sale the seller deposit 30 finney.</li>
<li>When buying Chametz the buyer pays 30 finney to the contract.</li>
<li>When passover ends the buyer returns the Chametz and get 60 finney.</li>
</ul>
</div>
<div style="height:15%" class="w3-container w3-khaki">
<h1 align="center" style="background-color:yellow">What are the important things to know?</h1>
</div>
<div class="w3-sand">
<ul><li>Read the <a href="https://etherscan.io/address/0x5ccbba98869018d8f1f87402dc78fef763c85b89#code">contract.</a></li>
<li>Beware that seller is always losing money and buyer always gain some.</li>
<li>Please buy only if you are not a jew.</li>
</ul>
</div>
<div style="height:15%" class="w3-container w3-khaki">
<h1 align="center" style="background-color:yellow">Who are you?</h1>
</div>
<div class="w3-sand">
<ul><li> <p>Contact:
<a href="https://github.com/yaronvel" target="_blank"> GitHub </a> ·
<a href="https://www.reddit.com/user/yaronv" target="_blank"> Reddit </a> ·
</p>
</li>
</ul>
</div>
<div class="w3-container w3-green">
<h1 align="center" style="background-color:yellow">The DAPP</h1>
</div>
<div align="center">
<span class="item-box-address">
<span class="item-address">
<span aria-hidden="true" class="icon-user"></span> Your account:
</span>
</span>
<select id="public_address">
</select>
</div>
<div id="after_load" align="center">
<div><label id="time_label">Time until passover starts</label></div>
<div><label id="units_for_sale_label"></label></div>
<div><button id="sell_button" onclick="sell()" type="button">Sell</button><label id="sell_label"> </label></div>
<div><button id="buy_button" onclick="buy()" type="button">Buy</button><label id="buy_label"></label></div>
<div><button id="return_button" onclick="return_chametz()" type="button">Return Chametz</button><label id="return_label"></label></div>
<div><button id="cancel_button" onclick="cancel_sell()" type="button">Cancel Sell</button><label id="cancel_label"></label></div>
</div>
<div id="outer">
<div id="middle">
<div id="inner">
<div id="before_load" align="center">
<i class="fa fa-spinner fa-pulse fa-3x fa-fw"></i>
<span class="sr-only">Loading...</span>
</div>
</div>
</div>
</div>
</div>
</main>
<!-- actionbar -->
<aside class="dapp-actionbar dapp-overflow" hidden>
</aside>
</div>
<!-- footer -->
<footer class="dapp-footer dapp-overflow">
<div class="dapp-message"><a id="footer_status_msg"></a></div>
</footer>
<!--
<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>