╔╗ ╔═╗╦  ╔═╗|╔╗ ╔═╗╦  ╔═╗
╠╩╗║ ║║  ║ ║ ╠╩╗║ ║║  ║ ║
╚═╝╚═╝╩═╝╚═╝ ╚═╝╚═╝╩═╝╚═╝
P.M., 1983
réédition web collective par le BOLO de l’ESAD de Pau

félicitations, vous faites parti du --> KANA №1 <--- (groupe A, rouge) 
vous avez pioché 1 ou 2 mot(s) de l’ASA’PILI, ce qui correspond à 1 ou 2 chapitre(s) du livre BOLO’BOLO

════════════════════════════════════════════════════════════════════════════════

Dans ce dossier, à faire une seule fois : 
1) dupliquer les fichiers MON_MOT.html et MON_MOT.css si vous avez deux mots à travailler
2) renommer le(s) fichier(s) HTML et CSS avec le bon mot (ex: IBU.html et IBU.css)
3) renommer le fichier CSS lié dans le(s) fichier(s) HTML (ex: <link rel="stylesheet" href="IBU.css">)

Commencer le travail :
1) récupérer le contenu de sa ou ses page(s) (http://www.lyber-eclat.net/lyber/bolo/bolo.html)
2) structurer le(s) fichier(s) HTML
3) être attentif·ve aux notes et aux images
4) entourer d’un lien chaque mot de l’ASA’PILI avec la bonne classe (ex <a href="IBU.html" class="IBU">IBU</a>)
5) être attentif·ve à l’orthographe et aux règles ortho-typos, elles sont à négocier avec le reste votre KANA.
6) faire la mise en page de son ou ses pages en local (ex: IBU.css)
7) définir la mise en page de son ou ses mot(s) dans le pad collectif (cela aura des conséquences pour tous les membres de votre KANA)

À chaque fois :
1) ouvrir le dossier BOLOBOLO dans VSCode
2) lancer le serveur web (« Go Live » en bas à droite de VSCode)
3) accéder à votre ou vos pages
4) /!\ vous devez être connecté·e à internet pour que les règles de mises en pages collectives s’appliquent,
    sinon les mots de l’ASA’PILI auront la mise en page de votre page en local
5) écrivez la règle CSS de votre mot d'abord en local avant de la réécrire sur le Pad collectif, 
    car tout peut arriver et une mauvaise manip de quelqu'un peut tout casser pour tout le monde !

Règles :
1) Bricolez et amusez-vous.
2) « Mobile first » : se concentrer sur l’accessibilité et la lisibilité du contenu dans les conditions de mise en page les plus contraintes
3) Sculpter le texte : prendre le temps d'écrire un HTML sémantique, travaillez votre hiérarchie d'information, jouez avec la typographie.
4) Le web est un média fluide : vous faites un document liquide, sans dimensions pré-établies. La fenêtre peut être redimensionnée, zoomée, scrollée.

Autres ressources :
1) le dossier "fonts/" contient toutes les fontes utilisables et ce qu’il faut pour les importer
    vous pouvez voir le spécimen et les règles CSS dans "fonts/index.html"
2) le dossier "pictos/" contient les idéogrammes de l’ASA’PILI en format SVG
3) le fichier "index.html" est à la fois la page de l’ASA’PILI : le dictionnaire mais aussi le sommaire du livre BOLO’BOLO
4) le lien du pad avec la mise en page collective de votre groupe se trouve dans index.html