-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
66 lines (62 loc) · 2.8 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Donate Widget</title>
<link rel="stylesheet" href="src/crypto-donate.css">
<style>
section {
font-family: "Roboto", sans-serif;
width: 500px;
margin: auto;
}
article {
line-height: 1.3;
font-size: 18px;
margin-bottom: 100px;
}
article .curtain {
display: block;
width: 100%;
height: 50px; margin-top: -50px; position: absolute; box-sizing: border-box;
padding-top: 40px;
background: linear-gradient(to top, white, white, rgba(255,255,255,0));
font-weight: 600;
}
article .curtain a {
color: #0055FF; text-decoration: none;
}
h1 {
font-size: 40px;
}
</style>
</head>
<body>
<section>
<h1>Article</h1>
<article>
The new product called Waves Signer is created to partially solve the problem and remove a barrier for users in a Waves ecosystem. 🎉
Since now, developers can use Waves Signer functionality to allow users authorise using any preferable way - using any signature provider.
The following products can be used as a provider:
For now, Waves.Exchange provider is ready. It means, users can authorise in the 3-rd party applications using the Waves.Exchange account in any browser without downloading any extensions.
Right after the next picture I will describe the steps that developers need to do for implementing this feature to their dApps.
Waves Signer // transaction confirmation windowHow to use Waves Signer?
Let's discover the functionality that developers can implement to their dApps using Waves Signer. We will build an easy JS application step-by-step. The example is also published at github.
Let's code!!!
<div class="curtain">
Read on <a href="https://medium.com/@izhur27/getting-started-with-waves-signer-893017c9b7ae" target="_blank">Medium</a>
</div>
</article>
<h2>Liked the article?</h2>
<!-- the button -->
<script src="dist/dapp-settings.min.js"></script>
<div class="waves__donate">
<div class="waves__donate-label">Donate crypto to the author!</div>
<button class="waves__donate-button" onclick="dApp.donate(this, 10**4)" data-recipient="vlzhr">0.0001 <span class="waves__logo"></span></button>
<button class="waves__donate-button" onclick="dApp.donate(this, 10**8)" data-recipient="vlzhr">1 <span class="waves__logo"></span></button>
<button class="waves__donate-button" onclick="dApp.donate(this, 5*10**8)" data-recipient="vlzhr">5 <span class="waves__logo"></span></button>
</div>
<!-- widget's end -->
</section>
</body>
</html>