🎨 Lien vers publicode dans l'espace développeur

source/components/utils/colors.tsx

@@ -115,7 +115,6 @@ export function ThemeColorsProvider({ color, children }: ProviderProps) {
 				ref={divRef}
 				css={`
 					height: inherit;
-					width: inherit;
 				`}
 			>
 				{children}

source/locales/en.yaml

@@ -30,6 +30,7 @@ De: From
 Destinataire: Levied by
 Devenir: Become
 Déclenchement: Applicability
+Découvrir: Discover
 Démarches de création: Creation process checklist
 Désactivée: Inactive
 Détail annuel des cotisations: Annual detail of my contributions
@@ -65,7 +66,7 @@ Mon entreprise: My company
 Mon revenu: My income
 Montant: Amount
 Montant des cotisations: Amount of contributions
-"Nom de l'entreprise ou SIREN ": Company name or SIREN code
+'Nom de l''entreprise ou SIREN ': Company name or SIREN code
 Non: 'No'
 Nous n'avons rien trouvé: We didn't find any matching registered company.
 Oui: 'Yes'
@@ -802,6 +803,9 @@ pages:
         <0>Using the calculation engine</0><1>The entire socio-fiscal
         calculation engine developed by URSSAF, freely available in the form of
         an NPM library.</1>
+      publicode: >-
+        <0>Publicodes</0><1>Our tools are powered by Publicodes, a new language
+        for encoding "explainable" algorithms.</1>
     code à copier: 'Here is the code to copy and paste on your site:'
     home:
       choice:

source/sites/mon-entreprise.fr/pages/integration/Options.tsx

@@ -98,6 +98,24 @@ export default function Options() {
 						<Trans>Commencer</Trans>
 					</div>
 				</a>
+				<a
+					className="ui__ interactive card box inverted-colors"
+					css="flex: 1"
+					target="_blank"
+					href="https://publi.codes"
+				>
+					<div className="ui__ big box-icon">{emoji('📚')}</div>
+					<Trans i18nKey="pages.développeurs.choice.publicode">
+						<h3>Publicodes</h3>
+						<p className="ui__ notice" css="flex: 1">
+							Nos outils sont propulsés par Publicodes, un nouveau langage pour
+							encoder des algorithmes “explicables”.
+						</p>
+					</Trans>
+					<div className="ui__ small simple button">
+						<Trans>Découvrir</Trans>
+					</div>
+				</a>
 			</section>
 		</>
 	)