Différentes section ont été créées :
- La "section_middle" est celle du milieu de la page et ont des paddings haut / bas de 40px et des paddings droite / gauche de 4%
- La "section_top" est celle sous la navbar et possède une marge haut de 130px ainsi qu'un padding haut de 80px
- La "section_top_hero" ne possède pas de padding, simplement une marge haut de 130px

Une classe "Container" a été créée avec une max-width de 2500px

Des classes "flex" ont été créées :
- Elles commencent par "flex_"
- Puis "horizontal_" ou "vertical_"
- Ensuite le type d'alignement des éléments : "align-left", "space-between", "space-around" ou "centered"

Les sous-classes "mb-6" par exemple indiquent une marge bottom (mb), left (ml), right (mr) ou top (mt) du nombre de pixel indiqué
Les sous-classes "centered" ou "stretched" indiquent une modification de l'alignement secondaire (centrer par rapport à la hauteur sur une flex_horizontal par exemple)
La sous-classe "w-100%" indique que le groupe à une width de 100%
D'autres sous-classes existent comme "wrap" ou des sous-classe spécifiques à un groupe ("link_block", image_home"...)

Voici la liste des polices avec le nom de la classe :

Pour les H1 : Nexa_darkgrey_30px_700

Pour les H2 : Nexa_black_28px_700

Pour les titres secondaires : Nexa_black_20px_700

Pour les titres en light : Nexa_darkgrey_26px_300

Pour les paragraphes de base : Nexa_darkgrey_14px_300

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Puis d'autres titres plus spécifiques, avec toujours le nom de la police, la couleur, la taille puis l'épaisseur

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

Item 1
Item 2
Item 3

Unordered list

Item A
Item B
Item C

Text link

Bold text

Emphasis

^Superscript

_Subscript

Heading

Collections

La collection "places" regroupent les différents locaux de Patchwork. Elle est lié à d'autres collections :
- La collection "advantages" - les différents avantages du lieu (un avantage peut être utilisé sur plusieurs lieux, ex : la vue)
- La collection "subways" - les stations de métro avec leurs lignes associées
- La collection "hospitality managers" - les gestionnaires des lieux avec leur photo, leur description

Explication du champ "map" de la collection "places" :
- Pour afficher une image de la map, aller dans Google maps, indiquer l'adresse du lieu, centrer le marker rouge (par rapport à la page entière / sans prendre en compte le bloc blanc sur la gauche) puis récupérer le lien dans "Partager"
- Dans le champ "map", cliquer sur le +, le symbole musique / map et coller le lien de la map. Centrer la map en cliquant sur le deuxième icône au dessus de l'image

Explication du champ "google rating elfsight link" de la collection "places" :
Lien Elfsight a copié dans ce champ. Il est possible de le récupérer directement sur le site Elfsight ou dans le HTML de l'ancienne page du lieu
Il n'y a pas de lien sur la page Taitbout, pour l'instant le champ est vide