Integrate the French government Design System into a Django app
Project description
Django-DSFR is a Django app to integrate the French government Design System (“Système de design de l’État français”).
This app was created as a part of Open Collectivités and is very much a work in progress. See the documentation (in French) for details.
Django-DSFR (partly) implements the version 1.1.0 of the DSFR.
Requirements
Tested with Python 3.8 and Django 3.2.5. Per vermin, it should work with Python >= 3.0, and it should work with old versions of Django too.
Quick start
Install with
pip install django-dsfr.Add “dsfr” to your INSTALLED_APPS setting like this, before the app you want to use it with:
INSTALLED_APPS = [ ... 'dsfr', <your_app> ]Include the tags in your base.html file:
# <your_app>/templates/<your_app>/base.html {% load static dsfr_tags %} <!doctype html> <html lang="fr" data-fr-theme="default"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> {% dsfr_css %} {% dsfr_favicon %} {% block extra_css %}{% endblock %} <title>MyApp</title> </head> <body> <main id="content"> {% block custom_header %} {% include "dsfr/header.html" %} {% endblock %} {% dsfr_theme_modale %} {% block content %}{% endblock %} {% include "dsfr/footer.html" %} </main> {% dsfr_js %} {% block extra_js %}{% endblock %} </body> </html>Start the development server and visit http://127.0.0.1:8000/
Release history Release notifications | RSS feed
Download files
Download the file for your platform. If you're not sure which to choose, learn more about installing packages.
Source Distribution
Built Distribution
Hashes for django_dsfr-0.4.3-py3-none-any.whl
| Algorithm | Hash digest | |
|---|---|---|
| SHA256 | e24862f6862907817e0a0234c93785fa58081b81c537db47b19b5e021fc6ed1b |
|
| MD5 | ab09675ff47e2d6c6aab4d505d807ce5 |
|
| BLAKE2b-256 | 4e49dc19fd7981d58387f4658dd030d18c68b911f9f27ba0005bea218d9a60dc |
