Commit Graph

57 Commits

Author SHA1 Message Date
Emmanuel Pelletier
9be0798057 website: fix wrong photo sizing in docs 2024-05-16 11:43:21 +02:00
Emmanuel Pelletier
21e57fbc53 website: update homepage screenshot with latest layout 2024-05-16 11:39:04 +02:00
Emmanuel Pelletier
1d7f52fce2 website: add homepage example pages 2024-05-16 11:34:14 +02:00
Emmanuel Pelletier
6aeaef9e1a website: use latest integration version for new logos 2024-05-16 10:50:28 +02:00
Emmanuel Pelletier
18e900c2d0 integration v1.0.0 2024-05-16 10:48:07 +02:00
Emmanuel Pelletier
3740f45b70 integration: easily view all service homepages 2024-05-16 10:44:37 +02:00
Emmanuel Pelletier
a85907ee39 integration: new service logos 2024-05-16 10:38:37 +02:00
Emmanuel Pelletier
3dfa3c1ca7 website: better gaufre docs for mobile usage 2024-05-15 20:50:01 +02:00
Emmanuel Pelletier
741cd35f13 integration: v1.0.8 2024-05-15 20:49:30 +02:00
Emmanuel Pelletier
4b64642837 gaufre: new variant props to impact sizing
this is done to integrate the button more easily in an app using the
DSFR heading
2024-05-15 20:47:31 +02:00
Emmanuel Pelletier
d741b0595b integration: new description prop to easily add content under tagline 2024-05-15 15:30:53 +02:00
Emmanuel Pelletier
a253bd76df integration v0.1.6 2024-05-15 10:08:56 +02:00
Emmanuel Pelletier
9e278d3499 gaufre: go back to "tertiary" DSFR style border
not found of the lesser border contrast color but the DSFR does it, and
we can argue the color of the icon itself is contrasted
enough/positioned correctly to understand it's clickable
2024-05-15 10:01:33 +02:00
Emmanuel Pelletier
dc4af950d1 gaufre: add a "button pressed" style 2024-05-15 09:59:19 +02:00
Emmanuel Pelletier
1618bb1d1b gaufre: hide it if the server is unavailable
use visiblity: hidden instead of display: none to prevent layout shifts.
2024-05-15 09:52:42 +02:00
Emmanuel Pelletier
bdf31c94a0 gaufre: handle DSFR dark theme 2024-05-15 09:49:31 +02:00
Emmanuel Pelletier
89de926f9c gaufre: remove border radius to better match DSFR styles 2024-05-15 09:47:49 +02:00
Emmanuel Pelletier
5399c75379 integration v0.1.5 (last published version had wrong env vars… oops) 2024-05-15 08:08:53 +02:00
Emmanuel Pelletier
c02a1b0676 website: fix wrong service urls in services json api endpoint 2024-05-15 08:03:54 +02:00
Emmanuel Pelletier
3d230aa545 integration v0.1.4 2024-05-15 07:51:01 +02:00
Emmanuel Pelletier
3fcc774954 website: show html code example first
makes more sense as more people will use the HTML than the react code
2024-05-15 07:47:43 +02:00
Emmanuel Pelletier
84bcb5181a integration: homepage tagline breaklines are not shown on mobile
breaklines on small width devices made everything look weird, just hide
them by default
2024-05-15 07:47:21 +02:00
Emmanuel Pelletier
f2a0491c2e integration: remove an old padding on custom content example
this is not necessary anymore
2024-05-15 07:45:56 +02:00
Emmanuel Pelletier
1a436de8dc api/gaufre: fix crash on safari
the popup didn't open correctly on webkit based browsers,
now it does!
2024-05-13 16:00:39 +02:00
Emmanuel Pelletier
404f712b56 website: adding favicon variants for better browser support 2024-05-13 15:57:20 +02:00
Emmanuel Pelletier
eff5d0037e website: enable cors, allow requests to gaufre.js from any site 2024-05-13 14:38:16 +02:00
Emmanuel Pelletier
0593bbad15 website: precompress static files instead of relying on fastify compress
- no need to generate the compressed files at runtime
- this prevents an issue with fastify compressing pagefind files
2024-05-13 14:36:23 +02:00
Emmanuel Pelletier
32a70597f9 integration v0.1.3 2024-05-07 22:38:23 +02:00
Emmanuel Pelletier
63d34d2315 api/gaufre: make sure the popup is shown in the viewport
small test that anchors the popup to the left of the viewport, this
quickly fixes the popup going out of viewport if the Gaufre button is
used on the left of a header bar
2024-05-07 22:11:54 +02:00
Emmanuel Pelletier
087bc5a889 api/gaufre: stop using an iframe
iframe was great because we controlled our page context to style things
easily, handle assets easily.

But since it's not on the same domain as the services consuming it, it
implied configuration here and there. Also some behaviors were annoying
to implement (for example, keyboard navigation). I'm sure everything we
do is possible via iframe but I feel like I'll go from barrier to
barrier at every new thing we want to do…

I feel like, at the cost of handling style-conflicts, just rendering
everything in the real page context is more future-proof.
2024-05-07 21:59:58 +02:00
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
3c2a6fd0cf api/gaufre: fix local version
forgot a filename change… woops.
2024-05-07 20:42:03 +02:00
Emmanuel Pelletier
10203cf2bd homepage generator: logos are not available through api 2024-05-02 17:49:04 +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
4b7dff5345 fix wrong anchor on content 2024-05-02 13:07:28 +02:00
Emmanuel Pelletier
1fb82db5e2 oops… i really should try to focus (forgot to rename a file) 2024-05-02 13:00:42 +02:00
Emmanuel Pelletier
c041c77360 adding 'la suite territoriale' specific gaufre button/endpoint 2024-05-02 12:58:24 +02:00
Emmanuel Pelletier
001ca61773 using latest integration package on website 2024-05-02 12:22:53 +02:00
Emmanuel Pelletier
5aabe78fba woops: fix missing entity field in services data, it broke TS 2024-05-02 12:16:34 +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
73beeaf9ec adding main readme 2024-05-02 11:16:08 +02:00