-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
188 lines (180 loc) · 7.91 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
185
186
187
188
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Baria FinGuard Wallet</title>
<link rel="stylesheet" href="./styles.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"
integrity="sha512-9usAa10IRO0HhonpyAIVpjrylPvoDwiPUiKdWk5t3PyolY1cOd4DSE0Ga+ri4AuTroPR5aQvXU9xC6qOPnzFeg=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap"
rel="stylesheet">
</head>
<body>
<div class="wrapper"></div>
<div class="language-selector">
<button>EN</button>
<button>TR</button>
<button>GR</button>
<button>ES</button>
</div>
<div class="container">
<div class="header">
<h1 class="title">BARIA</h1>
<font class="slogan">Decentralised Collective Intelligence</font>
<p>
<div id="walletAddress" class="wallet-info"></div>
<div id="walletBalance" class="wallet-info"></div>
</p>
</div>
<div class="wallet-options">
<div class="option">
<h2>web3 login</h2>
<ul class="liste">
<li>Complete independency</li>
<li>Non-custodial Ownership</li>
<li>Private communication</li>
<li>Best experience</li>
</ul>
</p>
<div class="login">
<p><button id="connectWalletButton">Connect Wallet</button></p>
<p><button id="disconnectWalletButton">Disconnect</button></p>
</div>
</div>
<div class="option">
<h2>web2 login</h2>
<p>
<ul class="liste">
<li>No asset ownership</li>
<li>Dependent to giants</li>
<li>Limited experience</li>
</ul>
</p>
</div>
<header class="thinheader">Collective <br> Intelligence
</header>
<div class="option">
<h2>DAO Treasury Management</h2>
<p>Treasury Commitee managing organization's funds.</p>
<button>Treasury</button>
</div>
<div class="option">
<h2>Dashboard & Vaults</h2>
<ul class="liste">
<li>Halving BullBear</li>
<li>Fear and Greed Index</li>
<li>Crash Fishing Perp</li>
<li>High Risk\Reward Index</li>
<li>Onchain Data Dashboard</u></li>
</ul>
<ul class="liste">
<li>Vault \ TVL \ APR \ Age</li>
<li>Last7days Graph</li>
<li>Deposit & Withdraw</li>
</div>
<div class="pbox">
<p>Vault functions similarly to a liquidity pool, where DAOs, institutions, and
individuals alike
are welcomed to deposit funds to generate earnings. Vault managers utilize these funds for
trading
Perps, with the treasury's profits and losses being evenly distributed among all depositors'
contributions. As compensation for managing the vault, owners are entitled to 10% of the
total
profits, though the distribution rate can be customized for each vault. Management of these
vaults
can either be undertaken by individual traders or automated through market makers. It's
crucial
for
users to carefully assess the risk and historical performance of a vault prior to making a
deposit,
as each strategy comes with its unique set of risks.</p>
</div>
<div class="option">
<h2>Personal Retirement</h2>
<p>Plan and save for your future retirement in an independent manner.</p>
<button>Retirement</button>
</div>
<div class="option">
<h2>Childrens of the Future</h2>
<p>Early retirement investment for childrens.</p>
<p><b>Parla, Ada, Noa</b></p>
<button>Childrens</button>
</div>
<div class="option">
<h2>Send & Receive Cash</h2>
<p>Securely store and manage your cash savings.</p>
<button>Wallet</button>
</div>
<div class="option">
<h2>History</h2>
<p>Transaction History, filtered by Deposit, Withdrawal, and Swaps.</p>
<button>Read Logs</button>
</div>
<header class="thinheader">Governance</header>
<div class="option">
<h2>Governance Forum</h2>
<p>Participate in community governance discussions.</p>
<button>Visit Forum</button>
</div>
<div class="option">
<h2>Proposals</h2>
<p>Submit and vote on community proposals.</p>
<ul class="liste">
<li>core team</li>
<li>community</li>
</ul>
<button>View Proposals</button>
</div>
</div>
<div class="wallet-options">
<header class="thinheader">Communication</header>
<div class="option">
<h2>dm | Private Messaging</h2>
<p>Send private messages to other users securely.</p>
<button>open DM</button>
</div>
<div class="option">
<h2>mIRC | Public Chat</h2>
<p>Join public channels to discuss with the community.</p>
<button>join Chat</button>
</div>
<div class="option">
<h2>Join to Baria</h2>
<p>In our Telegram, you can find updates and news, solutions to your problems and questions, and
be
a
part of Baria.</p>
<div class="social-icons">
<a href="https://twitter.com/bparlan" target="_blank" aria-label="Twitter" class="twitter">
<i class="fab fa-twitter"></i>
</a>
<a href="https://t.me/zincirgezen" target="_blank" aria-label="Telegram" class="telegram">
<i class="fab fa-telegram"></i>
</a>
<a href="https://discord.gg/CYndkWzBhP" target="_blank" aria-label="Discord" class="discord">
<i class="fab fa-discord discord-icon"></i>
</a>
<a href="mailto:[email protected]" target="_blank" aria-label="EMail" class="email">
<i class="fa-regular fa-envelope email-icon"></i>
</a>
</div>
</div>
<div class="option">
<h2>
<font class="parlan">parlan</font>
<font class="tech">tech</font>
</h2>
<p><b>Warning:</b> Highly Experimental</p>
<button>CORE</button>
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/ethers.umd.min.js"></script>
<script src="./script.js"></script>
</body>
</html>