<?php $this->layout('layout', ['title' => $title]); ?>
|
|
|
|
<style type="text/css">
|
|
body {
|
|
background-color: #DADADA;
|
|
}
|
|
body > .grid {
|
|
height: 100%;
|
|
}
|
|
.image {
|
|
margin-top: -100px;
|
|
}
|
|
.column {
|
|
max-width: 450px;
|
|
}
|
|
</style>
|
|
|
|
<div class="ui middle aligned center aligned grid">
|
|
<div class="column">
|
|
<h2 class="ui teal image header">
|
|
<img src="/assets/telegraph-logo-256.png" class="image">
|
|
<div class="content">
|
|
Sign in to Telegraph
|
|
</div>
|
|
</h2>
|
|
|
|
<?php if(isset($error)): ?>
|
|
<div class="ui warning message">
|
|
<div class="header"><?= $error ?></div>
|
|
<?= $error_description ?>
|
|
</div>
|
|
<?php endif; ?>
|
|
|
|
<form class="ui large form" action="/login/start" method="POST" >
|
|
<div class="ui stacked segment">
|
|
<div class="field">
|
|
<div class="ui left icon input">
|
|
<i class="globe icon"></i>
|
|
<input type="url" name="url" placeholder="Your Web Address" value="http://aaronparecki.com">
|
|
</div>
|
|
</div>
|
|
<input type="hidden" name="return_to" value="<?= $return_to ?>">
|
|
<button class="ui fluid large teal submit button">Login</button>
|
|
</div>
|
|
|
|
<div class="ui error message"></div>
|
|
|
|
</form>
|
|
|
|
<div class="ui message">
|
|
What's this? <a href="https://indieauth.com/setup">About IndieAuth</a>
|
|
</div>
|
|
</div>
|
|
</div>
|