More polish and finishing touches to documentation

frontend/src/views/documentation/About.vue

@@ -73,28 +73,6 @@
     </div>
 
     <div class="card">
-
-      <div class="card-header">
-        <img class="member-profile-picture"
-             src="/images/hutopymedia/tospage/membersPictures/profileDominique.png"
-             alt="Dominic Villemure">
-      </div>
-
-      <div class="card-body">
-        <div class="member-name">Dominic Villemure</div>
-        <div class="member-title">Responsable Technique</div>
-        <div class="member-description">
-          <p>
-            À la tête de notre équipe de développement, il assure qu’Hutopy reste à la
-            pointe de la technologie.
-          </p>
-        </div>
-      </div>
-
-    </div>
-
-    <div class="card">
-
       <div class="card-header">
         <img class="member-profile-picture"
              src="/images/hutopymedia/tospage/membersPictures/profilePascal.png"
@@ -146,7 +124,7 @@
 
       <div class="card-body">
         <div class="member-name">Jonathan Bourdon</div>
-        <div class="member-title">Programeur / Architecte</div>
+        <div class="member-title">Directeur Technique</div>
         <div class="member-description">
           <p>
             Son expérience d'architecte senior nous permet de développer un logiciel avec
@@ -156,6 +134,7 @@
       </div>
 
     </div>
+
   </div>
 
   <p>
@@ -167,19 +146,22 @@
 
 </template>
 
+
 <style scoped>
 @import '@/views/documentation/documentation.css';
 
 .members {
-  @apply gap-6;
-  @apply grid sm:grid-cols-1 md:grid-cols-2 lg:grid-cols-3;
   @apply mb-12;
+  @apply flex flex-wrap;
+  @apply w-full justify-center;
 }
 
 .card {
-  @apply flex flex-col gap-2;
-  @apply bg-hSurface rounded-2xl text-hOnSurface;
+  @apply flex flex-col;
+  @apply bg-hPrimary rounded-2xl text-hOnPrimary;
   @apply font-sans text-base;
+  @apply p-2;
+  @apply w-72;
 }
 
 .card-header {
@@ -187,7 +169,7 @@
 }
 
 .card-body {
-  @apply p-8;
+  @apply w-full
 }
 
 .member-profile-picture {
@@ -196,11 +178,12 @@
 
 .member-name {
   @apply font-bold text-2xl;
+  @apply mb-2;
 }
 
 .member-title {
   @apply font-semibold text-lg;
-  @apply mb-8;
+  @apply mb-4;
 }
 
 .member-description {

frontend/src/views/documentation/DocumentationLayout.vue

@@ -3,7 +3,7 @@ import Footer from "@/views/main/Footer.vue";
 </script>
 
 <template>
-  <div class="min-h-screen w-[1024px] bg-hSurface text-hOnSurface">
+  <div class="min-h-screen w-[1024px] bg-hSurface text-hOnSurface p-6">
     <div>
       <router-view></router-view>
     </div>

frontend/src/views/documentation/documentation.css

@@ -1,14 +1,14 @@
 h1 {
     @apply text-hOnBackground;
-    @apply flex items-center justify-center uppercase;
-    @apply font-sans font-bold text-8xl;
+    @apply flex items-center uppercase;
+    @apply font-sans font-bold text-4xl md:text-8xl;
     @apply tracking-widest;
     @apply mb-12;
 }
 
 h2 {
     @apply text-hOnBackground;
-    @apply font-sans font-bold text-4xl;
+    @apply font-sans font-bold text-2xl md:text-4xl;
     @apply mb-6;
 }
 
@@ -17,4 +17,9 @@ p {
     @apply font-sans font-normal text-base;
     @apply tracking-normal;
     @apply mb-6;
+    @apply text-justify;
+}
+
+ul {
+    @apply mb-6;
 }