-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
135 lines (130 loc) · 6.45 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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">
<link rel="stylesheet" href="css/style.css">
<title>Bee Social</title>
</head>
<body>
<div class="lding">
<div class="lds-css ng-scope">
<div class="lds-cube">
<div></div>
<div></div>
<div></div>
<div></div>
</div>
</div>
</div>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand"><img src="img/logo.png" width="140" height="70" class="d-inline-block align-top" alt=""></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Transactions
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" id="transactions">See your transactions</a>
<a class="dropdown-item" id="visual">Visualize transactions</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">Something else here</a>
</div>
</li>
<li class="nav-item active" id="constructor">
<a class="nav-link">Constructor <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item active" id="register">
<a class="nav-link">Register <span class="sr-only">(current)</span></a>
</li>
</ul>
<div class="form-inline my-2 my-lg-0" style="padding: 1rem;">
<a href="#" id="avatar" class="user-menu" style="display: none;"><img src="img/default-avatar.png" width="60" height="45"></a>
<button class="btn btn-outline-primary my-2 my-sm-0" id="signin">Sign in</button>
</div>
<a href="https://github.com/antonshwab/beesocial"></a>
</div>
</nav>
<div id="registration" class="card border-secondary mb-3" style="margin: auto; width: 60%; padding-top: 0px; display: none;">
<div class="card-header">Registration form</div>
<div class="card-body" style="margin: auto; padding-top: 1rem;">
<div class="text-center">
<form class="form-register">
<img class="mb-4" src="img/logo.png" width="100" height="50">
<h3 class="h4 mb-4 font-weight-normal">Please fill in the following fields</h3>
<label class="sr-only">Email address</label>
<input id="inputEmail" class="form-control" placeholder="Email address" required autofocus>
<label class="sr-only">Login</label>
<input id="inputLogin" class="form-control" placeholder="login" required autofocus>
<label class="sr-only">Password</label>
<input id="inputPassword" class="form-control" placeholder="Password" required>
<div class="checkbox mb-3">
<label>
<input type="checkbox" value="remember-me"> I agree with everything
</label>
</div>
<button class="btn btn-lg btn-primary btn-block" type="submit">Register</button>
</form>
</div>
</div>
</div>
<div class="transaction" style="display: none;">
<table class="table table-striped transactions" style="width: 50%; font-size: .8rem;">
<thead>
<tr>
<th scope="col">hash</th>
<th scope="col">From</th>
<th scope="col">To</th>
<th scope="col">Tokens</th>
<th scope="col">Date</th>
<th scope="col">Description</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
<svg id="svg" style="position: absolute; width: 50%; top: 20%; left: 50%; z-index: 1; float: right;"></svg>
</div>
<div id="constr" class="card border-secondary mb-3" style="margin: auto; width: 60%; padding-top: 0px; display: none;">
<div class="card-header">Create transaction</div>
<div class="card-body" style="margin: auto; padding-top: 1rem;">
<div class="text-center">
<h3 class="h4 mb-4 font-weight-normal">Please fill in the following fields</h3>
<div class="input mb-3">
<input type="text" class="form-control" placeholder="From" aria-label="" aria-describedby="basic-addon1">
</div>
<div class="input mb-3">
<input type="text" class="form-control" placeholder="To" aria-label="" aria-describedby="basic-addon1">
</div>
<div class="input mb-3">
<input type="text" class="form-control" placeholder="WIF" aria-label="" aria-describedby="basic-addon1">
</div>
<div class="input mb-3">
<input type="text" class="form-control" placeholder="Amount / 1.000 GOLOS" aria-label="" aria-describedby="basic-addon1">
</div>
<div class="input mb-3">
<input type="text" class="form-control" placeholder="Memo" aria-label="" aria-describedby="basic-addon1">
</div>
<button class="btn btn-lg btn-primary btn-block">Send</button>
</div>
</div>
</div>
<div id="main" class="text-center"><p>Bee Social is a social platform that unites commercial companies, social projects and volunteers.<p>The Bee Social platform unites those who want to share their resources, and those who need these resources.<p><img src="https://beesocial.in/img/about_logo.png">
<p>A platform where everyone can help the social project with their resources and volunteering in exchange for honeycombs - the crypto currency.
</div>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<script src="https://d3js.org/d3.v5.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/golos-js@0.6.1/dist/golos.min.js"></script>
<script src="https://unpkg.com/sweetalert2@7.15.0/dist/sweetalert2.all.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap.native@2.0.22/dist/bootstrap-native-v4.min.js"></script>
<script src="https://golosimages.com/auth.js"></script>
<script src="js/app.js"></script>
</body>
</html>