Skip to content
Open
Changes from 1 commit
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Add basic styling to index.html
  • Loading branch information
wingleung committed Dec 19, 2018
commit 25bdc996e2b6e73517f284cf4f95d7f4b9190767
64 changes: 46 additions & 18 deletions src/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -3,29 +3,57 @@
<head>
<meta charset="UTF-8">
<title>Authorizer</title>
<style media="screen">
html, body {
height: 100%;
}

body {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
flex-direction: column;
padding-top: 40px;
padding-bottom: 40px;
background-color: #f5f5f5;
}

.vrt-authorizer-main {
width: 100%;
max-width: 480px;
padding: 30px 25px;
margin: 2rem auto;
background: white;
border-radius: 5px;
box-shadow: 0 0 35px rgba(0, 0, 0, .1);
}
</style>
</head>
<body>
<h1>Authorizer</h1>
<div class="no_access" style="display: none;">
<p>You have no access.</p>
<p>
<a href="{{{authenticate}}}"><!-- href filled in by Python -->Authenticate</a>
</p>
</div>
<div class="access" style="display: none;">
<p>You have a valid token until <span class="exp">EXPIRATION</span></p>
<p>This token was (originally) generated by <span class="azp"></span></p>
<p class="sub_present" style="display: none;">This token was delegated to: <span class="sub"></span></p>
<main class="vrt-authorizer-main">
<h1>Authorizer</h1>
<div class="no_access" style="display: none;">
<p>You have no access.</p>
<p>
<a href="{{{authenticate}}}"><!-- href filled in by Python -->Authenticate</a>
</p>
</div>
<div class="access" style="display: none;">
<p>You have a valid token until <span class="exp">EXPIRATION</span></p>
<p>This token was (originally) generated by <span class="azp"></span></p>
<p class="sub_present" style="display: none;">This token was delegated to: <span class="sub"></span></p>

<p class="all_domains" style="display: none;">You have access to all domains.</p>
<p class="all_domains" style="display: none;">You have access to all domains.</p>

<p class="domain_limit" style="display: none;">You have access to the following domains:</p>
<ul class="domain_limit domain_list" style="display: none;"></ul>
<p class="domain_limit" style="display: none;">You have access to the following domains:</p>
<ul class="domain_limit domain_list" style="display: none;"></ul>

<p class="access" style="display: none;">
<a href="/delegate">Delegate (part of) this access to a third party</a>
</p>
</div>
<p class="access" style="display: none;">
<a href="/delegate">Delegate (part of) this access to a third party</a>
</p>
</div>
</main>

<script type="text/javascript">
/* These variables will be filled in by the Python code when this file
Expand Down