90 lines
3.1 KiB
HTML
90 lines
3.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<link
|
|
rel="stylesheet"
|
|
href="https://cdn.jsdelivr.net/npm/@picocss/pico@2/css/pico.jade.min.css"
|
|
>
|
|
<title>Server Login</title>
|
|
<style>
|
|
body {
|
|
height: 100vh;
|
|
width: 100vw;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
div.row {
|
|
display: flex;
|
|
align-items: center;
|
|
max-width: 33%;
|
|
height: 50px;
|
|
overflow: hidden;
|
|
flex: 1;
|
|
}
|
|
div.row:nth-child(2) {
|
|
justify-content: center;
|
|
}
|
|
div.row:last-child {
|
|
margin-left: auto;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div>
|
|
<h3>欢迎来到 UAuth</h3>
|
|
<article style="display: flex; align-items: center;">
|
|
<div class="row">
|
|
<div style="height:50px; width:50px;">
|
|
<img src="https://picsum.photos/seed/drealism/200"/>
|
|
</div>
|
|
<div style="margin-left:10px; ">UAuth</div>
|
|
</div>
|
|
<div style="transform: rotate(90deg);" class="row">
|
|
<svg t="1730168415342" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1981" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="40"><path d="M428.3 66.4c-12-5-25.7-2.2-34.9 6.9l-320 319.6c-12.5 12.5-12.5 32.7 0 45.3 12.5 12.5 32.7 12.5 45.3 0l265.4-265V928c0 17.7 14.3 32 32 32s32-14.3 32-32V96c-0.1-12.9-7.9-24.6-19.8-29.6zM950.6 585.8c-12.5-12.5-32.8-12.5-45.3 0L640 850.8V96c0-17.7-14.3-32-32-32s-32 14.3-32 32v832c0 12.9 7.8 24.6 19.7 29.6 4 1.6 8.1 2.4 12.2 2.4 8.3 0 16.5-3.2 22.6-9.4l320-319.6c12.6-12.4 12.6-32.7 0.1-45.2z" p-id="1982"></path></svg>
|
|
</div>
|
|
<div class="row">
|
|
<div style="height:50px; width:50px;">
|
|
<img src="{{ .client_icon }}"/>
|
|
</div>
|
|
<div style="margin-left:10px; ">
|
|
{{ .client_name }}
|
|
</div>
|
|
</div>
|
|
</article>
|
|
<form action="/oauth/v2/login" method="POST">
|
|
<fieldset>
|
|
<label>
|
|
Username
|
|
<input
|
|
name="username"
|
|
placeholder="username"
|
|
autocomplete="given-name"
|
|
/>
|
|
</label>
|
|
<label>
|
|
Password
|
|
<input
|
|
type="password"
|
|
name="password"
|
|
placeholder="password"
|
|
autocomplete="password"
|
|
/>
|
|
</label>
|
|
<input type="hidden" name="client_id" value="{{ .client_id }}"/>
|
|
<input type="hidden" name="redirect_uri" value="{{ .redirect_uri }}"/>
|
|
<input type="hidden" name="scope" value="{{ .scope }}"/>
|
|
<input type="hidden" name="state" value="{{ .state }}" />
|
|
<input type="hidden" name="response_type" value="{{ .response_type }}" />
|
|
</fieldset>
|
|
|
|
<input
|
|
type="submit"
|
|
value="登录"
|
|
/>
|
|
</form>
|
|
</div>
|
|
</body>
|
|
</html>
|