Merge pull request #158 from ClubCedille/members_pics

rearranging the member pics
ClubCedille · Oct 4, 2024 · 91d2889 · 91d2889
2 parents 8c75437 + d9bf230
commit 91d2889
Show file tree

Hide file tree

Showing 4 changed files with 68 additions and 22 deletions.
diff --git a/Dockerfile.dev b/Dockerfile.dev
@@ -1,9 +1,9 @@
-FROM yanqd0/hugo as build
+FROM yanqd0/hugo
 
 EXPOSE 3000
 
 WORKDIR /src
 
 COPY . .
 
-CMD [ "hugo", "server", "watch", "--bind", "0.0.0.0", "-p", "3000"]
+ENTRYPOINT [ "hugo", "server","--disableFastRender", "--bind", "0.0.0.0", "-p", "3000"]
diff --git a/Makefile b/Makefile
@@ -6,7 +6,7 @@ prod:
 
 dev:
 	@docker build -t clubcedille:dev -f Dockerfile.dev .
-	@docker run -it --rm -p 3000:3000 -v $(PWD):/app clubcedille:dev
+	@docker run -it --rm -p 3000:3000 -v $(PWD):/src clubcedille:dev
 
 dev-hugo: 
 	@hugo serve --source=./ -D --disableFastRender

diff --git a/data/equipe.yml b/data/equipe.yml
@@ -32,6 +32,15 @@ membres:
         url: "https://www.linkedin.com/in/wlemire"
     image: "images/membres/williamlemire.jpg"
 
+  - name: "Michael Sakellaropoulos"
+    post: "Membre"
+    social:
+      - title: github
+        url: "https://github.com/mj-sakellaropoulos"
+      - title: linkedin
+        url: "https://www.linkedin.com/in/michael-john-s-9ab93a129/"
+    image: "images/membres/msakellaropoulos.png"
+
   - name: "Edvin Honda"
     post: "Membre"
     social:
@@ -49,15 +58,6 @@ membres:
         url: "https://www.linkedin.com/in/james-talbi/"
     image: "images/membres/jamestalbi.jpg"
 
-  - name: "Michael Sakellaropoulos"
-    post: "Membre"
-    social:
-      - title: github
-        url: "https://github.com/mj-sakellaropoulos"
-      - title: linkedin
-        url: "https://www.linkedin.com/in/michael-john-s-9ab93a129/"
-    image: "images/membres/msakellaropoulos.png"
-
   - name: "Andrei Anton"
     post: "Membre"
     social:
@@ -67,23 +67,23 @@ membres:
         url: "https://www.linkedin.com/in/andrei-anton-422869292/"
     image: "images/membres/andrei-anton.jpg"
 
-  - name: "Julien Giguère"
+  - name: "Sebastian Perez"
     post: "Membre"
     social:
       - title: github
-        url: "https://github.com/JulienGiguere"
+        url: "https://github.com/Epsot"
       - title: linkedin
-        url: "https://www.linkedin.com/in/juliengiguere/"
-    image: "images/membres/julieng.jpg"
+        url: "https://www.linkedin.com/in/sebastian-perez-ets/"
+    image: "images/membres/sebastianPerez.jpg"
 
-  - name: "Sebastian Perez"
+  - name: "Julien Giguère"
     post: "Membre"
     social:
       - title: github
-        url: "https://github.com/Epsot"
+        url: "https://github.com/JulienGiguere"
       - title: linkedin
-        url: "https://www.linkedin.com/in/sebastian-perez-ets/"
-    image: "images/membres/sebastianPerez.jpg"
+        url: "https://www.linkedin.com/in/juliengiguere/"
+    image: "images/membres/julieng.jpg"
 
   - name: "Alexandre Baudouin Vegas"
     post: "Membre"

diff --git a/themes/cedille/layouts/partials/equipe.html b/themes/cedille/layouts/partials/equipe.html
@@ -13,9 +13,9 @@ <h2 style="border-bottom: solid 2px grey;"><b>{{ .title }}</b></h2>
                 <div class="member">
                     <div class="image mb-4">
                         {{ if .image }}
-                        <img src="{{ .image | relURL }}" alt="{{.name}}" style="box-shadow: 0px 10px 10px 0px black;">
+                        <img src="{{ .image | relURL }}" alt="{{.name}}" class="member-image">
                         {{ else }}
-                        <img src="{{ .Site.baseurl }}/images/membres/anonyme.jpg" alt="{{.name}}" style="box-shadow: 0px 10px 10px 0px black;">
+                        <img src="{{ .Site.baseurl }}/images/membres/anonyme.jpg" alt="{{.name}}" class="member-image">
                         {{ end }}
                     </div>
                     <div class="member-information">
@@ -52,3 +52,49 @@ <h5>{{.post}}</h5>
 </div>
 {{end}}
 {{end}}
+
+<style>
+.members .member {
+    text-align: center;
+}
+
+.member-image {
+    width: 225px;
+    height: 225px;
+    border-radius: 50%;
+    object-fit: cover;
+    box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.2);
+    transition: transform 0.3s ease, box-shadow 0.3s ease;
+}
+
+.member-image:hover {
+    transform: scale(1.05);
+    box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.4);
+}
+
+.member-information h4 {
+    font-size: 1.25rem;
+    font-weight: bold;
+    margin-top: 10px;
+}
+
+.member-information h5 {
+    font-size: 1rem;
+    font-weight: normal;
+    color: #555;
+}
+
+.social-links a {
+    color: #333;
+    transition: color 0.3s ease;
+}
+
+.becoming-member {
+    text-align: center;
+}
+
+.becoming-member a {
+    font-size: 1.25rem;
+    font-weight: bold;
+}
+</style>