UI : allow to personnalize UI

README.md

@@ -109,7 +109,7 @@ Sinon supprimer tout le contenu du répertoire `web` pour repartir de zéro, il
 
 > ATTENTION : ne pas faire un chercher -> remplacer de `SDK-GO` par `<nom du projet>`, le fork du projet doit continuer d'inclure certaines dépendances vers le projet SDK-GO afin de bénéficier de ces dernières mises à jour et de toutes ces fonctionnalités.
 
-Pour remplacer les mentions "SDK-GO" par le nom du projet éléments sont nécéssaires :
+Pour remplacer les mentions "SDK-GO" par le nom du projet, ces éléments sont nécéssaires :
 
 - nom-du-projet : le nom donné au projet
 - nom-du-dépôt : le nom du projet tel qu'il apparaît dans l'url sur la forge
@@ -214,7 +214,17 @@ if userRole != "" && (userRole == os.Getenv("ADMIN_GROUP")) {
 }
 ```
 
-Un utilisateur qui n'est pas dans un groupe applicatif autorisé ne pourra pas accèder à l'applicaion
+Un utilisateur qui n'est pas dans un groupe applicatif autorisé ne pourra pas accèder à l'application
+
+### Design
+
+Pour modifier le design de l'application sans en altérer le code source,  récupérer le répertoire `miscellaneous/bulma` en local.
+
+Modifier les règles SCSS pour les adapter à vos besoins. ([doc Bulma](https://bulma.io/documentation/))
+
+Dans le répertoire `miscellaneous/bulma`  exécuter la commande `npm run build-perso` (nécessite npm d'installer sur le poste) pour construire le fichier minifié CSS prenant en compte la personnalisation. 
+
+Placer ensuite ce fichier à côté du fichier `docker-compose.yml` et décommenter la ligne appropriée dans le fichier `docker-compose.yml` puis exécuter la commande `docker-compose up -d` pour lancer le conteneur.
 
 ## Contribution
 

docker-compose.yml

@@ -3,14 +3,15 @@ version: "2.4"
 services:
   sdk-go-container:
     image: sdk-go
-    build: .
-    #command: -debug
+    # command: -debug
     restart: unless-stopped
     volumes:
       - /etc/localtime:/etc/localtime:ro
       - ./configs:/app/configs
       - ./letsencrypt_cache:/app/letsencrypt_cache
       - ./data:/app/data
+      # uncomment this line to use a personnal theme
+      # - ./bulma.min.css:/app/web/assets/bulma.min.css
     ports:
       - 443:443
       - 80:80

miscellaneous/bulma/package.json

@@ -6,10 +6,12 @@
   "scripts": {
     "build": "npm run build-clean && npm run build-sass && npm run build-cleancss",
     "build-cleancss": "cleancss -o ../../web/assets/bulma.min.css css/bulma.css",
+    "build-cleancss-perso": "cleancss -o css/bulma.min.css css/bulma.css",
     "build-clean": "rimraf css",
     "build-sass": "node-sass --output-style expanded --source-map true bulma.scss css/bulma.css",
     "deploy": "npm run build",
-    "start": "npm run build-sass -- --watch"
+    "start": "npm run build-sass -- --watch",
+    "build-perso": "npm run build-clean && npm run build-sass && npm run build-cleancss-perso"
   },
   "author": "Alexis POYEN",
   "license": "AGPL-3.0-or-later",