python-eel/Eel

How to add my_css.css file into jinja2 base.html templates?

Open

#490 aberto em 31 de mai. de 2021

Ver no GitHub
 (1 comment) (0 reactions) (0 assignees)Python (570 forks)batch import
help wanted

Métricas do repositório

Stars
 (5.980 stars)
Métricas de merge de PR
 (Nenhuma PRs mesclada em 30d)

Description

What needs to be written in the base.html file or in the hello.html file in order to include the css file, since I don't get the body background-color? thanks for any help

There is a my folder structure: jinja --web --static my_css.css --templates base.html hello.html hello.py

**hello.py** 
import eel

eel.init(r'jinja2_templates/web')
eel.start('templates/hello.html', size=(300, 200), jinja_templates='templates') 


**my_css.css**
body {
background-color: red;
}

**base.html**
```html
<!DOCTYPE html>
<html lang="ru">
<head>
    <title>{% block title %}{% endblock %}</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" type="text/css" href="/jinja2_templates/web/static/my_css.css">
    
    <script type="text/javascript" src="/leap_year_app/Lib/site-packages/eel/eel.js"></script>
</head>
<body>
    
    <h1>Hello</h1>
</body>
</html>

hello.html

{% extends 'base.html' %} 
{% block title %}Hello, World!{% endblock %}

Guia do colaborador