You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

54 lines
1.4 KiB

<?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" style="word-wrap: break-word;">
<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">
</div>
</div>
<input type="hidden" name="return_to" value="<?= isset($return_to) ? $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>