Logo Khaganat

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentesRévision précédente
Prochaine révision
Révision précédente
fr:khaganat_web [2019/07/27 20:03] – [Changement de clé secrète] Tycho Brahefr:khaganat_web [2021/12/03 19:19] (Version actuelle) – modification externe 127.0.0.1
Ligne 198: Ligne 198:
 Le projet utilise un framework CSS : [[https://bulma.io/|Bulma]]. N'hésitez pas à consulter sa [[https://bulma.io/documentation/|documentation]]. Le projet utilise un framework CSS : [[https://bulma.io/|Bulma]]. N'hésitez pas à consulter sa [[https://bulma.io/documentation/|documentation]].
  
-Afin de personaliser Bulma, il est possible de définir des [[https://bulma.io/documentation/overview/variables/|variables Sass]]. Afin de mettre en place un environnement de développement sass, nous allons tout d'abord installer les outils de compilation sass (nécessite npm) : ''pipenv run ./manage.py bulma install''. Ensuite, nous pouvons, au choix, utiliser ''pipenv run ./manage.py bulma build'' pour compiler les fichiers sass ou bien utiliser ''pipenv run ./manage.py bulma start'' pour lancer un processus qui compilera les fichiers sass à chaque modification.+Afin de personaliser Bulma, il est possible de définir des [[https://bulma.io/documentation/overview/variables/|variables Sass]]. Afin de mettre en place un environnement de développement sass, nous allons tout d'abord installer les outils de compilation sass (nécessite npm) : pour lancer un processus qui compilera les fichiers sass à chaque modification. 
 + 
 +<code> 
 +git clone https://git.khaganat.net/khaganat/web/khaganat_web_css.git 
 +cd khaganat_web_css 
 +npm install bulma 
 +npm install node-sass 
 +cp bulma.sass node_modules/bulma/bulma.sass 
 +cd node_modules/bulma
 +npm run build-sass 
 +cp css/bulma.css khaganat-web/khaganat/static/khaganat/css/style.css 
 +</code> 
 + 
 +Le fichier css est à copier dans ''khaganat-web/khaganat/static/khaganat/css/style.css''.
  
-Le fichier sass à éditer est ''static_extra/bulma/sass/style.sass''. 
  
-<WRAP center round info>Si vous souhaitez utiliser le ''pipenv run ./manage.py bulma start'', vous devez mettre ''KHAGANAT_DEBUG'' à ''True'' et consulter le site depuis une adresse IP listée dans ''KHAGANAT_INTERNAL_IPS''.</WRAP> 
  
 {{tag>Serveur Web}} {{tag>Serveur Web}}
CC Attribution-Share Alike 4.0 International Driven by DokuWiki
fr/khaganat_web.txt · Dernière modification : 2021/12/03 19:19 de 127.0.0.1

Licences Mentions légales Accueil du site Contact