From 2cc555b34742f0bdbdf49aafe7d3004eb59b6ba3 Mon Sep 17 00:00:00 2001 From: timurgordon Date: Tue, 22 Feb 2022 16:11:22 +0300 Subject: [PATCH] added customizable social icons in footer --- content/footer/_index.md | 2 +- templates/partials/footer copy.html | 66 ------------------- templates/partials/footer.html | 35 +--------- templates/partials/icons/svgDribbbleIcon.html | 3 + templates/partials/icons/svgFacebookIcon.html | 3 + templates/partials/icons/svgGithubIcon.html | 3 + .../partials/icons/svgInstagramIcon.html | 3 + templates/partials/icons/svgTwitterIcon.html | 3 + templates/partials/socialLinks.html | 21 ++++++ 9 files changed, 39 insertions(+), 100 deletions(-) delete mode 100644 templates/partials/footer copy.html create mode 100644 templates/partials/icons/svgDribbbleIcon.html create mode 100644 templates/partials/icons/svgFacebookIcon.html create mode 100644 templates/partials/icons/svgGithubIcon.html create mode 100644 templates/partials/icons/svgInstagramIcon.html create mode 100644 templates/partials/icons/svgTwitterIcon.html create mode 100644 templates/partials/socialLinks.html diff --git a/content/footer/_index.md b/content/footer/_index.md index 8502382..50c898a 100644 --- a/content/footer/_index.md +++ b/content/footer/_index.md @@ -5,7 +5,7 @@ insert_anchor_links: "left" template: "partials/footer.html" extra: logoPath: "/images/ourworld_logo2.png" - socialLinks: { Github: "https://" } + socialLinks: { Facebook: "https://", Github: "https://", Twitter: "https://" } --- {% row(isLean="true") %} diff --git a/templates/partials/footer copy.html b/templates/partials/footer copy.html deleted file mode 100644 index b29808b..0000000 --- a/templates/partials/footer copy.html +++ /dev/null @@ -1,66 +0,0 @@ - - -{%- set section = get_section(path="footer/_index.md") %} -{%- set logoPath = section.extra.logoPath %} - - - - - - - \ No newline at end of file diff --git a/templates/partials/footer.html b/templates/partials/footer.html index f3a5047..ab56d63 100644 --- a/templates/partials/footer.html +++ b/templates/partials/footer.html @@ -16,39 +16,8 @@

{{section.description}}

-
- - Facebook - - - - Instagram - - - - Twitter - - - - GitHub - - - - Dribbble - - -
- + {% include "partials/socialLinks.html" %} + {{ section.content | safe }} diff --git a/templates/partials/icons/svgDribbbleIcon.html b/templates/partials/icons/svgDribbbleIcon.html new file mode 100644 index 0000000..2e94586 --- /dev/null +++ b/templates/partials/icons/svgDribbbleIcon.html @@ -0,0 +1,3 @@ + \ No newline at end of file diff --git a/templates/partials/icons/svgFacebookIcon.html b/templates/partials/icons/svgFacebookIcon.html new file mode 100644 index 0000000..81c97e7 --- /dev/null +++ b/templates/partials/icons/svgFacebookIcon.html @@ -0,0 +1,3 @@ + \ No newline at end of file diff --git a/templates/partials/icons/svgGithubIcon.html b/templates/partials/icons/svgGithubIcon.html new file mode 100644 index 0000000..bedea77 --- /dev/null +++ b/templates/partials/icons/svgGithubIcon.html @@ -0,0 +1,3 @@ + \ No newline at end of file diff --git a/templates/partials/icons/svgInstagramIcon.html b/templates/partials/icons/svgInstagramIcon.html new file mode 100644 index 0000000..913e2cb --- /dev/null +++ b/templates/partials/icons/svgInstagramIcon.html @@ -0,0 +1,3 @@ + \ No newline at end of file diff --git a/templates/partials/icons/svgTwitterIcon.html b/templates/partials/icons/svgTwitterIcon.html new file mode 100644 index 0000000..63a0eb2 --- /dev/null +++ b/templates/partials/icons/svgTwitterIcon.html @@ -0,0 +1,3 @@ + \ No newline at end of file diff --git a/templates/partials/socialLinks.html b/templates/partials/socialLinks.html new file mode 100644 index 0000000..325f023 --- /dev/null +++ b/templates/partials/socialLinks.html @@ -0,0 +1,21 @@ +
+ {% for key, link in section.extra.socialLinks %} + + + {{key}} + {% if key == "Facebook" %} + {% include "partials/icons/svgFacebookIcon.html" %} + {% elif key == "Github" %} + {% include "partials/icons/svgGithubIcon.html" %} + {% elif key == "Instagram" %} + {% include "partials/icons/svgInstagramIcon.html" %} + {% elif key == "Twitter" %} + {% include "partials/icons/svgTwitterIcon.html" %} + {% elif key == "Dribbble" %} + {% include "partials/icons/svgDribbbleIcon.html" %} + {% endif %} + + + {% endfor %} + +
\ No newline at end of file