Add team page and fix issues mobile

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"

content/a-propos/a-propos.md

@@ -0,0 +1,6 @@
+---
+title: "À Propos"
+date: 2024-05-11T08:20:10-04:00
+draft: false
+---
+

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: "Jonathan Lopez"
+      image: "images/membres/jolopez.jpg"
+      text: "Rejoindre le Club CEDILLE a été une étape déterminante dans ma carrière. Grâce à des projets innovants et à une expertise approfondie en DevSecOps, j'ai obtenu un stage en tant que spécialiste DevSecOps. J'ai pu appliquer mes compétences en Kubernetes et en automatisation, consolidant ainsi mon savoir-faire en gestion d'infrastructure infonuagique et en sécurité des systèmes."
+---

data/equipe.yml

@@ -0,0 +1,48 @@
+---
+enable: true
+title: "Équipe"
+button:
+  becomingMember: "Devenir membre"
+  url: "/contact"
+membres:
+  - name: "Jonathan Lopez"
+    post: "Capitaine"
+    social:
+      - title: github
+        url: "https://github.com/SonOfLope"
+      - title: linkedin
+        url: "https://www.linkedin.com/in/lopez-jonathan/"
+    image: "images/membres/jolopez.jpg"
+
+  - name: "Thomas Cardin"
+    post: "Co-Capitaine"
+    social:
+      - title: github
+        url: "https://github.com/ThomasCardin"
+      - title: linkedin
+        url: "https://www.linkedin.com/in/thomas-cardin/"
+    image: "images/membres/tcardin.jpg"
+
+  - name: "Simon Boyer"
+    post: "Trésorier"
+    social:
+      - 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: "Edvin Honda"
+    post: "Membre"
+    social:
+      - title: github
+        url: "https://github.com/EdvinHonda"
+      - title: linkedin
+        url: "https://www.linkedin.com/in/edvin-honda-00b941220/"
+
+  - name: "Bryan Ndjeutcha"
+    post: "Membre"
+    social:
+      - title: github
+        url: "https://gitlab.com/snakedye"
+---

data/motivation.yml

@@ -31,15 +31,18 @@ logos:
   - image: /images/sitesHeberges/pontAcier.png
     url: "https://pontacier.etsmtl.ca/"
     alt: logoPontAcier
-  - image: /images/sitesHeberges/integrale.png
-    url: "https://integrale.etsmtl.ca/"
-    alt: logoIntegrale
+  # - image: /images/sitesHeberges/integrale.png
+  #   url: "https://integrale.etsmtl.ca/"
+  #   alt: logoIntegrale
   - image: /images/sitesHeberges/saveursGenie.png
     url: "https://saveursdegenie.etsmtl.ca"
     alt: logoSaveursGenie
   - image: /images/sitesHeberges/dronoLab.png
     url: "https://wiki.dronolab.etsmtl.ca/"
     alt: logoDronoLab 
+  - image: /images/sitesHeberges/raconteursdangles.png
+    url: "https://raconteurs.etsmtl.ca/"
+    alt: logoRaconteursDangles   
   - image: /images/sitesHeberges/canoeBeton.png
     url: "https://canoe.etsmtl.ca/"
     alt: logoCanoeBeton
@@ -67,13 +70,16 @@ logos:
   - image: /images/sitesHeberges/pontAcier.png
     url: "https://pontacier.etsmtl.ca/"
     alt: logoPontAcier
-  - image: /images/sitesHeberges/integrale.png
-    url: "https://integrale.etsmtl.ca/"
-    alt: logoIntegrale
+  # - image: /images/sitesHeberges/integrale.png
+  #   url: "https://integrale.etsmtl.ca/"
+  #   alt: logoIntegrale
   - image: /images/sitesHeberges/saveursGenie.png
     url: "https://saveursdegenie.etsmtl.ca"
     alt: logoSaveursGenie
   - image: /images/sitesHeberges/dronoLab.png
     url: "https://wiki.dronolab.etsmtl.ca/"
     alt: logoDronoLab  
+  - image: /images/sitesHeberges/raconteursdangles.png
+    url: "https://raconteurs.etsmtl.ca/"
+    alt: logoRaconteursDangles
 ---

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 }}

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}}

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}}

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">

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}}

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")) }}

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">

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>