-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
222 lines (210 loc) · 8.61 KB
/
Copy pathindex.html
File metadata and controls
222 lines (210 loc) · 8.61 KB
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
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>BariaDAO | Collective Intelligence</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&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="baslik">
<h1 class="baria">BARIA</h1>
<font class="slogan">Collective Intelligence</font>
<p>
<div id="walletAddress" class="wallet-info"></div>
<div id="walletBalance" class="wallet-info"></div>
</p>
</div>
<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>Deposit USDC to become member of Trading Union</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 and rebalancing
assets, with the treasury's profits and losses being evenly distributed among all depositors'
contributions. As compensation for managing the vault, manager team 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 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 vault 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>
<ul class="liste"><li>Parla</li><li>Ada</li><li>Noa</li><li>Defne</li><li>Derin</li></ul>
<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 class="option">
<h2>Education</h2>
<ul class="liste">
<li>Bankless Academy</li>
<li>slide + quiz</li>
<li>jargon sözlük</li>
<li>dijital gazete - newsletter</li>
<li>mobile notification</li>
<li>hazine komitesi</li>
<li>onboarding komitesi</li>
<li>core</li>
</ul>
<button>Learn</button>
</div>
<div class="option">
<h2>Smart Swarm</h2>
<ul class="liste">
<li>Walking the Territory</li>
<li>The Journal</li>
<li>Silent Quorum</li>
<li>Natural Dance</li>
<li>Wilderness Committee</li>
<li>Seasonal Governance</li>
<li>Independent Observation Posts</li>
</ul>
<button>Adapt</button>
</div>
<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 Waitlist</h2>
<p>Be among the first ones of the Baria.</p>
<button>join Waitlist</button>
</div>
<div class="option">
<h2>Invite Code</h2>
<p>Already have an invite code?</p>
<button>redeem code</button>
</div>
<header class="thinheader">Highly <br>
Experimental</header>
<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://x.com/bparlan" target="_blank" aria-label="X" 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:bparlan@bparlan.com" 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>v.0.3.a</p>
<button>CORE</button>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/ethers@5.7.2/dist/ethers.umd.min.js"></script>
<script src="./script.js" type="module"></script>
</body>
</html>