Estou tentando colocar estilos css, mas só pegou o primeiro bloco de código no meu style.css
style.css
h1 {
color: blue;
}
.login {
display: inline-block;
padding: 15px;
border-radius: 4%;
text-decoration: none;
margin: 12px;
color: white;
background-color: #34ADFB;
transition: background-color 400ms ease-out;
}
.login:hover {
background-color: #2B96DA;
}
.login:active {
background-color: #34ADFB;
}
hello.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Hello from flask</title>
<link rel="stylesheet" href="{{ url_for('static', filename='style.css')}}">
</head>
<body>
{%- if name %}
<h1>Hello {{ name }}!</h1>
{% else %}
<h1>Hello World!</h1>
{% endif -%}
<a class="login" href="{{ url_for('login') }}">Fazer login agora!</a>
</body>
</html>
Quando dou run no flask, somente esse bloco aparece:
h1 {
color: blue;
}
obs: já testei meu css no site jsbin, e funcionou normalmente. obs2: estou usando o pycharm para fazer o projeto
Edit:
estrutura do projeto
flask-test
/static
style.css
/templates
hello.html
login.html
run.py