j6

Author: SamFlt

src/Card.css

@@ -77,4 +77,16 @@
   filter: brightness(30%);
 }
 
-.img-wrapper img {width: 100%;}
+.img-wrapper img {width: 100%;}
+
+
+.card .imgVinoScreen {
+  width: 50vw !important;
+  height:auto;
+  max-height: none;
+}
+.card .imgVino {
+  width: 50vw !important;
+  height: auto !important;
+  max-height: none;
+}

src/Content.tsx

@@ -3,6 +3,11 @@ import penseeNoireUrl from './assets/pensee_noire.png'
 import bateauIvreUrl from './assets/bateau_ivre.jpg'
 import pigeonUrl from './assets/pigeon.jpg'
 import motUrl from './assets/mot.png'
+import vinScreenUrl from './assets/vin_conv.jpg'
+import vinUrl from './assets/vino.jpg'
+import './Card.css'
+
+import { useState } from 'react'
 
 const days: Record<number, Function> = {
     1: () => {
@@ -50,6 +55,25 @@ const days: Record<number, Function> = {
             <p>❤️</p>
 
         </>)
+    },
+    6: () => {
+        let [isOpenened, doOpen] = useState(false)
+        let s = {
+            "width": "100%"
+        }
+        let ending = isOpenened ? <img className="imgVino" src={vinUrl} /> : <div><button onClick={() => doOpen(true)}>Veritas?</button></div>
+
+        return (<>
+            <p>In vino:</p>
+            <div>
+                <img className="imgVinoScreen" src={vinScreenUrl} />
+                
+            </div>
+            <div>
+            {ending}
+
+            </div>
+        </>)
     }
 
 }