feat: pointe sur le nouveau tableau dédié
parent
4b6ecbdde3
commit
a8ced70a81
|
|
@ -1,6 +1,11 @@
|
||||||
export interface Resistant {
|
export interface Resistant {
|
||||||
Noms: string
|
noms: string
|
||||||
Département: string
|
enfants: string
|
||||||
Académie: string
|
departement: string
|
||||||
["Nombre de familles"]: string
|
academie: string
|
||||||
|
presentation: string
|
||||||
|
video: string
|
||||||
|
"lien_declaration": string
|
||||||
|
"date_declaration": string
|
||||||
|
mention: string
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -4,7 +4,7 @@ import {Resistant} from "../Resistant";
|
||||||
|
|
||||||
export const resistantsLoader = async () => {
|
export const resistantsLoader = async () => {
|
||||||
const spreadsheetId = '1GL1MBChnwNn0t8WtKK5M3PbtCJ_bTJRhoTwAI9jeWck'
|
const spreadsheetId = '1GL1MBChnwNn0t8WtKK5M3PbtCJ_bTJRhoTwAI9jeWck'
|
||||||
let sheetName = "Résistants";
|
let sheetName = "RésistantsW";
|
||||||
const parser = new PublicGoogleSheetsParser()
|
const parser = new PublicGoogleSheetsParser()
|
||||||
const resistants = await parser.parse(spreadsheetId, sheetName);
|
const resistants = await parser.parse(spreadsheetId, sheetName);
|
||||||
return { resistants }
|
return { resistants }
|
||||||
|
|
@ -16,7 +16,7 @@ export const ListeResistants = () => {
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<div id="listeResistants">
|
<div id="listeResistants">
|
||||||
{resistants.map((r) => <ResistantRow resistant={r} key={r["Nombre de familles"]} />)}
|
{resistants.map((r) => <ResistantRow resistant={r} key={r.noms} />)}
|
||||||
<Outlet />
|
<Outlet />
|
||||||
</div>
|
</div>
|
||||||
</>
|
</>
|
||||||
|
|
|
||||||
|
|
@ -3,56 +3,57 @@ import {Resistant} from "../Resistant";
|
||||||
interface Props {
|
interface Props {
|
||||||
resistant: Resistant
|
resistant: Resistant
|
||||||
}
|
}
|
||||||
|
|
||||||
export const ResistantRow = ({resistant}: Props) => {
|
export const ResistantRow = ({resistant}: Props) => {
|
||||||
return (<>
|
return (<>
|
||||||
<div className="row sqs-row">
|
<div className="row sqs-row">
|
||||||
<div className="col sqs-col-4 span-4">
|
<div className="col sqs-col-4 span-4" id="yui_3_17_2_1_1674987238932_138">
|
||||||
<div className="sqs-block video-block sqs-block-video"
|
<div className="sqs-block image-block sqs-block-image sqs-text-ready" data-block-type="5"
|
||||||
data-block-json="{"blockAnimation":"none","layout":"caption-hidden","overlay":true,"description":{"html":"<p class=\"\" data-rte-preserve-empty=\"true\" style=\"white-space:pre-wrap;\"></p>"},"hSize":null,"floatDir":null,"isOldBlock":false,"customThumb":"63cfb74911567d2c9562166d","html":"<iframe class=\"embedly-embed\" src=\"//cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fwww.youtube.com%2Fembed%2FEPwB2-Mdmag%3Ffeature%3Doembed&display_name=YouTube&url=https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DEPwB2-Mdmag&image=https%3A%2F%2Fi.ytimg.com%2Fvi%2FEPwB2-Mdmag%2Fhqdefault.jpg&key=61d05c9d54e8455ea7a9677c366be814&type=text%2Fhtml&schema=youtube\" width=\"854\" height=\"480\" scrolling=\"no\" title=\"YouTube embed\" frameborder=\"0\" allow=\"autoplay; fullscreen\" allowfullscreen=\"true\"></iframe>","url":"https://www.youtube.com/watch?v=EPwB2-Mdmag","width":854,"height":480,"providerName":"YouTube","thumbnailUrl":"https://i.ytimg.com/vi/EPwB2-Mdmag/hqdefault.jpg","resolvedBy":"youtube"}"
|
id="block-yui_3_17_2_1_1662985860031_30104">
|
||||||
data-block-type="32" id="block-yui_3_17_2_1_1651498459484_85704">
|
<div className="sqs-block-content" id="yui_3_17_2_1_1674987238932_137">
|
||||||
<div className="sqs-block-content" id="yui_3_17_2_1_1674987238932_69">
|
<div className="image-block-outer-wrapper layout-caption-below design-layout-inline combination-animation-none individual-animation-none individual-text-animation-none sqs-narrow-width" data-test="image-block-inline-outer-wrapper" id="yui_3_17_2_1_1674987238932_136">
|
||||||
<div className="intrinsic" style={{maxWidth: "100%"}}>
|
|
||||||
<div className="embed-block-wrapper " style={{paddingBottom: "56.20609%"}}>
|
<figure className="sqs-block-image-figure intrinsic " style={{maxWidth: "2048px;"}} id="yui_3_17_2_1_1674987238932_135">
|
||||||
<div className="sqs-video-wrapper video-none" data-provider-name="YouTube"
|
|
||||||
data-html="<br/><br/><br/><br/><br/><iframe src="//www.youtube.com/embed/EPwB2-Mdmag?wmode=opaque" height="480" width="854" scrolling="no" frameborder="0" allowfullscreen></iframe><br/>"
|
<div className="image-block-wrapper" data-animation-role="image" id="yui_3_17_2_1_1674987238932_134">
|
||||||
id="yui_3_17_2_1_1674987238932_76">
|
<div className="sqs-image-shape-container-element has-aspect-ratio "
|
||||||
<div className="intrinsic">
|
style={{ position: "relative", paddingBottom: "100%", overflow: "hidden"}}
|
||||||
<div className="intrinsic-inner" style={{paddingBottom: "56.2061%"}}>
|
id="yui_3_17_2_1_1674987238932_133">
|
||||||
<div className="sqs-video-overlay"
|
|
||||||
style={{opacity: 1, overflow: "hidden"}}
|
<noscript><img
|
||||||
id="yui_3_17_2_1_1674987238932_99">
|
src="https://images.squarespace-cdn.com/content/v1/5c5c097593a6327956f164c2/1118ad01-23a3-4cf8-b927-4a3079bbd559/Jonathan%26Caroline.jpg"
|
||||||
<img
|
alt="Jonathan Attias et Caroline Perez"/></noscript>
|
||||||
data-src="https://images.squarespace-cdn.com/content/v1/5c5c097593a6327956f164c2/58039c37-5044-469f-a724-042866f5b892/Marjorie%26Ramin.jpg"
|
<img className="thumb-image loaded"
|
||||||
data-load="false" data-image-focal-point="0.5,0.5"
|
data-src="https://images.squarespace-cdn.com/content/v1/5c5c097593a6327956f164c2/1118ad01-23a3-4cf8-b927-4a3079bbd559/Jonathan%26Caroline.jpg"
|
||||||
className="loaded"
|
data-image="https://images.squarespace-cdn.com/content/v1/5c5c097593a6327956f164c2/1118ad01-23a3-4cf8-b927-4a3079bbd559/Jonathan%26Caroline.jpg"
|
||||||
data-image-dimensions="100x100" data-parent-ratio="1.8"
|
data-image-dimensions="2048x2048" data-image-focal-point="0.5,0.5"
|
||||||
style={{
|
data-load="false" data-image-id="63cfa9c1bc68a5418b4a2126"
|
||||||
fontSize: "0px",
|
data-type="image"
|
||||||
left: 0,
|
style={{
|
||||||
top: "-75.5px",
|
left: 0,
|
||||||
width: "344px",
|
top: 0,
|
||||||
height: "344px",
|
width: "100%",
|
||||||
position: "relative"
|
height: "100%",
|
||||||
}}
|
position: "absolute"
|
||||||
data-image-resolution="500w"
|
}}
|
||||||
src="https://images.squarespace-cdn.com/content/v1/5c5c097593a6327956f164c2/58039c37-5044-469f-a724-042866f5b892/Marjorie%26Ramin.jpg?format=500w"
|
alt="Jonathan Attias et Caroline Perez" data-image-resolution="500w"
|
||||||
/>
|
src="https://images.squarespace-cdn.com/content/v1/5c5c097593a6327956f164c2/1118ad01-23a3-4cf8-b927-4a3079bbd559/Jonathan%26Caroline.jpg?format=500w"
|
||||||
<div className="sqs-video-opaque"></div>
|
/>
|
||||||
<div className="sqs-video-icon" tabIndex={0} role="button"
|
|
||||||
aria-label="Play"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</figure>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className="sqs-block html-block sqs-block-html" data-block-type="2"
|
<div className="sqs-block html-block sqs-block-html" data-block-type="2"
|
||||||
id="block-yui_3_17_2_1_1651498459484_91313">
|
id="block-yui_3_17_2_1_1663343055963_122180">
|
||||||
<div className="sqs-block-content">
|
<div className="sqs-block-content">
|
||||||
<p className="" style={{whiteSpace: "pre-wrap"}}><em>
|
|
||||||
Vidéo diffusée le 1er mai 2022, pour déclarer notre entrée en désobéissance civile.</em></p>
|
<p className="" style={{whiteSpace: "pre-wrap"}}><a
|
||||||
|
href={resistant.lien_declaration} target="_blank">Notre
|
||||||
|
déclaration de désobéissance civile</a>, en {resistant.date_declaration}</p>
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -61,7 +62,7 @@ export const ResistantRow = ({resistant}: Props) => {
|
||||||
id="block-yui_3_17_2_1_1666274786250_108799">
|
id="block-yui_3_17_2_1_1666274786250_108799">
|
||||||
<div className="sqs-block-content"><p id="ramin-marjorie">
|
<div className="sqs-block-content"><p id="ramin-marjorie">
|
||||||
<strong>
|
<strong>
|
||||||
{resistant.Noms}, parents de Zeÿa
|
{resistant.noms}, parents de {resistant.enfants}
|
||||||
</strong>
|
</strong>
|
||||||
</p></div>
|
</p></div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -69,18 +70,14 @@ export const ResistantRow = ({resistant}: Props) => {
|
||||||
id="block-yui_3_17_2_1_1602775217144_4986">
|
id="block-yui_3_17_2_1_1602775217144_4986">
|
||||||
<div className="sqs-block-content">
|
<div className="sqs-block-content">
|
||||||
|
|
||||||
<p className="" style={{whiteSpace: "pre-wrap"}}><strong>({resistant.Département}, Académie de
|
<p className="" style={{whiteSpace: "pre-wrap"}}><strong>({resistant.departement}, Académie
|
||||||
{resistant.Académie})<br/></strong><em>cofondateurs du mouvement Enfance Libre</em></p><p
|
de
|
||||||
className=""
|
{resistant.academie})<br/></strong><em>{resistant.mention}</em>
|
||||||
style={{whiteSpace: "pre-wrap"}}>
|
</p>
|
||||||
<em>“À l'image des objecteurs de conscience qui refusaient le service militaire pour ne pas
|
<p style={{whiteSpace: "pre-wrap"}}>
|
||||||
s'entraîner à tuer, nous refusons l'idée d'un service scolaire obligatoire qui
|
<em>{resistant.presentation}</em>
|
||||||
entraînerait
|
</p>
|
||||||
notre enfant à obéir.”</em></p><p className="" style={{whiteSpace: "pre-wrap"}}><a
|
|
||||||
href="https://www.enfance-libre.fr/blog/declaration-officielle-ramin-marjorie">
|
|
||||||
<strong>
|
|
||||||
Voir notre communiqué officiel aux autorités le 1er mai 2022.
|
|
||||||
</strong></a></p>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue