python-eel/Eel

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

Open

#490 opened on May 31, 2021

View on GitHub
 (1 comment) (0 reactions) (0 assignees)Python (570 forks)batch import
help wanted

Repository metrics

Stars
 (5,980 stars)
PR merge metrics
 (No merged PRs in 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 %}

Contributor guide