Add password page and UI design update

This commit is contained in:
Jackie Sung
2021-02-01 21:15:36 +08:00
parent 035c0b9b0b
commit f08d65c66d
9 changed files with 62 additions and 35 deletions

View File

@@ -1,25 +1,51 @@
{{define "theme-daynight/viewpassword"}}
{{template "common/header" .}}
{{if ts .CustomCode}}
{{.CustomCode|safe}}
{{end}}
<div class="login nb-container">
<div class="ui center aligned grid">
<div class="column">
<h2 class="ui teal image header">
<img src="static/logo.png" class="image">
<div class="content">
验证查看密码
</div>
</h2>
<form action="/view-password" method="POST" class="ui form">
<div class="field">
<input type="password" name="Password">
</div>
<button class="ui button" type="submit">确认</button>
</form>
{{define "theme-daynight/viewpassword"}}
<!DOCTYPE html>
<html lang="zh-Hans">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
<title>{{.Title}}</title>
<link rel="shortcut icon" type="image/png" href="/static/logo.png" />
<link rel="stylesheet" href="/static/theme-daynight/css/passwd.css?v202102012266" />
{{if ts .CustomCode}}
{{.CustomCode|safe}}
{{end}}
</head>
<body>
<article>
<section class="passwd-container">
<h2>{{.Conf.Site.Brand}}</h2>
<form action="/view-password" method="POST">
<h4>验证查看密码</h4>
<input type="password" name="Password" placeholder="输入密码" required /><svg viewBox="97 6 809 988" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g><path d="M321.8,455.5h356.4V321.8c0-49.2-17.4-91.2-52.2-126c-34.8-34.8-76.8-52.2-126-52.2c-49.2,0-91.2,17.4-126,52.2c-34.8,34.8-52.2,76.8-52.2,126L321.8,455.5L321.8,455.5z M900.9,522.3v400.9c0,18.6-6.5,34.3-19.5,47.3c-13,13-28.8,19.5-47.3,19.5H165.9c-18.6,0-34.3-6.5-47.3-19.5c-13-13-19.5-28.8-19.5-47.3V522.3c0-18.6,6.5-34.3,19.5-47.3c13-13,28.8-19.5,47.3-19.5h22.3V321.8c0-85.4,30.6-158.7,91.9-219.9C341.3,40.7,414.7,10,500,10c85.3,0,158.7,30.6,219.9,91.9c61.3,61.3,91.9,134.6,91.9,219.9v133.6h22.3c18.6,0,34.3,6.5,47.3,19.5C894.4,488,900.9,503.7,900.9,522.3L900.9,522.3z" /></g>
</svg>
<button type="submit">确认</button>
</form>
<figure class="passwd-img">
<a href="/"><img src="/static/logo.png" alt="" /></a>
</figure>
</section>
</article>
<footer>
<div class="footer-container">
<div>
<a href="https://github.com/naiba/nezha" target="_blank">Powered by 哪吒面板 · {{.Version}}</a>
<p>
&copy;<span id="copyright-date"
><script>
document.getElementById('copyright-date').appendChild(document.createTextNode(new Date().getFullYear()));
</script></span
>
· <a href="https://blog.jackiesung.com" target="_blank">Theme designed by Jackie Sung</a>
</p>
</div>
</div>
</div>
{{template "common/footer" .}}
{{end}}
</div>
</footer>
</body>
</html>
{{end}}