diff --git a/source/sites/publi.codes/App.js b/source/sites/publi.codes/App.js index d36f6f53c..6b5d43a61 100644 --- a/source/sites/publi.codes/App.js +++ b/source/sites/publi.codes/App.js @@ -1,99 +1,47 @@ -import exemple1 from '!!raw-loader!./exemple1.yaml' -import exemple2 from '!!raw-loader!./exemple2.yaml' -import ColoredYaml from 'Components/rule/ColoredYaml' +import { rules as baseRulesEn, rulesFr as baseRulesFr } from 'Engine/rules' +import 'iframe-resizer' import React, { useEffect } from 'react' -import emoji from 'react-easy-emoji' +import { Route, Switch } from 'react-router-dom' import 'Ui/index.css' -import '../mon-entreprise.fr/App.css' +import Provider from '../../Provider' +import { getSessionStorage } from '../../utils' +import Landing from './Landing' -let Landing = () => { +function Router({ basename, language }) { useEffect(() => { - var css = document.createElement('style') - css.type = 'text/css' - css.innerHTML = ` - #js { - animation: appear 0.5s; - opacity: 1; - } - #loading { - display: none !important; - }` - document.body.appendChild(css) - }) + getSessionStorage()?.setItem('lang', language) + }, [language]) + const rules = language === 'en' ? baseRulesEn : baseRulesFr return ( -
-
-
-

- - publi - - - codes - -

-

- Un nouveau langage de calcul pour encoder les algorithmes d'intérêt - public. -

-
-

Pourquoi ?

-

- Certains algorithmes sont bien trop importants pour être maintenus - dans une boîte noire, souvent privée, que seuls les développeurs - expérimentés peuvent comprendre. -

-

- {' '} - C'est notamment le cas d'une bonne partie de la loi, qui spécifie en - français des règles... et charge à d'autres de les implémenter - librement. -

-

- La plateforme publicodes fusionne documentation et - implémentation en partant d'un code simple. Ajouter une règle de - calcul, c'est déployer sans effort sur le Web la page de documentation - correspondante, lisible par tout citoyen. -

-
-

- {emoji('📖 ')} Pour aller plus loin, lisez la{' '} - - documentation - - . -

-

Projets phares

-

- La sécurité sociale et les impôts -{' '} - mon-entreprise.fr -

- -

- En plus du site Web, Mon-entreprise est disponible comme une{' '} - - bibliothèque de calcul autonome - - . -

- -

- L'impact climatique de nos gestes du quotidien -   - futur.eco -

- -
-
+ + + ) } -let ExportedApp = Landing +let RouterSwitch = () => { + return ( + <> + + + + + + ) +} -// Remove loader +let ExportedApp = Router if (process.env.NODE_ENV !== 'production') { const { hot } = require('react-hot-loader') - ExportedApp = hot(module)(Landing) + ExportedApp = hot(module)(Router) } export default ExportedApp diff --git a/source/sites/publi.codes/Landing.js b/source/sites/publi.codes/Landing.js new file mode 100644 index 000000000..a0d40ad07 --- /dev/null +++ b/source/sites/publi.codes/Landing.js @@ -0,0 +1,86 @@ +import exemple1 from '!!raw-loader!./exemple1.yaml' +import exemple2 from '!!raw-loader!./exemple2.yaml' +import ColoredYaml from 'Components/rule/ColoredYaml' +import React, { useEffect } from 'react' +import emoji from 'react-easy-emoji' + +export default function Landing() { + useEffect(() => { + var css = document.createElement('style') + css.type = 'text/css' + css.innerHTML = ` + #js { + animation: appear 0.5s; + opacity: 1; + } + #loading { + display: none !important; + }` + document.body.appendChild(css) + }) + return ( +
+
+
+

+ + publi + + + codes + +

+

+ Un nouveau langage de calcul pour encoder les algorithmes d'intérêt + public. +

+
+

Pourquoi ?

+

+ Certains algorithmes sont bien trop importants pour être maintenus + dans une boîte noire, souvent privée, que seuls les développeurs + expérimentés peuvent comprendre. +

+

+ {' '} + C'est notamment le cas d'une bonne partie de la loi, qui spécifie en + français des règles... et charge à d'autres de les implémenter + librement. +

+

+ La plateforme publicodes fusionne documentation et + implémentation en partant d'un code simple. Ajouter une règle de + calcul, c'est déployer sans effort sur le Web la page de documentation + correspondante, lisible par tout citoyen. +

+
+

+ {emoji('📖 ')} Pour aller plus loin, lisez la{' '} + + documentation + + . +

+

Projets phares

+

+ La sécurité sociale et les impôts -{' '} + mon-entreprise.fr +

+ +

+ En plus du site Web, Mon-entreprise est disponible comme une{' '} + + bibliothèque de calcul autonome + + . +

+ +

+ L'impact climatique de nos gestes du quotidien -   + futur.eco +

+ +
+
+ ) +}