Skip to content

Commit

Permalink
chore(deps): update dependency react-accessible-accordion to v3 (#722)
Browse files Browse the repository at this point in the history
Co-authored-by: Renovate Bot <[email protected]>
Co-authored-by: Douglas Duteil <[email protected]>
  • Loading branch information
3 people authored Sep 30, 2020
1 parent ea18ce4 commit b1bb6fc
Show file tree
Hide file tree
Showing 5 changed files with 85 additions and 126 deletions.
2 changes: 1 addition & 1 deletion package.json
Original file line number Diff line number Diff line change
Expand Up @@ -41,7 +41,7 @@
"dependencies": {
"github-base": "^1.0.0",
"react": "^16.13.1",
"react-accessible-accordion": "^2.4.5",
"react-accessible-accordion": "^3.3.3",
"react-countup": "^4.3.3",
"react-dom": "^16.13.1",
"react-feather": "^2.0.8",
Expand Down
151 changes: 72 additions & 79 deletions pages/faq.js
Original file line number Diff line number Diff line change
Expand Up @@ -2,8 +2,9 @@ import React from "react";
import {
Accordion,
AccordionItem,
AccordionItemBody,
AccordionItemTitle,
AccordionItemButton,
AccordionItemHeading,
AccordionItemPanel,
} from "react-accessible-accordion";

import { Hero, Layout, Section } from "../src/composants";
Expand All @@ -21,32 +22,31 @@ const Faq = () => (
/>

<Section className="section-white" title="" subTitle="">
<Accordion>
<Accordion allowMultipleExpanded="true">
<AccordionItem>
<AccordionItemTitle>
<h3 className="u-position-relative">
<AccordionItemHeading>
<AccordionItemButton>
Qu&apos;est-ce qu&apos;une fabrique de services numériques ?
<div className="accordion__arrow" role="presentation" />
</h3>
</AccordionItemTitle>
<AccordionItemBody>
</AccordionItemButton>
</AccordionItemHeading>
<AccordionItemPanel>
<p>
Une fabrique numérique est une structure légère qui permet
d&apos;accueillir des porteurs d&apos;idées internes, les «
intrapreneurs », et de leur fournir le cadre et les outils
nécessaires pour pouvoir créer leur produit numérique en mode «
startup d&apos;état » pendant 6 mois.
</p>
</AccordionItemBody>
</AccordionItemPanel>
</AccordionItem>

<AccordionItem>
<AccordionItemTitle>
<h3 className="u-position-relative">
<AccordionItemHeading>
<AccordionItemButton>
Qu&apos;est-ce qu&apos;une Startup d&apos;Etat ?
<div className="accordion__arrow" role="presentation" />
</h3>
</AccordionItemTitle>
<AccordionItemBody>
</AccordionItemButton>
</AccordionItemHeading>
<AccordionItemPanel>
<p>
{" "}
◦ Une Startup d&apos;Etat permet le développement rapide de
Expand All @@ -62,17 +62,16 @@ const Faq = () => (
https://beta.gouv.fr/2017/09/05/les-6-prochains-mois-dune-startup-detat.html
</a>
</p>
</AccordionItemBody>
</AccordionItemPanel>
</AccordionItem>

<AccordionItem>
<AccordionItemTitle>
<h3 className="u-position-relative">
<AccordionItemHeading>
<AccordionItemButton>
Pourquoi une fabrique numérique dans les ministères sociaux ?
<div className="accordion__arrow" role="presentation" />
</h3>
</AccordionItemTitle>
<AccordionItemBody>
</AccordionItemButton>
</AccordionItemHeading>
<AccordionItemPanel>
<p>
Car le numérique transforme en profondeur notre environnement et
apporte des opportunités nouvelles. Les ministères sociaux ont un
Expand All @@ -82,36 +81,34 @@ const Faq = () => (
social, dans toutes ses composantes, qui ont un impact direct sur
la vie quotidienne de chacun.
</p>
</AccordionItemBody>
</AccordionItemPanel>
</AccordionItem>

<AccordionItem>
<AccordionItemTitle>
<h3 className="u-position-relative">
<AccordionItemHeading>
<AccordionItemButton>
Y a-t-il d&apos;autres fabriques numériques ministérielles ?
<div className="accordion__arrow" role="presentation" />
</h3>
</AccordionItemTitle>
<AccordionItemBody>
</AccordionItemButton>
</AccordionItemHeading>
<AccordionItemPanel>
<p>
◦ Au niveau interministériel, BetaGouv, la fabrique des services
numériques de la DINSIC Fabrique de services publics numériques —{" "}
<a href="beta.gouv.fr">beta.gouv.fr</a>
<br />◦ Au niveau ministériel, le ministère de l&apos;écologie, le
ministère de l&apos;Intérieur
</p>
</AccordionItemBody>
</AccordionItemPanel>
</AccordionItem>

<AccordionItem>
<AccordionItemTitle>
<h3 className="u-position-relative">
<AccordionItemHeading>
<AccordionItemButton>
Qui est chargé fonctionnellement de l&apos;animation de la mission
«Fabrique numérique des ministères sociaux » ?
<div className="accordion__arrow" role="presentation" />
</h3>
</AccordionItemTitle>
<AccordionItemBody>
</AccordionItemButton>
</AccordionItemHeading>
<AccordionItemPanel>
<p>
La direction des systèmes d&apos;information (DSI) est chargée de
l&apos;animation fonctionnelle de la mission « fabrique numérique
Expand All @@ -121,17 +118,17 @@ const Faq = () => (
(experts du secteur numérique Numa, coachs et développeurs de la
DINSIC).
</p>
</AccordionItemBody>
</AccordionItemPanel>
</AccordionItem>

<AccordionItem>
<AccordionItemTitle>
<h3 className="u-position-relative">
<AccordionItemHeading>
<AccordionItemButton>
Quels ont été les résultats du premier appel à candidatures en
2017 ?<div className="accordion__arrow" role="presentation" />
</h3>
</AccordionItemTitle>
<AccordionItemBody>
</AccordionItemButton>
</AccordionItemHeading>
<AccordionItemPanel>
<p>
Un total de 138 idées a été déposé par les agents de
l&apos;administration centrale, des DIRECCTE, des DR(D)JSCS) et
Expand All @@ -143,17 +140,16 @@ const Faq = () => (
composé d&apos;institutionnels et d&apos;experts issus du
numérique.
</p>
</AccordionItemBody>
</AccordionItemPanel>
</AccordionItem>

<AccordionItem>
<AccordionItemTitle>
<h3 className="u-position-relative">
<AccordionItemHeading>
<AccordionItemButton>
Quelles qualités doivent avoir un porteur d&apos;idées ?
<div className="accordion__arrow" role="presentation" />
</h3>
</AccordionItemTitle>
<AccordionItemBody>
</AccordionItemButton>
</AccordionItemHeading>
<AccordionItemPanel>
<p>
Il doit avoir les qualités d&apos;un « intrapreneur » souhaitant
s&apos;engager et étant en capacité de se rendre disponible.
Expand All @@ -163,17 +159,16 @@ const Faq = () => (
développeurs pour présenter un premier produit au bout de six
mois.
</p>
</AccordionItemBody>
</AccordionItemPanel>
</AccordionItem>

<AccordionItem>
<AccordionItemTitle>
<h3 className="u-position-relative">
<AccordionItemHeading>
<AccordionItemButton>
Travaille-t-on différemment au sein de la fabrique numérique ?
<div className="accordion__arrow" role="presentation" />
</h3>
</AccordionItemTitle>
<AccordionItemBody>
</AccordionItemButton>
</AccordionItemHeading>
<AccordionItemPanel>
<p>
Le fonctionnement de la fabrique numérique est basé sur le
principe innovant du développement agile itératif. L&apos;objectif
Expand All @@ -193,54 +188,52 @@ const Faq = () => (
https://beta.gouv.fr/2017/10/02/10-bonnes-raisons-pour-ne-pas-faire-de-tests-utilisateur.html
</a>
</p>
</AccordionItemBody>
</AccordionItemPanel>
</AccordionItem>

<AccordionItem>
<AccordionItemTitle>
<h3 className="u-position-relative">
<AccordionItemHeading>
<AccordionItemButton>
Où se situe la fabrique numérique des ministères sociaux ?
<div className="accordion__arrow" role="presentation" />
</h3>
</AccordionItemTitle>
<AccordionItemBody>
</AccordionItemButton>
</AccordionItemHeading>
<AccordionItemPanel>
<p>
La fabrique numérique se situe dans les locaux de la DSI, au 8è
étage de la tour Mirabeau à Paris.
</p>
</AccordionItemBody>
</AccordionItemPanel>
</AccordionItem>

<AccordionItem>
<AccordionItemTitle>
<h3 className="u-position-relative">
<AccordionItemHeading>
<AccordionItemButton>
Y aura-t-il d&apos;autres appels à candidatures auprès des agents
?<div className="accordion__arrow" role="presentation" />
</h3>
</AccordionItemTitle>
<AccordionItemBody>
?
</AccordionItemButton>
</AccordionItemHeading>
<AccordionItemPanel>
<p>
Oui, tous les ans mais rien n&apos;est figé… L&apos;appel à idées
pour la saison 2 est en cours !
</p>
</AccordionItemBody>
</AccordionItemPanel>
</AccordionItem>

<AccordionItem>
<AccordionItemTitle>
<h3 className="u-position-relative">
<AccordionItemHeading>
<AccordionItemButton>
J&apos;ai encore des questions… Qui contacter ?
<div className="accordion__arrow" role="presentation" />
</h3>
</AccordionItemTitle>
<AccordionItemBody>
</AccordionItemButton>
</AccordionItemHeading>
<AccordionItemPanel>
<p>
L&apos;équipe de DSI Fabrique Numérique :{" "}
<a href="mailto:[email protected]">
[email protected]
</a>
</p>
</AccordionItemBody>
</AccordionItemPanel>
</AccordionItem>
</Accordion>
</Section>
Expand Down
2 changes: 1 addition & 1 deletion pages/members.js
Original file line number Diff line number Diff line change
Expand Up @@ -77,8 +77,8 @@ function memberStyle(member) {

// The member is no longer here :(
return {
opacity: "20%",
filter: "grayscale(100%)",
opacity: "20%",
};
}

Expand Down
6 changes: 4 additions & 2 deletions src/custom.css
Original file line number Diff line number Diff line change
Expand Up @@ -52,8 +52,10 @@ iframe {
margin-top: 0;
}

.accordion__body p {
margin-top: 0;
.accordion__button {
font-size: 1.5em;
font-weight: bold;
font-family: Evolventa, Trebuchet MS, sans-serif;
}

div.article__author-list {
Expand Down
Loading

0 comments on commit b1bb6fc

Please sign in to comment.