From 9a281ea645967664e288c96b53ccada9ff4ede90 Mon Sep 17 00:00:00 2001
From: Emmanuel Pelletier <manu@habite.la>
Date: Thu, 27 Feb 2025 15:26:16 +0100
Subject: [PATCH] gaufre: better looking beta badge (matches la suite website
 design)

---
 .../Marianne-Bold-betabadge-subset.woff2      | Bin 0 -> 916 bytes
 website/src/components/GaufrePage.astro       |  26 ++++++++++++++----
 2 files changed, 20 insertions(+), 6 deletions(-)
 create mode 100644 website/public/fonts/Marianne-Bold-betabadge-subset.woff2

diff --git a/website/public/fonts/Marianne-Bold-betabadge-subset.woff2 b/website/public/fonts/Marianne-Bold-betabadge-subset.woff2
new file mode 100644
index 0000000000000000000000000000000000000000..90a22b4055c761291ce46729512c5e6af31cc83b
GIT binary patch
literal 916
zcmV;F18e+uPew9NR8&s@00Wc&3;+NC00uY!00T(?0RhSY00000000000000000000
z0000DgFYG>8-XMoDh6NxL;*GeBm)!#1_grz2Ot|^1rb%8Jcy6Pbo+vwiE;AI%z>(^
zIn;=VgPDkjXzllAZc#};;rTL6Et@5N2pKO8LM2*ae?I5@Q7nX7hMT5%DnOXn%}h_C
zdfiFoh5c^+uc>#<|A3nO^ngz&b9-Jug;6%d@uvkyq*XrO^8rn8>c&8kVNo4+ul_<r
zfQ^ApL<GTa;VVm$7{1X;Z>)?`T#@2N92ek_;!Y|al%k`tGe-g93Z9AAy3v>Z{b#_>
z;jH4Pfp9gVgP?=r)1xC2|2qcymI>*b@G3M+$f8+#6K$86m#yywVUDi=@t7dU%-xT^
z@xOP<Py+U_1zeU)YBo=GY2R#KB0wnn2uc_@$`GubGvRGhRSd3R7h1dp?fXx#<rCh*
z@C%lJEmYk|%+qRqf)9j4fHwqafB#$}fQg0puWv#3qUUz@QBSRM;mE!VH(bCr<~a`V
zz&$L8*jBiDL~3aomg+r=AclR14+`4f56=u%R`m`Pd&WT(%U63ri;xtQsGxo>5tJ}B
z!`ls>Oj#LHVEYJ57|So%DJzdbAYe&X_wd6CFk*SEHM=9&h2<H`Pwr5b?%1~jrtLVi
zgT>o-Sa~G2RdO~<I6KhUf)7bKuB^n_E1z{!f{+D)VL%8))O7-bT6xIz&9XYgcdy4K
z<bvj#-;L&w5BFvX@wpDclpytc{S?-sv8(`%RmbW%s8HX7F=J3KnuTOYO@!1Sc9>G5
zk;)}Ov{RQ%Z?ZHm=uvWUHbM62hjC#fBA_Jl@Rlnlb<N02wz~XU+4x<`VkH9NFE3yQ
zg+zmCl)yAv3+dM{u_|9(tysB+*5`Vuo)oVCgot}znyp_u$I`y7De66ZY;t=5pC?#-
z?NsHl3?eiV1ZDr<2$lEh@;|>^64I!iY(nHmV>w5E7S>hf@Pv+`9`rduiDHA;g;Xhw
zD=DP@Zc?MwBNZL1r5<;V?ygrS#?=y;$p-ZjdFh*RR!pL2U^c4TxS27KpeA@JWH3P<
z%1T6|8ikK5*UfBDH_7zdISfYhi54MBltihrwW!l9bwC`B{zlphG!Wylka{PtA7C)9
qHzhI}BSedmEOjwpm{>nfPc%J$Z;S}>A|!|xFIhrpd5WmjQ@Q{YT%LOX

literal 0
HcmV?d00001

diff --git a/website/src/components/GaufrePage.astro b/website/src/components/GaufrePage.astro
index 1f5f26c..fb26acd 100644
--- a/website/src/components/GaufrePage.astro
+++ b/website/src/components/GaufrePage.astro
@@ -41,6 +41,13 @@ const useSubsettedFont = import.meta.env.PUBLIC_USE_GAUFRE_SUBSETTED_FONT !== "0
         </style>
       )}
       <style is:inline>
+        @font-face {
+          font-family: "La Gaufre";
+          src: url("/fonts/Marianne-Bold-betabadge-subset.woff2") format("woff2");
+          unicode-range: U+41,U+42,U+45,U+54,U+61,U+62,U+65,U+74;
+          font-weight: 700;
+          font-display: swap;
+        }
         @font-face {
           font-family: "La Gaufre fallback";
           src: local("Arial");
@@ -199,16 +206,23 @@ const useSubsettedFont = import.meta.env.PUBLIC_USE_GAUFRE_SUBSETTED_FONT !== "0
         }
 
         .lagaufre-service__beta {
-          font-size: 0.5em !important;
-          background: #000091 !important;
-          color: white !important;
+          font-weight: 700 !important;
+          font-size: 0.625em !important;
+          background: #e3e3fd !important;
+          color: #000091 !important;
           text-transform: uppercase !important;
           display: inline-block !important;
-          padding: 2px 4px !important;
-          border-radius: 3px !important;
+          padding: 2px 6px !important;
+          border-radius: 99px !important;
           position: absolute !important;
           bottom: -2ch !important;
-          right: -3ch !important;
+          right: -2.5ch !important;
+          line-height: 1.5 !important;
+        }
+
+        [data-fr-scheme="dark"] .lagaufre-service__beta {
+          background: #3737ab !important;
+          color: #e3e3fd !important;
         }
 
         [data-fr-scheme="dark"] .lagaufre-service__icon {