Add team page and fix issues mobile

ClubCedille · May 11, 2024 · 5f9fdb8 · 5f9fdb8
1 parent f5dc69f
commit 5f9fdb8
Show file tree

Hide file tree

Showing 15 changed files with 127 additions and 322 deletions.
diff --git a/config.toml b/config.toml
@@ -11,25 +11,30 @@ baseURL = 'https://cedille.etsmtl.ca'
         url = "/"
         weight = 1 
     [[menu.main]]
-        identifier = "equipe"
+        identifier = "a-propos"
         name = "À propos"
-        url = "/equipe/"
+        url = "/a-propos/"
         weight = 2
+    [[menu.main]]
+        identifier = "equipe"
+        name = "Équipe"
+        url = "/equipe/"
+        weight = 3
     [[menu.main]]
         identifier = "projets"    
         name = "Projets"
         url = "/projets/"
-        weight = 3
-    [[menu.main]]   
+        weight = 4
+    [[menu.main]]  
         identifier = "partenaires" 
         name = "Partenaires"
         url = "/partenaires/"
-        weight = 4
+        weight = 5
     [[menu.main]]  
         identifier = "contact" 
         name = "Joignez l'équipe"
         url = "/contact/"
-        weight = 5
+        weight = 6
 
 [params]
     titleFollowUs = "Suivez-nous"

diff --git a/content/a-propos/a-propos.md b/content/a-propos/a-propos.md
@@ -0,0 +1,6 @@
+---
+title: "À Propos"
+date: 2024-05-11T08:20:10-04:00
+draft: false
+---
+
diff --git a/data/description.yml b/data/description.yml
@@ -13,10 +13,10 @@ network:
   subtitle: "Le pouvoir du réseautage"
   summary: "Chez Cédille, nos membres bénéficient d'une expérience de réseautage enrichissante et fluide grâce à notre variété d'événements sociaux captivants, tels que des ateliers, conférences et rencontres de réseautage animés par des experts chevronnés de l'industrie. Ils élargissent leur réseau professionnel, découvrent des perspectives uniques et restent à jour avec les tendances du secteur. Parfois, il arrive même que nous facilitions des opportunités de carrière exceptionnelles pour un développement professionnel optimal."
   members:
-    # - name: "Thomas Cardin"
-    #   image: "images/membres/tcardin.jpg"
-    #   text: "L'expérience que j'ai acquise en intégrant le Club CEDILLE a eu un impact significatif sur ma trajectoire professionnelle. Grâce à leur expertise en DevOps et à une panoplie d'activités pratiques, j'ai pu décrocher un stage en tant qu'ingénieur de fiabilité du site (SRE). Je recommande fortement le Club pour toute personne désireuse de transformer son apprentissage en opportunités concrètes."
-    # - name: "Simon Boyer"
-    #   image: "images/membres/simon-boyer.jpg"
-    #   text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero."
+    - name: "Thomas Cardin"
+      image: "images/membres/tcardin.jpg"
+      text: "L'expérience que j'ai acquise en intégrant le Club CEDILLE a eu un impact significatif sur ma trajectoire professionnelle. Grâce à leur expertise en DevOps et à une panoplie d'activités pratiques, j'ai pu décrocher un stage en tant qu'ingénieur de fiabilité du site (SRE). Je recommande fortement le Club pour toute personne désireuse de transformer son apprentissage en opportunités concrètes."
+    - name: "Simon Boyer"
+      image: "images/membres/simon-boyer.jpg"
+      text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero."
 ---
diff --git a/data/membres.yml → data/equipe.yml b/data/membres.yml → data/equipe.yml
@@ -1,6 +1,9 @@
 ---
 enable: true
-title: "nos membres"
+title: "Équipe"
+button:
+  becomingMember: "Devenir membre"
+  url: "/contact"
 membres:
   - name: "Jonathan Lopez"
     post: "Capitaine"
@@ -14,28 +17,28 @@ membres:
   - name: "Thomas Cardin"
     post: "Co-Capitaine"
     social:
-    - title: linkedin
-      url: "https://ca.linkedin.com/in/thomas-cardin-349056185"
-    - title: github 
-      url: "https://github.com/ThomasCardin"
+      - title: github 
+        url: "https://github.com/ThomasCardin"
+      - title: linkedin
+        url: "https://ca.linkedin.com/in/thomas-cardin-349056185"
     image: "images/membres/tcardin.jpg"
 
   - name: "Simon Boyer"
     post: "Trésorier"
     social:
-    - title: linkedin 
-      url: "https://www.linkedin.com/in/simon-boyer"
-    - title: github 
-      url: "https://github.com/Simon-Boyer"
+      - title: github 
+        url: "https://github.com/Simon-Boyer"
+      - title: linkedin 
+        url: "https://www.linkedin.com/in/simon-boyer"
     image: "images/membres/simon-boyer.jpg"
 
   - name: "Roch D'amour"
     post: "Membre"
     social:
