62b74a5445
this is done following up Tchap integration. - the popup placement script was really dumb and assumed the gaufre button was always placed at the top right of the page. Tchap can't do that and uses it at the bottom left. Now the popup places itself correctly wherever the button is on the page. On mobile now we have a "modal" mode for the popup where it takes all the viewport. - Tchap uses the gaufre inside their own popup component. This was not something we handled before. Now you can set up a 'lasuite--gaufre-borderless' class on your html or body tag so that the gaufre doesn't render its box shadow or blue border, making it easier to integrate in a already made popup.
lasuite-integration docs website and API
This folder is the source of the La Suite technical center website. It has two purposes:
- documenting how to use the @gouvfr-lasuite/integration npm package
- serving a couple of API endpoints that help developers of La Suite services integrate common things
This is a classic Astro app with a Starlight template. Besides the static documentation, generated through astro content collections, there are a couple notable things:
- the API is in
pages/api. We also serve static images under thepublic/apifolder that are called by La Suite services, - we have scripts to generate the rolling homepage backgrounds in
bin/. Every two week the website is generated again with new backgrounds located insrc/assets/backgrounds. Doing that allows every service to just call a static endpoint for the background.
Development
This is a starlight-based Astro app. Follow the official docs if more info is needed.
npm install
cp .env.example .env
npm run dev
Background photos of homepages
The background image of the service homepages are served through an API exposed by the website.
Source images are not tracked in the repo. To build images, you must:
- put images in
src/assets/backgrounds/sources - run
node ./bin/transform-source-backgrounds.mjs: this takes every image in the sources dir and for every image: it applies a linear gradient, resizes the image to 1920x1200 and saves the result in both avif and jpeg formats insrc/assets/backgrounds - then you can run
node ./bin/build-services-backgrounds.mjs: it regenerates the service-related backgrounds inpublic/api/backgrounds. Depending on the offset passed, or the current week of the month, the service gets a different background. This is meant to be run in a cronjob to generate different backgrounds a few times a month.