feat: ajoute les vraies photos

src/main.tsx

@@ -10,6 +10,7 @@ import './style/SquareSpace/global.css'
 import './style/SquareSpace/blocks.css'
 import './style/SquareSpace/table.css'
 import './style/SquareSpace/video.css'
+import './photos'
 
 const Layout = () => <div>
     <Outlet />

src/photos/index.ts

@@ -0,0 +1,26 @@
+import "./Amélie Taveneau et Vincent Blondeau.jpg"
+import "./Audrey-Anne et Michaël Delhommeau.jpg"
+import "./Mathilde et Cyril Vannier.jpg"
+import "./David et Coralie Renaudeau.jpg"
+import "./Nicolas Verrier et Elodie Duchesne.jpg"
+import "./Emmanuelle Chapleau et Philippe Lacot.jpg"
+import "./Florence et Alexis Godart.jpg"
+import "./Déborah et Florian Muller.jpg"
+import "./Jérôme et Gwénaëlle Poiroux.jpg"
+import "./Hélène Drulhe.jpg"
+import "./Hélène Frémeaux.jpg"
+import "./Isabelle et Nicolas Sibert.jpg"
+import "./Jonathan Attias et Caroline Perez.jpg"
+import "./Julie et Jean-Christophe Reboutier.jpg"
+import "./Karène et Jalil Arfaoui.jpg"
+import "./Marianne Cramer et Denis Gaudillère.jpg"
+import "./Marina Cremers et Frederic Blanpain.jpg"
+import "./Ramïn Farhangi et Marjorie Bautista.jpg"
+import "./Marlène et Benjamin Vuillaume.jpg"
+import "./Mathilde Catalifaud et Dorian Bouchet.jpg"
+import "./Myriam et Timothée Chatelain.jpg"
+import "./Ophélie Singeot et Sylvain Bouvet.jpg"
+import "./Sarah Piquart Delquié et Jérôme Delquié.jpg"
+import "./Sita et Pascal Bargibant.jpg"
+import "./Sonia et Jean-Christophe Herbiet.jpg"
+import "./Sylvaine et Olivier Cougé.jpg"

src/routes/ResistantRow.tsx

@@ -20,12 +20,13 @@ export const ResistantRow = ({resistant}: Props) => {
                                              style={{ position: "relative", paddingBottom: "100%", overflow: "hidden"}}
                                              id="yui_3_17_2_1_1674987238932_133">
 
-                                            <noscript><img
-                                                src="https://images.squarespace-cdn.com/content/v1/5c5c097593a6327956f164c2/1118ad01-23a3-4cf8-b927-4a3079bbd559/Jonathan%26Caroline.jpg"
+                                            <noscript>
+                                                <img
+                                                src={`https://enfance-libre.frama.io/resistants/assets/${resistant.noms}.jpg`}
                                                 alt="Jonathan Attias et Caroline Perez"/></noscript>
                                             <img className="thumb-image loaded"
-                                                 data-src="https://images.squarespace-cdn.com/content/v1/5c5c097593a6327956f164c2/1118ad01-23a3-4cf8-b927-4a3079bbd559/Jonathan%26Caroline.jpg"
-                                                 data-image="https://images.squarespace-cdn.com/content/v1/5c5c097593a6327956f164c2/1118ad01-23a3-4cf8-b927-4a3079bbd559/Jonathan%26Caroline.jpg"
+                                                 data-src={`https://enfance-libre.frama.io/resistants/assets/${resistant.noms}.jpg`}
+                                                 data-image={`https://enfance-libre.frama.io/resistants/assets/${resistant.noms}.jpg`}
                                                  data-image-dimensions="2048x2048" data-image-focal-point="0.5,0.5"
                                                  data-load="false" data-image-id="63cfa9c1bc68a5418b4a2126"
                                                  data-type="image"
@@ -36,8 +37,8 @@ export const ResistantRow = ({resistant}: Props) => {
                                                      height: "100%",
                                                      position: "absolute"
                                                  }}
-                                                 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"
+                                                 alt={resistant.noms} data-image-resolution="500w"
+                                                 src={`https://enfance-libre.frama.io/resistants/assets/${resistant.noms}.jpg`}
                                             />
                                         </div>
                                     </div>

vite.config.ts

@@ -9,7 +9,7 @@ export default defineConfig({
     rollupOptions: {
       output: {
         entryFileNames: "resistants.js",
-        assetFileNames: "resistants.[ext]"
+        assetFileNames: ({ name }) => name && name.indexOf(".css") > 0 ? "resistants.css" : "assets/[name].[ext]"
       }
     },
     outDir: "public"