-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathindex.html
155 lines (149 loc) · 8.11 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
---
layout: base
title: titles.home
permalink: /index.html
---
<section id="intro">
<div class="container">
<div class="row">
<div class="intro-info col">
<h1>Swap Bitcoin, Ethereum, <br>DAI stablecoin, Monero, <br>and more</h1>
<p>Swap through liquidity pools or provide liquidity to earn fees</p>
<div class="row download-btn">
<a href="https://github.com/serai-dex/serai" class="btn-primary">Explore GitHub</a>
<a href="https://discord.gg/mpEUtJR3vz" class="btn-secondary">Join us on Discord</a>
</div>
</div>
<div class="intro-img col">
<img src="/img/exchange.webp" alt="People exchanging crypto on Serai DEX"/>
</div>
</div>
</div>
</section>
<section id="shorts">
<div class="container">
<div class="row">
<div class="col short-item row">
<img src="/img/serai-short.svg" alt="Serai logo in a circle" class="col">
<h3 class="col">Decentralized</h3>
</div>
<div class="col short-item row">
<img src="/img/serai-short-grey.svg" alt="Serai logo in a circle" class="col">
<h3 class="col">Secure</h3>
</div>
<div class="col short-item row">
<img src="/img/serai-short-yellow.svg" alt="Serai logo in a circle" class="col">
<h3 class="col">Advanced</h3>
</div>
</div>
</div>
</section>
<section id="features" class="section">
<div class="container" id="intro-info">
<div class="row open">
<div class="col col-img">
<img src="/img/decentralized.webp" alt="Decentralized network"/>
</div>
<div class="col col-info">
<h3>Decentralized</h3>
<p>Serai has neither a central authority nor admin keys. Everything is open, from the source code to the validator set.</p>
</div>
</div>
<div class="row noncust">
<div class="col col-info">
<h3>Secure</h3>
<p>Funds are held in collateralized multisignature wallets to ensure financial security.</p>
</div>
<div class="col col-img">
<img src="/img/secure.webp" alt="A woman holding a cryptourrency wallet with keys"/>
</div>
</div>
<div class="row privacy">
<div class="col col-img">
<img src="/img/advanced.webp" alt="A man exploring advanced options of Serai DEX"/>
</div>
<div class="col col-info">
<h3>Advanced</h3>
<p>Serai uses its own cryptographic stack, audited and written in Rust, to enable an efficient and scalable architecture.</p>
</div>
</div>
</div>
</section>
<section id="moreinfo" class="section">
<div class="container">
<div class="row">
<div class="col">
<img src="/img/dive.webp" alt="A diver surrounded by Github logo and documentation references"/>
</div>
<div class="col">
<h2>Want to go deeper?</h2>
<p>Visit our GitHub or browse our documentation.</p>
<div class="row btn-group">
<a href="https://github.com/serai-dex/serai" class="btn-primary">GitHub</a>
<a href="https://github.com/serai-dex/serai/tree/develop/docs" class="btn-secondary">Documentation</a>
</div>
</div>
</div>
</div>
</section>
<section id="faq" class="section">
<div class="container">
<div class="row">
<div class="col">
<h3>More questions?</h3>
</div>
</div>
<div class="row">
<div class="col social">
<p>Here are the answers to a few popular questions. If you have another question, reach out on Discord and we will be happy to help you.</p>
<div class="social-links">
<ul>
<li><a href="https://discord.gg/mpEUtJR3vz" target="_blank" class="discord-icon">
<img src="/img/social-icons/discord-logo-blue.png" alt="Discord icon logo">
</a>
</li>
<li><a href="https://matrix.to/#/#serai:matrix.org" target="_blank" class="matrix-icon">
<img src="/img/social-icons/matrix-logo-blue.png" alt="Matrix icon logo">
</a>
</li>
<li><a href="https://twitter.com/SeraiDEX" target="_blank" class="twitter-icon">
<img src="/img/social-icons/twitter-logo-blue.png" alt="X (Twitter) icon logo">
</a>
</li>
</ul>
</div>
</div>
<div class="col accordion">
<label class="accordion__item">
<input type="checkbox" name="accordion">
<div class="accordion__title">What networks does Serai support?</div>
<div class="accordion__content">Serai will support swaps between Bitcoin, Ethereum, Monero, and itself. We plan to integrate with more networks shortly after launch. Please feel free to chime in with suggestions on Discord, Matrix, or Twitter.</div>
</label>
<label class="accordion__item">
<input type="checkbox" name="accordion">
<div class="accordion__title">What wallets work with Serai?</div>
<div class="accordion__content">We’ve partnered with <a href="https://cakewallet.com/">Cake Wallet</a> to enable users to provide liquidity and perform swaps.</div>
</label>
<label class="accordion__item">
<input type="checkbox" name="accordion">
<div class="accordion__title">How do swaps work?</div>
<div class="accordion__content">Rather than offering a maker-taker system, Serai utilizes a collection of concentrated liquidity pools. All pools have SRI on one side, efficiently connecting the entire network’s liquidity. These work together to enable even large swaps to be made quickly.</div>
</label>
<label class="accordion__item">
<input type="checkbox" name="accordion">
<div class="accordion__title">Can I provide liquidity on Serai?</div>
<div class="accordion__content">
<p>Yes, once we're live! Doing so will earn fees from swaps.</p>
</div>
</label>
<label class="accordion__item">
<input type="checkbox" name="accordion">
<div class="accordion__title">How can I contribute to Serai?</div>
<div class="accordion__content">
<p>If you’d like to contribute as a developer, please check out our <a href="https://github.com/serai-dex/serai/issues">open issues</a>. If you’d like to contribute in other ways, feel free to reach out and get in touch.</p>
</div>
</label>
</div>
</div>
</div>
</section>