Move social config to params.paige object

README.md

@@ -299,19 +299,53 @@ outputs:
   - json
   - rss
 paginate: 50
+params:
+  paige:
+    social:
+      envelope:
+        name: E-mail
+        icon: envelope
+        url: mailto:example@example.com
+      discord:
+        name: Discord
+        icon: discord
+        url: https://discord.com/users/example
+      facebook:
+        name: Facebook
+        icon: facebook
+        url: https://facebook.com/example
+      github:
+        name: GitHub
+        icon: github
+        url: https://github.com/example
+      instagram:
+        name: Instagram
+        icon: instagram
+        url: https://instagram.com/example
+      linkedin:
+        name: LinkedIn
+        icon: linkedin
+        url: https://www.linkedin.com/in/example
+      reddit:
+        name: Reddit
+        icon: reddit
+        url: https://reddit.com/u/example
+      twitch:
+        name: Twitch
+        icon: twitch
+        url: https://www.twitch.tv/example
+      twitter:
+        name: Twitter
+        icon: twitter
+        url: https://twitter.com/example
+      youtube:
+        name: YouTube
+        icon: youtube
+        url: https://www.youtube.com/user/example
 permalinks:
   blog: /blog/:year/:month/:day/:title/
 social:
-  envelope: mailto:example@example.com
+  twitter: example
-  discord: https://discord.com/users/example
-  github: https://github.com/example
-  facebook: https://facebook.com/example
-  instagram: https://instagram.com/example
-  linkedin: https://www.linkedin.com/in/example
-  reddit: https://reddit.com/u/example
-  twitch: https://www.twitch.tv/example
-  twitter: https://twitter.com/example
-  youtube: https://www.youtube.com/user/example
 theme: paige
 timezone: America/Los_Angeles
 titlecasestyle: Go

exampleSite/config.yaml

@@ -55,19 +55,51 @@ params:
   paige:
     hide_theme_comment: true
     hide_theme_link: true
+    social:
+      envelope:
+        name: E-mail
+        icon: envelope
+        url: mailto:example@example.com
+      discord:
+        name: Discord
+        icon: discord
+        url: https://discord.com/users/example
+      facebook:
+        name: Facebook
+        icon: facebook
+        url: https://facebook.com/example
+      github:
+        name: GitHub
+        icon: github
+        url: https://github.com/example
+      instagram:
+        name: Instagram
+        icon: instagram
+        url: https://instagram.com/example
+      linkedin:
+        name: LinkedIn
+        icon: linkedin
+        url: https://www.linkedin.com/in/example
+      reddit:
+        name: Reddit
+        icon: reddit
+        url: https://reddit.com/u/example
+      twitch:
+        name: Twitch
+        icon: twitch
+        url: https://www.twitch.tv/example
+      twitter:
+        name: Twitter
+        icon: twitter
+        url: https://twitter.com/example
+      youtube:
+        name: YouTube
+        icon: youtube
+        url: https://www.youtube.com/user/example
 permalinks:
   blog: /blog/:year/:month/:day/:title/
 social:
-  envelope: mailto:example@example.com
+  twitter: example
-  discord: https://discord.com/users/example
-  facebook: https://facebook.com/example
-  github: https://github.com/example
-  instagram: https://instagram.com/example
-  linkedin: https://www.linkedin.com/in/example
-  reddit: https://reddit.com/u/example
-  twitch: https://www.twitch.tv/example
-  twitter: https://twitter.com/example
-  youtube: https://www.youtube.com/user/example
 theme: paige
 timezone: America/Los_Angeles
 titlecasestyle: Go

layouts/partials/paige-social.html

@@ -1,11 +1,11 @@
-{{ with .Site.Social }}
+{{ with .Site.Params.paige.social }}
 <nav>
     <div class="mb-3 text-center">
         {{ range $k, $v := . }}
-        {{ if hasPrefix $v "mailto:" }}
+        {{ if hasPrefix $v.url "mailto:" }}
-        <a href="#" data-a="{{ base64Encode (index (split $v `@`) 0) }}" data-b="{{ base64Encode `@` }}" data-c="{{ base64Encode (index (split $v `@`) 1) }}" onclick="this.href = atob(this.dataset.a) + atob(this.dataset.b) + atob(this.dataset.c)"><i class="bi bi-{{ $k }} display-6 mx-2"><span class="visually-hidden">{{ $k }}</span></i></a>
+        <a href="#" data-a="{{ base64Encode (index (split $v.url `@`) 0) }}" data-b="{{ base64Encode `@` }}" data-c="{{ base64Encode (index (split $v.url `@`) 1) }}" onclick="this.href = atob(this.dataset.a) + atob(this.dataset.b) + atob(this.dataset.c)"><i class="bi bi-{{ $v.icon }} display-6 mx-2"><span class="visually-hidden">{{ $v.name }}</span></i></a>
         {{ else }}
-        <a href="{{ $v }}"><i class="bi bi-{{ $k }} display-6 mx-2"><span class="visually-hidden">{{ $k }}</span></i></a>
+        <a href="{{ $v.url }}"><i class="bi bi-{{ $v.icon }} display-6 mx-2"><span class="visually-hidden">{{ $v.name }}</span></i></a>
         {{ end }}
         {{ end }}
     </div>