Commit Graph

13 Commits

Author SHA1 Message Date
Emmanuel Pelletier
b3500634dc integration/dev: adding a gaufre.css testing page
we now can quickly test the gaufre component in a DSFR env and in a
custom env
2024-05-07 20:42:03 +02:00
Emmanuel Pelletier
744e35f4db integration/chore: use a dev-specific folder:
- allows us to easily differentiate the exposed components of the npm
package vs the dev-only ones
- allows the postcss config to purgecss correctly for production build,
we do not include the classes seen in the dev components
2024-05-07 20:42:03 +02:00
Emmanuel Pelletier
adfe80f52a integration/buttons: fix spacing issue in proconnect button
- buttons are now back to their default display mode (the one from
.fr-btn), we just change a bit the proconnect style to match figma
design while fixing the spacing issue at the bottom of the button there
was
2024-05-07 20:42:03 +02:00
Emmanuel Pelletier
1385839f00 integration/homepage: use less spacing utility classes for clarity
utility classes are great but since these are meant to be reused easily
by copy/pasting the code I feel like having less clutter in the
classnames is better
2024-05-07 20:42:03 +02:00
Emmanuel Pelletier
07d335ac7c integration/homepage-background: fix image size
the API returns a 1900x1200 image, make sure we use the correct size
here
2024-05-07 20:42:03 +02:00
Emmanuel Pelletier
76a5bf289a integration/tagline: do not output a <br> at the end 2024-05-07 20:42:03 +02:00
Emmanuel Pelletier
6f6d4ebf65 integration/homepage: better styling on homepagecontent:
- the tagline now has a wrapper in case we want to add other content
inside the white box
- we ditch the 50/50 column logic so that the tagline takes the space it
needs
2024-05-07 20:42:03 +02:00
Emmanuel Pelletier
25572b6f06 integration/header: apply red border on the header, not the container
this makes more sense as sometimes we'll want to use only the header
without the whole homepage
2024-05-07 20:42:03 +02:00
Emmanuel Pelletier
2a12f312c2 integration/styles: better style scopingwhen using embedded dsfr
- the CSS that included the DSFR excerpt we needed styled some base html
tags directly. It might collide with a service CSS already there. Now a
postcss plugin applies a CSS prefix to everything
- we output in the lib two DSFR file versions: one with prefixed
selectors, one raw.
2024-05-07 20:42:03 +02:00
Emmanuel Pelletier
e4c341d6d0 export more CSS to enable more precise usage of CSS imports 2024-05-02 13:27:43 +02:00
Emmanuel Pelletier
54c3a545b7 integration v0.1.1 2024-05-02 12:10:44 +02:00
Emmanuel Pelletier
ab7cf18638 adding services to the gaufre button
hiding audioconf for now as i dont have any logo
2024-05-02 12:07:25 +02:00
Emmanuel Pelletier
d9859f1564 first commit:
- we have a static astro website under /website. It has the
implementation docs of the homepage/gaufre templates, and it handles the
few API endpoints (the gaufre js, backgrounds, logos)
- we have a vite app under /packages/integration. It has the react
components generating the homepage and the gaufre button, and their css.
Its used to generate an npm package
2024-05-02 00:35:38 +02:00