-      - title: linkedin 
-        url: "https://www.linkedin.com/in/notarock/"
       - title: github
         url: "https://github.com/notarock"
+      - title: linkedin 
+        url: "https://www.linkedin.com/in/notarock/"
     image: "images/membres/Roch.jpg"
 
   - name: "guyllaume"
@@ -48,18 +51,18 @@ membres:
   - name: "Edvin Honda"
     post: "Membre"
     social:
+      - title: github 
+        url: "https://github.com/EdvinHonda"
       - title: linkedin 
         url: "https://www.linkedin.com/in/edvin-honda-00b941220/"
-      - title: github 
-        url: "https://github.com/EdvinHonda "
 
   - name: "Bayes Diarra"
     post: "Membre"
     social:
+      - title: github 
+        url: "https://github.com/bayes-diarra"
       - title: linkedin 
         url: "https://www.linkedin.com/in/bayes-diarra-b67537177"
-      - title: github 
-        url: "https://github.com/bayes-diarra "
 
   - name: "Bryan Ndjeutcha"
     post: "Membre"

diff --git a/themes/cedille/layouts/_default/baseof.html b/themes/cedille/layouts/_default/baseof.html
@@ -3,9 +3,6 @@
     {{- partial "head.html" . -}}
     <body>
         <div>
-            {{ if in .Name "Accueil" }}
-            {{ partial "notification.html" . }}
-            {{ end }}
             {{- partial "header.html" . -}}
             <div id="content">
             {{- block "main" . }}{{- end }}

diff --git a/themes/cedille/layouts/a-propos/list.html b/themes/cedille/layouts/a-propos/list.html
@@ -0,0 +1,7 @@
+{{ define "main"}}
+<div class="about-us-section">
+  <div class="container my-5">
+    {{ partial "aboutUs.html" . }}
+  </div>
+</div>
+{{end}}
diff --git a/themes/cedille/layouts/equipe/list.html b/themes/cedille/layouts/equipe/list.html
@@ -1,36 +1,7 @@
-{{ define "main"}}
-<div class="about-us-section">
-  <div class="container my-5">
-    {{ partial "aboutUs.html" . }}
-  </div>
-</div>
-{{/*  <div class="equipe">
-  <section id="carouselExampleIndicators" class="carousel slide" data-bs-ride="carousel" data-bs-pause="false">
-    <div class="carousel-indicators">
-      <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
-      <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="1" aria-label="Slide 2"></button>
-      <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="2" aria-label="Slide 3"></button>
-    </div>
-    <div class="carousel-inner">
-      <div class="carousel-item active" data-bs-interval="5000">
-        <img src="/images/membres/evenement/3.png" class="d-block h-75 w-100 carousel-image" alt="...">
-      </div>
-      <div class="carousel-item" data-bs-interval="5000">
-        <img src="/images/membres/evenement/2.png" class="d-block h-75 w-100 carousel-image" alt="...">
-      </div>
-      <div class="carousel-item" data-bs-interval="5000">
-        <img src="/images/membres/evenement/1.png" class="d-block h-75 w-100 carousel-image" alt="...">
-      </div>
-    </div>
-    <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="prev">
-      <span class="carousel-control-prev-icon" aria-hidden="true"></span>
-      <span class="visually-hidden">Previous</span>
-    </button>
-    <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="next">
-      <span class="carousel-control-next-icon" aria-hidden="true"></span>
-      <span class="visually-hidden">Next</span>
-    </button>
-  </section>
-  {{ partial "membres.html" . }}
-</div>  */}}
+{{ define "main"}}
+<div class="team-section">
+  <div class="container my-5">
+    {{ partial "equipe.html" . }}
+  </div>
+</div>
 {{end}}
diff --git a/themes/cedille/layouts/partials/description.html b/themes/cedille/layouts/partials/description.html
@@ -54,7 +54,7 @@ <h3><b>{{ .network.title }}</b></h3>
                 </div>
             </div>
         </div>
-        <div class="row mt-4 mx-lg-5 mx-md-5">
+        <div class="row mt-5 mx-lg-5 mx-md-5">
             {{ range .network.members }}
             <div class="col-12 col-lg-6 col-md-6">
                 <div class="row text-center align-center">

