Fix team cards

RecyLife · Oct 12, 2024 · 5019e44 · 5019e44
1 parent fe268ff
commit 5019e44
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 15 deletions.
diff --git a/index.html b/index.html
@@ -87,31 +87,31 @@ <h2 class="about-title">À propos</h2>
                 <div class="name-role-container">
                     <h1 class="member-name">Achille Roussel</h1>
                 </div>
-                <p class="member-description">J'ai toujours eu envie de créer et de partager des choses avec le monde, qu'elles soient utiles ou non, peu importe. Je suis un grand passionné des sciences et je m'intéresse de près aux libertés fondamentales ainsi qu'aux outils pour les préserver. Je dénonce une société de plus en plus surveillée.</p>
-                <button class="member-button" onclick="window.location.href='rmbi.ch/aster'">Visiter</button>
+                <p class="member-description">"Ce n'est qu'en perdant la liberté qu'on en saisit toute la valeur"</p>
+                <button class="member-button" onclick="window.location.href='https://rmbi.ch/aster'">Visiter</button>
             </div>
             <div class="member-card">
                 <img src="./images/members/isaia.jpeg" alt="Isaia Placi logo" class="member-photo">
                 <div class="name-role-container">
                     <h1 class="member-name">Isaia Placi</h1>
                 </div>
-                <p class="member-description">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Explicabo voluptas architecto est necessitatibus cumque aperiam delectus atque, omnis doloremque veniam dignissimos vero incidunt sunt distinctio in qui doloribus minima pariatur perspiciatis quis tenetur facere ad. Placeat, ipsam dolor!</p>
-                <button class="member-button" onclick="window.location.href='placi.dyn.mk'">Visiter</button>
+                <p class="member-description">"Le code n'est pas juste une langue, c'est une manière de penser"</p>
+                <button class="member-button" onclick="window.location.href='https://placi.dyn.mk'">Visiter</button>
             </div>
             <div class="member-card">
                 <img src="./images/members/jdm.png" alt="Julien de Montmollin logo" class="member-photo">
                 <div class="name-role-container sp1">
                     <h1 class="member-name">Julien de Montmollin</h1>
                 </div>
-                <p class="member-description"> Pendant mon temps libre, j'aime coder des projets plus ou moin utiles. Pour moi l'informatique, le développement et Internet sont un monde d'innovation limité uniquement par l'imagination de personnes motivées. J'essaie à travers mes projets et mes usages de promouvoir un Internet plus libre, plus ouvert et plus fun.</p>
-                <button class="member-button" onclick="window.location.href='rmbi.ch/jdm'">Visiter</button>
+                <p class="member-description">"Le meilleur moyen de prédire le futur, c'est de le créer."</p>
+                <button class="member-button" onclick="window.location.href='https://rmbi.ch/jdm'">Visiter</button>
             </div>
             <div class="member-card">
                 <img src="./images/members/vital.png" alt="Vital Vuillaume logo" class="member-photo">
                 <div class="name-role-container sp2">
                     <h1 class="member-name">Vital Vuillaume</h1>
                 </div>
-                <p class="member-description">Passionné par le numérique et la programmation, je m'investis dans des projets innovants qui allient technologie et créativité.</p>
+                <p class="member-description"></p>
                 <button class="member-button" onclick="window.location.href='https://github.com/Vital-Vuillaume'">Visiter</button>
             </div>
         </section>

diff --git a/styles/team.css b/styles/team.css
@@ -4,8 +4,8 @@
     justify-content: center;
     align-items: center;
     gap: 75px;
-    padding-left: 20px;
-    padding-right: 20px;
+    padding-left: 50px;
+    padding-right: 50px;
 }
 
 .member-card {
@@ -15,15 +15,15 @@
     align-items: center;
     flex-direction: column;
     height: 600px;
-    flex-basis: 400px; 
+    flex-basis: 375px; 
     flex-grow: 0; 
     flex-shrink: 0; 
     color: var(--primary-color);
     background-color: var(--secondary-color);
 }
 
 .member-photo {
-    /* border: 4px solid var(--primary-color); */
+    border-bottom: 4px solid var(--primary-color);
     border-radius: var(--border-radius) var(--border-radius) 0px 0px;
     width: 100%;
     height: 50%;
@@ -33,11 +33,11 @@
 
 .name-role-container {
     border-radius: calc(var(--border-radius) - 15px);
-    top: 275.5px;
+    top: 276px;
     padding: 10px;
     position: absolute;
     left: 50%;
-    width: 90%;
+    width: 60%;
     transform: translateX(-50%);
     box-shadow: 0 4px 4px rgba(0, 0, 0, 0.3);
     text-align: center;
@@ -50,9 +50,10 @@
 }
 
 .member-description {
+    text-align: center;
     margin: 65px 30px 20px 30px;
-    font-size: 18px;
-    height: 210px;
+    font-size: 26px;
+    height: 140px;
     overflow: auto;
 }