Merge 77ea08467d into 5f624757ae

assets/css/common/main.css

@@ -27,10 +27,12 @@
     margin-inline-start: auto;
 }
 
+.social-icons {
+    padding: 12px 0;
+}
 
-.social-icons a {
-    display: inline-flex;
-    padding: 10px;
+.social-icons a:not(:last-of-type) {
+    margin-inline-end: 12px;
 }
 
 .social-icons a svg {

assets/css/common/profile-mode.css

@@ -10,20 +10,19 @@
     text-align: center;
 }
 
-.profile .profile_inner {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    gap: 10px;
+.profile .profile_inner h1 {
+    padding: 12px 0;
 }
 
 .profile img {
+    display: inline-table;
     border-radius: 50%;
 }
 
 .buttons {
     flex-wrap: wrap;
     max-width: 400px;
+    margin: 0 auto;
 }
 
 .button {

layouts/partials/home_info.html

@@ -7,7 +7,7 @@
         {{ .Content | markdownify }}
     </div>
     <footer class="entry-footer">
-        {{ partial "social_icons.html" (dict "align" site.Params.homeInfoParams.AlignSocialIconsTo) }}
+        {{ partial "social_icons.html" site.Params.socialIcons }}
     </footer>
 </article>
 {{- end -}}

layouts/partials/index_profile.html

@@ -32,7 +32,7 @@
         {{- end }}
         <h1>{{ .title | default site.Title | markdownify }}</h1>
         <span>{{ .subtitle | markdownify }}</span>
-        {{- partial "social_icons.html" -}}
+        {{- partial "social_icons.html" site.Params.socialIcons -}}
 
         {{- with .buttons }}
         <div class="buttons">

layouts/partials/social_icons.html

@@ -1,7 +1,6 @@
-<div class="social-icons" {{ with .align}}align="{{.}}" {{- end }}>
-    {{- range site.Params.socialIcons }}
-    <a href="{{ trim .url " " | safeURL }}" target="_blank" rel="noopener noreferrer me"
-        title="{{ (.title | default .name) | title }}">
+<div class="social-icons">
+    {{- range . }}
+    <a href="{{ trim .url " " | safeURL }}" target="_blank" rel="noopener noreferrer me" title="{{ (.title | default .name) | title }}">
         {{ partial "svg.html" . }}
     </a>
     {{- end }}