wangweitao
/
EnglishPal
forked from mrlan/EnglishPal
0
0
Fork 0
Code Pull Requests Activity

Better indentation.

Improvement-Stewart
Lan Hui 2022-07-20 17:06:11 +08:00
parent 1401870591
commit fdb432031f
1 changed files with 100 additions and 100 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

62
app/templates/login.html
View File

@ -7,7 +7,7 @@ You're logged in already!
<meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=3.0, user-scalable=yes" /> <meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=3.0, user-scalable=yes" />
<style> <style>
.container{ .container{
background-color: #FFFFFF; background-color: #FFFFFF;
width: 400px; width: 400px;
height: 500px; height: 500px;
@ -15,18 +15,18 @@ You're logged in already!
border-radius: 1.5em; border-radius: 1.5em;
box-shadow: 0px 11px 35px 2px rgba(0, 0, 0, 0.14); box-shadow: 0px 11px 35px 2px rgba(0, 0, 0, 0.14);
} }
.signin-heading{ .signin-heading{
padding-top: 5px; padding-top: 5px;
color: #8C55AA; color: #8C55AA;
font-family: 'Ubuntu', sans-serif; font-family: 'Ubuntu', sans-serif;
font-weight: bold; font-weight: bold;
font-size: 23px; font-size: 23px;
text-align: center; text-align: center;
} }
.username, .email, .password, .re-password{ .username, .email, .password, .re-password{
width: 76%; width: 76%;
color: rgb(38, 50, 56); color: rgb(38, 50, 56);
font-weight: 700; font-weight: 700;
@ -44,9 +44,9 @@ You're logged in already!
text-align: center; text-align: center;
margin-bottom: 27px; margin-bottom: 27px;
font-family: 'Ubuntu', sans-serif; font-family: 'Ubuntu', sans-serif;
} }
.btn{ .btn{
width: 50%; width: 50%;
border: none; border: none;
border-radius: 20px; border-radius: 20px;
@ -56,34 +56,34 @@ You're logged in already!
margin-left: 90px; margin-left: 90px;
padding: 10px 20px; padding: 10px 20px;
} }
.btn:hover{ .btn:hover{
background: #8C55AA; background: #8C55AA;
transition: .5s; transition: .5s;
cursor: pointer; cursor: pointer;
color: #fff; color: #fff;
} }
.signup{ .signup{
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
} }
ul{ ul{
position: absolute; position: absolute;
display: flex; display: flex;
left: 65%; left: 65%;
} }
li{ li{
padding: 10px; padding: 10px;
margin: 10px; margin: 10px;
} }
a{ a{
text-decoration: none; text-decoration: none;
@ -91,36 +91,36 @@ li{
font-weight: bold; font-weight: bold;
font-family: 'ink free'; font-family: 'ink free';
} }
.main_menu a{ .main_menu a{
color: #fff; color: #fff;
font-size: 300; font-size: 300;
} }
li :hover{ li :hover{
color: #8C55AA; color: #8C55AA;
transition: .5s; transition: .5s;
} }
h1{ h1{
font-family: 'ink free'; font-family: 'ink free';
} }
.main_menu h1{ .main_menu h1{
color: #fff; color: #fff;
} }
</style> </style>
<div class="container"> <div class="container">
<section class="signin-heading"> <section class="signin-heading">
<h1>Sign In</h1> <h1>Sign In</h1>
</section> </section>
<form action="/login" method="POST"> <form action="/login" method="POST">
<input type="text" placeholder="用户名" class="username" name="username" required> <input type="text" placeholder="用户名" class="username" name="username" required>
@ -128,9 +128,9 @@ h1{
<button type="submit" class="btn">登录</button> <button type="submit" class="btn">登录</button>
</form> </form>
<a href="/signup" class="signup">注册</a> <a href="/signup" class="signup">注册</a>
{% endif %} {% endif %}
{% endblock %} {% endblock %}