aladinnetwork-blockstack
Version:
The Aladin Javascript library for authentication, identity, and storage.
37 lines • 1.31 kB
HTML
<html>
<head>
<title>Hello, Aladin!</title>
<link rel="stylesheet" href="https://blockstack.org/css/bootstrap.min.css" />
<link rel="stylesheet" href="app.css" />
<link href="https://fonts.googleapis.com/css?family=Source+Code+Pro:300,400,500,600,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Lato:300,300i,400,400i,700,700i" rel="stylesheet">
<script src="../bundle.js"></script>
<script src="app.js"></script>
</head>
<body>
<div class="site-wrapper">
<div class="site-wrapper-inner">
<div class="panel-landing" id="section-1">
<h1 class="landing-heading">Hello, Aladin!</h1>
<p class="lead">
<a href="#" class="btn btn-primary btn-lg" id="signin-button">
Login with Aladin
</a>
</p>
</div>
<div class="panel-welcome hide" id="section-2">
<div class="avatar-section">
<img src="https://s3.amazonaws.com/onename/avatar-placeholder.png" class="img-rounded avatar" id="avatar-image">
</div>
<h1>Hello, <span id="heading-name">Anonymous</span>!</h1>
<p class="lead">
<a href="#" class="btn btn-primary btn-lg" id="signout-button">
Logout
</a>
</p>
</div>
</div>
</div>
</body>
</html>