diff --git a/themes/cedille/layouts/partials/equipe.html b/themes/cedille/layouts/partials/equipe.html
@@ -0,0 +1,54 @@
+{{ with .Site.Data.equipe}}
+{{ if .enable}}
+<div class="row">
+    <h2 style="border-bottom: solid 2px grey;"><b>{{ .title }}</b></h2>
+</div>
+
+<!-- Members section -->
+<div class="members">
+    <div class="container py-5">
+        <div class="row text-center">
+            {{ range .membres}}
+            <div class="col-md-4 col-sm-6 my-3">
+                <div class="member">
+                    <div class="image mb-4">
+                        {{ if .image }}
+                        <img src="{{ .image | relURL }}" alt="{{.name}}" style="box-shadow: 0px 10px 10px 0px black;">
+                        {{ else }}
+                        <img src="{{ .Site.baseurl }}/images/membres/anonyme.jpg" alt="{{.name}}" style="box-shadow: 0px 10px 10px 0px black;">
+                        {{ end }}
+                    </div>
+                    <div class="member-information">
+                        <h4>{{.name}}</h4>
+                        <h5>{{.post}}</h5>
+                    </div>
+                    {{ if .social }}
+                    <div class="row">
+                        <div class="social-links">
+                            {{ range .social}}
+                                <a class="mx-1" href="{{.url}}"><i class="fab fa-{{ .title }} fa-lg"></i></a>
+                            {{end}}
+                        </div>
+                    </div>
+                    {{ end }}
+                </div>
+            </div>
+            {{end}}
+        </div>
+    </div>
+</div>
+
+<!-- Becoming member section -->
+<div class="becoming-member">
+    <div class="container">
+        <div class="row py-3 mt-5">
+            <div class="col-12">
+                <div class="d-flex justify-content-center">
+                    <a class="btn py-2 px-5" href="{{ .button.url }}">{{ .button.becomingMember }}</a>
+                </div>
+            </div>            
+        </div>
+    </div>
+</div>
+{{end}}
+{{end}}
diff --git a/themes/cedille/layouts/partials/header.html b/themes/cedille/layouts/partials/header.html
@@ -22,7 +22,8 @@
           {{ range .Site.Menus.main }}
           {{ $active := or ($current.IsMenuCurrent "main" .) ($current.HasMenuCurrent "main" .) }}
           {{ $active = or $active (eq .Name $current.Title) }}   
-          {{ $active = or $active (and (eq .Name "Équipe") (eq $current.Section "equipe")) }}                
+          {{ $active = or $active (and (eq .Name "À propos") (eq $current.Section "a-propos")) }}    
+          {{ $active = or $active (and (eq .Name "Équipe") (eq $current.Section "equipe")) }}            
           {{ $active = or $active (and (eq .Name "Projets") ( eq $current.Section "projets")) }}
           {{ $active = or $active (and (eq .Name "Partenaires") (eq $current.Section "partenaires")) }}
           {{ $active = or $active (and (eq .Name "Joignez l'équipe") (eq $current.Section "contact")) }}

diff --git a/themes/cedille/layouts/partials/hero.html b/themes/cedille/layouts/partials/hero.html
@@ -5,7 +5,7 @@
     <div class="container py-5">
         <div class="row g-0 mt-4 mx-5">
             <div class="col-12 mb-3 text-center d-block d-md-none">
-                <img style="width: 300px; height: 370px; object-fit: fill;" src="{{ .logoCedille }}" alt="logo-cedille">
+                <img style="width: 15rem; height: 16rem; object-fit: fill;" src="{{ .logoCedille }}" alt="logo-cedille">
             </div>
             <div class="col-12 col-lg-5 col-md-5 text-center text-lg-start text-md-start my-auto">
                 <div class="container">

diff --git a/themes/cedille/layouts/partials/introduction.html b/themes/cedille/layouts/partials/introduction.html
@@ -2,8 +2,8 @@
 {{ if .enable }}
 <!-- Practice section -->
 <div class="practice">
-    <div class="container text-center py-5">
-        <div class="row g-0 pb-4">
+    <div class="container py-5">
+        <div class="row g-0 pb-4 text-center">
             <div class="col-12 col-lg-6 col-md-6 text-lg-start text-md-start">
                 <p><b>{{ .practice.subtitle | upper }}</b></p>
                 <h3><b>{{ .practice.title }}</b></h3>
@@ -14,7 +14,7 @@ <h3><b>{{ .practice.title }}</b></h3>
                 </div>
             </div>
         </div>
-        <div class="row text-lg-start text-md-start mt-5">
+        <div class="row text-start mt-5">
             {{ range .practice.content }}
             <div class="col-6 col-lg-3 col-md-3">
                 <i class="fa-solid fa-cube fa-xl"></i>

diff --git a/themes/cedille/layouts/partials/membres.html b/themes/cedille/layouts/partials/membres.html
diff --git a/themes/cedille/layouts/partials/motivation.html b/themes/cedille/layouts/partials/motivation.html
@@ -3,7 +3,7 @@
 <!-- Motivation section -->
 <div class="motivation">
     <div class="container py-5" style="background-color: #080808;">
-        <div class="row text-center mx-5 py-2 mt-5">
+        <div class="row text-center py-2 mt-5">
             <div class="col mx-lg-5 mx-md-5">
                 <p><b>{{ .subtitle | upper }}</b></p>
                 <h3><b>{{ .title }}</b></h3>