Ce document sert à échanger et partager des idées et trucs à faire pour continuer la mise à jour du site du LOL :

>si possible écrire tous les noms de variables en camel Case (pas sur du nom maisUnTrucCommeCa), je trouve ça plus lisible

> à vérifier mais je pense que la version dégradée sans js fonctionne, il faudrait juste ajuster le contenu, et aussi pour le bouton "vérifier si le lieu est ouvert" voir dernière entrée (***)

> j'attends vos retours pour savoir qu'est ce qu'il faut rajouter/ modifier ?



> ajout du bouton plus pour les évènements => création d'event sur des pages séparées, importées avec js (remplacé par lien en version dégradé )

>(***) mise en place du statut sans le lien symbolique (devrait fonctionner si on l'ajoute mais jsep comment faire)
        modifier le lien vers le dossier au lieu de ''index.ouvert.html' dans la page principale
        changer le fetch dans status.js

> problème de gestion des évènement tactiles, rien ne marche ...

> problème import css directement dans main.css

* [x] changer interface évènements en article (avec lien vers affiche) qui devient details avec js qui contient l'affiche

* [x] auto scale affiche dans son conteneur
> problème à gérer dans la conception des affiches 

* [x] message de bienvenue !!!

* [x] tester section event avec des vraies affiches !!!
> problème de cohérence interface / contenu sur pc, le panneau event est très large et dois afficher des affiches format vertical donc très haut si rescale sur width ou très petit si rescale sur hauteur + si format aléatoire je sais pas comment scale

* [x]  performance arrière plan avec un shader
 > OUVERT : texture sinusoidale en nuance de vert entre offset (161 - 255), opacité 0.5, hue-rotate 13.12deg
           + video noir & blanc au dessus en mix blend difference, opacité 0.777
 > FERMÉ : texture grain aléatoire sur G et B, entre 0 - 161, opacité 0.5, hue-rotate 13.12deg

* [x] désactiver la video pour les personnes qui veulent pas d'effets visuels

* [x] fond video en version dégradée + scale video un peu plus grand car bande noire en bas 

* [x] réglages padding section statut


# Démarrer un serveur de developpement

```
python3 -m http.server
```

Et ensuite, le site est disponible sur http://localhost:8000/

## Tester sur son tel

Il faut démarrer le serveur avec la commande suivante:

```
python3 -m http.server -b 0.0.0.0
```

Ensuite il faut obtenir l'adresse IP de son ordinateur
```
ip a
```

Dans notre cas c'est `10.0.0.165` (voir l'exemple ci-dessous).
```
1: lo: <LOOPBACK,UP,LOWER_UP> mtu 65536 qdisc noqueue state UNKNOWN group default qlen 1000
    link/loopback 00:00:00:00:00:00 brd 00:00:00:00:00:00
    inet 127.0.0.1/8 scope host lo
       valid_lft forever preferred_lft forever
2: eth0: <BROADCAST,MULTICAST,UP,LOWER_UP> mtu 1500 qdisc mq state UP group default qlen 1000
    link/ether c4:9d:ed:15:78:cc brd ff:ff:ff:ff:ff:ff
    inet 10.0.0.165/24 brd 10.0.0.255 scope global dynamic noprefixroute mlan0
       valid_lft 5204sec preferred_lft 5204sec
```

Sur son tel, on peut alors acceder a http://10.0.0.165:8000/.
Si cela ne fonctionne pas, c'est peut être que le pare feu interdit la connexion depuis un autre ordinateur sur le port 8000.

## Lien symbolique et ouverture => comment preview pour dev

aller dans /status puis executer la commande en fonction du statut souhaité

    ./set-status.sh opened 
    
> statut ouvert

    ./set-status.sh closed
    
> statut fermé


