1
- <!doctype html>
2
- < html lang =" en " >
1
+ <!DOCTYPE html>
2
+ < html >
3
3
< head >
4
-
5
- < meta charset ="utf-8 ">
6
- < meta name ="viewport " content ="width=device-width, initial-scale=1, shrink-to-fit=no ">
7
- < meta name ="description " content ="The one stop conference organizer ! ">
8
- < meta property ="og:image:type " content ="image/png ">
9
- < meta property ="og:image:width " content ="1024 ">
10
- < meta property ="og:image:height " content ="1024 ">
11
- < script src ="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js "> </ script >
12
- < link rel ="stylesheet " href ="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css " integrity ="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm " crossorigin ="anonymous ">
13
- < link rel ="stylesheet " href ="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css ">
14
- < title > AMIS Conference organizer</ title >
4
+ < title > Conference DApp</ title >
15
5
< link href ='https://fonts.googleapis.com/css?family=Open+Sans:400,700,300 ' rel ='stylesheet ' type ='text/css '>
16
- < link rel ="shortcut icon " type ="image/x-icon " href ="./favicon.png ">
17
- < script src ='https://www.google.com/recaptcha/api.js '> </ script >
18
- < style >
19
- .animation_background {
20
- width : 100% ;
21
- bottom : 0% ;
22
- height : 100% ;
23
- position : fixed;
24
- }
25
-
26
- # input_l , # input_r {
27
- margin : 10px ;
28
- }
29
-
30
- .btn {
31
- margin-right : 10px ;
32
- }
33
-
34
- # info {
35
- padding-left : 0px ;
36
- padding-top : 1px ;
37
-
38
- }
39
-
40
- li {
41
- margin-top : 0.3vh ;
42
- margin : 10px ;
43
- }
44
-
45
- .btn-outline-success .focus , .btn-outline-success : focus {
46
- box-shadow : 0 0 0 0.2rem rgba (0 , 0 , 0 , 0 );
47
- }
48
-
49
- a : hover , a : visited , a : link , a : active {
50
- text-decoration : none;
51
- outline : 0 ;
52
- }
53
-
54
- </ style >
55
- < link rel ="shortcut icon " type ="image/x-icon " href ="./favicon.png ">
56
- </ head >
57
- < body style ="background-color: #242733 ">
58
- < nav class =" navbar-expand-lg navbar fixed-top navbar-dark bg-dark ">
59
- < button class ="navbar-toggler " type ="button " data-toggle ="collapse " data-target ="#navbarSupportedContent " aria-controls ="navbarSupportedContent " aria-expanded ="false " aria-label ="Toggle navigation ">
60
- < span class ="navbar-toggler-icon "> </ span >
61
- </ button >
62
6
< style >
63
7
body {
64
8
font-family : Arial, sans-serif;
76
20
button # createWallet { background-color : # add8e6 ; }
77
21
# seed {color : green;}
78
22
</ style >
23
+ < script type ="text/javascript " src ="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js "> </ script >
24
+ < script src ="./app.js "> </ script >
79
25
</ head >
80
26
< body >
81
- < script > function shapeshift_click ( a , e ) { e . preventDefault ( ) ; var link = a . href ; window . open ( link , '1418115287605' , 'width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=0,left=0,top=0' ) ; return false ; } </ script > < a href ="https://shapeshift.io/shifty.html?destination=0x0B5fa328278442956D405d8b501571E20b96260E&apiKey=f51bfd203a2e386ccf21b61edc1a37e6fb3ab6a86b4f9d5f7c0c85b94035f9edfc4205475ed6494b2e89f4347bd9807db84b9ba956d9bbb99f48a76bcb04caa7&amount= " onclick ="shapeshift_click(this, event); "> < img class ="ss-button " src ="https://shapeshift.io/images/shifty/small_light_ss.png "> </ a >
27
+ < h1 > Conference DApp</ h1 >
28
+ < div class ="section ">
29
+ Contract deployed at: < div id ="confAddress "> </ div >
30
+ </ div >
31
+ < div class ="section ">
32
+ Organizer: < input type ="text " id ="confOrganizer " />
33
+ </ div >
34
+ < div class ="section ">
35
+ Quota: < input type ="text " id ="confQuota " />
36
+ < button id ="changeQuota "> Change</ button >
37
+ < span id ="changeQuotaResult "> </ span >
38
+ </ div >
39
+ < div class ="section ">
40
+ Registrants: < span id ="numRegistrants "> 0</ span >
41
+ </ div >
42
+
43
+ < hr />
44
+
45
+ < div class ="section ">
46
+ < h2 > Buy a Ticket</ h2 >
47
+ Ticket Price: < input type ="text " id ="ticketPrice " value ="0.05 " />
48
+ Buyer Address: < input type ="text " id ="buyerAddress " />
49
+ < button id ="buyTicket "> Buy Ticket</ button >
50
+ < span id ="buyTicketResult "> </ span >
51
+ </ div >
52
+
53
+ < hr />
54
+
55
+ < div class ="section ">
56
+ < h2 > Refund a Ticket</ h2 >
57
+ Ticket Price: < input type ="text " id ="ticketPrice " value ="0.05 " />
58
+ Buyer Address: < input type ="text " id ="refBuyerAddress " />
59
+ < button id ="refundTicket "> Refund Ticket</ button >
60
+ < span id ="refundTicketResult "> </ span >
61
+ </ div >
62
+
63
+ < hr />
64
+
65
+ < div class ="section ">
66
+ < h2 > Create a Wallet</ h2 >
67
+ Password: < input type ="text " id ="password " />
68
+ < button id ="createWallet "> Create Wallet</ button >
69
+ < button id ="fundWallet "> Fund Wallet with 1 ETH</ button >
82
70
83
- < h1 > AMIS Conference Organizer</ h1 >
71
+ < br /> < br />
72
+ Your Wallet Secret Seed: < span id ="seed "> </ span >
73
+ < br /> < br />
74
+ Your New Wallet Address: < span id ="wallet "> </ span >
75
+ < br /> < br />
76
+ Your New Wallet Private Key: < span id ="privateKey "> </ span >
77
+ < br /> < br />
78
+ Wallet Balance: < span id ="balance "> </ span >
79
+ < br /> < br />
80
+ < button id ="checkBalance "> Check Balance</ button >
81
+ </ div >
84
82
85
- < div class ="section ">
86
- Contract deployed at: < div id ="contractAddress "> </ div >
87
- </ div >
88
- < div class ="section ">
89
- Organizer: < input type ="text " id ="confOrganizer " />
90
- </ div >
91
- < div class ="section ">
92
- Quota: < input type ="text " id ="confQuota " />
93
- < button id ="changeQuota "> Change</ button >
94
- < span id ="changeQuotaResult "> </ span >
95
- </ div >
96
- < div class ="section ">
97
- Registrants: < span id ="numRegistrants "> 0</ span >
98
- </ div >
99
-
100
- < hr />
101
-
102
- < div class ="section ">
103
- < h2 > Buy a Ticket (Priced in AMIS)</ h2 >
104
- Ticket Price: < input type ="text " id ="ticketPrice " value ="0.05 " />
105
- Buyer Address: < input type ="text " id ="buyerAddress " />
106
- < button id ="buyTicket "> Buy Ticket</ button >
107
- < span id ="buyTicketResult "> </ span >
108
- </ div >
109
-
110
- < hr />
111
-
112
- < div class ="section ">
113
- < h2 > Refund a Ticket</ h2 >
114
- Ticket Price: < input type ="text " id ="ticketPrice " value ="0.05 " />
115
- Buyer Address: < input type ="text " id ="refBuyerAddress " />
116
- < button id ="refundTicket "> Refund Ticket</ button >
117
- < span id ="refundTicketResult "> </ span >
118
- </ div >
119
-
120
- < hr />
121
-
122
- < div class ="section ">
123
- < h2 > Create a Wallet</ h2 >
124
- Password: < input type ="text " id ="password " />
125
- < button id ="createWallet "> Create Wallet</ button >
126
- < button id ="fundWallet "> Fund Wallet with 1 ETH</ button >
127
-
128
- < br /> < br />
129
- Your Wallet Secret Seed: < span id ="seed "> </ span >
130
- < br /> < br />
131
- Your New Wallet Address: < span id ="wallet "> </ span >
132
- < br /> < br />
133
- Your New Wallet Private Key: < span id ="privateKey "> </ span >
134
- < br /> < br />
135
- Wallet Balance: < span id ="balance "> </ span >
136
- < br /> < br />
137
- < button id ="checkBalance "> Check Balance</ button >
138
- </ div >
139
-
140
- < script type ="application/javascript " src ="../../../airdrop/particles.js "> </ script >
141
- < script type ="application/javascript " src ="./app.js "> </ script >
142
- < script src ="https://code.jquery.com/jquery-3.2.1.slim.min.js " integrity ="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN " crossorigin ="anonymous "> </ script >
143
- < script src ="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js " integrity ="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q " crossorigin ="anonymous "> </ script >
144
- < script src ="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js " integrity ="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl " crossorigin ="anonymous "> </ script >
145
- < script src ="https://cdn.rawgit.com/ethereum/web3.js/develop/dist/web3.js "> </ script >
146
- < script src ="./index.js "> </ script >
147
83
</ body >
148
84
</ html >
0 commit comments