60 lines
1.9 KiB
HTML
60 lines
1.9 KiB
HTML
<html>
|
||
<head>
|
||
<title>Authorize an App</title>
|
||
<style>
|
||
/* Brutalist style CSS */
|
||
body { display: block;
|
||
color: #586e75;
|
||
margin: 2em auto 0;
|
||
max-width: 30em;
|
||
font-family: Consolas, Menlo, monospace;
|
||
line-height: 1.2em;
|
||
font-size: 18px;
|
||
background-color: #fdf6e3;
|
||
}
|
||
strong { color: #657b83; }
|
||
a { color: #268bd2;
|
||
}
|
||
a:visited { color: #6c71c4; }
|
||
a:hover { color: #cb4b16; }
|
||
a:active { color: #dc322f; }
|
||
a > code {
|
||
border: solid 2px;
|
||
box-shadow: 4px 4px;
|
||
padding: 5px;
|
||
}
|
||
code {
|
||
background-color: #eee8d5;
|
||
}
|
||
|
||
.button { display: inline-block;
|
||
border: solid 2px;
|
||
box-shadow: 4px 4px 0;
|
||
font-size: 22px;
|
||
font-weight: bold;
|
||
padding: 5px;
|
||
background-color: #eee8d5;
|
||
}
|
||
.button:hover { cursor: pointer;
|
||
color: #FFF;
|
||
box-shadow: 4px 4px 0 #000;
|
||
border-color: #000;
|
||
}
|
||
.button:active { box-shadow: 0 0; top: 4px; left: 4px; position: relative; }
|
||
.button.ok-button:hover { background-color: #859900;}
|
||
.button.deny-button:hover { background-color: #dc322f;}
|
||
.client-name { border-bottom: solid 4px #444;
|
||
padding: 2px;
|
||
display: inline-block;}
|
||
.redirect-uri { display: block;
|
||
margin: 2em 0;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<h1>Yolo App</h1>
|
||
<a href="http://localhost:9001/iroh/oauth2/authorize?response_type=code&client_id=localtest&redirect_uri=http%3A%2F%2Flocalhost%3A9999%2Flogin.html&scope=ctia&state=yolo" target="_blank">
|
||
click Here to authorize me with the <code>ctia</code> scope!
|
||
</a>
|
||
</body>
|
||
</html>
|