jbourdon/social-media
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

More polish and finishing touches to documentation

Browse Source
This commit is contained in:
Jonathan Bourdon
2025-02-13 02:42:49 -05:00
parent 8801052542
commit d63f720828
3 changed files with 21 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
frontend/src/views/documentation/About.vue
View File

@@ -73,28 +73,6 @@
</div> </div>
<div class="card"> <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"> <div class="card-header">
<img class="member-profile-picture" <img class="member-profile-picture"
src="/images/hutopymedia/tospage/membersPictures/profilePascal.png" src="/images/hutopymedia/tospage/membersPictures/profilePascal.png"
@@ -146,7 +124,7 @@
<div class="card-body"> <div class="card-body">
<div class="member-name">Jonathan Bourdon</div> <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"> <div class="member-description">
<p> <p>
Son expérience d'architecte senior nous permet de développer un logiciel avec Son expérience d'architecte senior nous permet de développer un logiciel avec
@@ -156,6 +134,7 @@
</div> </div>
</div> </div>
</div> </div>
<p> <p>
@@ -167,19 +146,22 @@
</template> </template>
<style scoped> <style scoped>
@import '@/views/documentation/documentation.css'; @import '@/views/documentation/documentation.css';
.members { .members {
@apply gap-6;
@apply grid sm:grid-cols-1 md:grid-cols-2 lg:grid-cols-3;
@apply mb-12; @apply mb-12;
@apply flex flex-wrap;
@apply w-full justify-center;
} }
.card { .card {
@apply flex flex-col gap-2; @apply flex flex-col;
@apply bg-hSurface rounded-2xl text-hOnSurface; @apply bg-hPrimary rounded-2xl text-hOnPrimary;
@apply font-sans text-base; @apply font-sans text-base;
@apply p-2;
@apply w-72;
} }
.card-header { .card-header {
@@ -187,7 +169,7 @@
} }
.card-body { .card-body {
@apply p-8; @apply w-full
} }
.member-profile-picture { .member-profile-picture {
@@ -196,11 +178,12 @@
.member-name { .member-name {
@apply font-bold text-2xl; @apply font-bold text-2xl;
@apply mb-2;
} }
.member-title { .member-title {
@apply font-semibold text-lg; @apply font-semibold text-lg;
@apply mb-8; @apply mb-4;
} }
.member-description { .member-description {

2
frontend/src/views/documentation/DocumentationLayout.vue
View File

@@ -3,7 +3,7 @@ import Footer from "@/views/main/Footer.vue";
</script> </script>
<template> <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> <div>
<router-view></router-view> <router-view></router-view>
</div> </div>

11
frontend/src/views/documentation/documentation.css
View File

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