python-eel/Eel

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

Open

#490 aperta il 31 mag 2021

Vedi su GitHub
 (1 commento) (0 reazioni) (0 assegnatari)Python (570 fork)batch import
help wanted

Metriche repository

Star
 (5980 star)
Metriche merge PR
 (Nessuna PR mergiata in 30 g)

Descrizione

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 %}

Guida contributor