From 0947c0b6b0123596c17f3ee9d22ddb7f03101170 Mon Sep 17 00:00:00 2001
From: Will Faught <willfaught@users.noreply.github.com>
Date: Sun, 18 Dec 2022 20:44:19 -0800
Subject: [PATCH] Move social config to params.paige object

---
 README.md                          | 54 ++++++++++++++++++++++++------
 exampleSite/config.yaml            | 52 ++++++++++++++++++++++------
 layouts/partials/paige-social.html |  8 ++---
 3 files changed, 90 insertions(+), 24 deletions(-)

diff --git a/README.md b/README.md
index 9b103a8e..f5b2bd00 100644
--- a/README.md
+++ b/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
-  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
+  twitter: example
 theme: paige
 timezone: America/Los_Angeles
 titlecasestyle: Go
diff --git a/exampleSite/config.yaml b/exampleSite/config.yaml
index a3450c31..d1a02365 100644
--- a/exampleSite/config.yaml
+++ b/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
-  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
+  twitter: example
 theme: paige
 timezone: America/Los_Angeles
 titlecasestyle: Go
diff --git a/layouts/partials/paige-social.html b/layouts/partials/paige-social.html
index ab8826b6..df84f680 100644
--- a/layouts/partials/paige-social.html
+++ b/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:" }}
-        <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>
+        {{ if hasPrefix $v.url "mailto:" }}
+        <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>