feat: social media

Author: arnolanglade

themes/al/layouts/_default/hire-me.html

@@ -16,7 +16,7 @@ <h1 class="page-title display-1 fw-bold text-primary pb-4 mb-xl-0 w-100">{{ . }}
         </p>
         <p class="text-light mb-0">
           {{ i18n "hire-me.social-media" | markdownify }}
-          {{ partial "social-media-link" . }}
+          {{ partial "social-media-link" (dict "social" .Site.Params.social)  }}
         </p>
         <p class="text-light">
           {{ i18n "hire-me.form" | markdownify }}

themes/al/layouts/blog/single.html

@@ -55,8 +55,8 @@ <h3 class="card-title text-center">{{ i18n "post.about.title" | markdownify }}</
                     <a href="{{ "/about-me" | relLangURL }}" class="btn btn-primary text-decoration-none">{{ i18n "post.about.link" }}</a>
                   </p>
                   <p class="card-text fs-6 mb-3">{{ i18n "post.about.social-media" | markdownify }}</p>
-                  {{ partial "social-media-link" . }}
-                  {{ partial "share-post.html" . }}
+                  {{ partial "social-media-link" (dict "social" .Site.Params.social) }}
+                  {{ partial "share-post" . }}
                 </div>
               </div>
             </div>

themes/al/layouts/partials/shared/footer.html

@@ -4,7 +4,7 @@
       <div class="col-12 col-xl-4 text-center text-xl-start pb-4">
         <h3 class="fs-5 fw-semibold text-uppercase text-primary mb-2">{{ .Site.Title }}</h3>
         <p class="small text-light mb-0">{{ i18n "footer.social" }}</p>
-        {{ partial "social-media-link" . }}
+        {{ partial "social-media-link" (dict "social" .Site.Params.social "class" "justify-content-xl-start")  }}
       </div>
       <div class="col-12 col-xl-4 text-center text-xl-start pb-4">
         <h3 class="fs-5 fw-semibold text-primary mb-2">{{ i18n "footer.links" }}</h3>

themes/al/layouts/partials/social-media-link.html

@@ -1,5 +1,5 @@
-{{ with .Site.Params.social }}
-<ul class="d-flex justify-content-center justify-content-xl-start list-unstyled mt-4">
+<ul class="d-flex list-unstyled mt-4 {{ .class }}">
+{{ with .social }}
   {{ with .linkedin }}
   <li class="rounded-circle bg-primary me-2 p-2">
     <a class="d-flex align-items-center justify-content-center size-16 text-dark" href="{{ . }}" target="_blank" title="linkedin">
@@ -49,5 +49,5 @@
     </a>
   </li>
   {{ end }}
-</ul>
 {{ end }}
+</ul>