From f4d547c5f5cfc15232c515a44441c74780504ec4 Mon Sep 17 00:00:00 2001 From: Jonathan Jordan Date: Sun, 15 Aug 2021 20:23:34 -0700 Subject: [PATCH] Add support for letterboxd.com --- env.js | 8 ++++++++ template/index.html | 4 ++++ www/css/brands.css | 8 ++++++++ www/icons/letterboxd.svg | 13 +++++++++++++ 4 files changed, 33 insertions(+) create mode 100644 www/icons/letterboxd.svg diff --git a/env.js b/env.js index 670d1d5..c5c084e 100644 --- a/env.js +++ b/env.js @@ -40,6 +40,7 @@ var env = { WORDPRESS: '$WORDPRESS', GOODREADS: '$GOODREADS', SKOOB: '$SKOOB', + LETTERBOXD: '$LETTERBOXD', FOOTER: '$FOOTER', } @@ -348,6 +349,13 @@ function useEnv(document) { skoobEl.remove() } + var letterboxdEl = document.getElementById('letterboxd'); + if (env.LETTERBOXD) { + letterboxdEl.href = env.LETTERBOXD; + } else { + letterboxdEl.nextElementSibling.remove() + letterboxdEl.remove(); + } var footerEl = document.getElementById('footer'); if (env.FOOTER) { diff --git a/template/index.html b/template/index.html index 9e15c37..4c715ea 100644 --- a/template/index.html +++ b/template/index.html @@ -104,6 +104,10 @@ Instagram LogoInstagram
+ + Letterboxd LogoLetterboxd +
+ Facebook LogoFind us on Facebook
diff --git a/www/css/brands.css b/www/css/brands.css index 777a94a..a53db8d 100644 --- a/www/css/brands.css +++ b/www/css/brands.css @@ -147,6 +147,14 @@ button:hover, .button.button-kit:focus { filter: brightness(90%) } +/* Letterboxd */ +.button.button-letterboxd { + color: #FFFFFF; + background-color: #2c3440 } +.button.button-letterboxd:hover, +.button.button-letterboxd:focus { + filter: brightness(90%) } + /* LinkedIn */ .button.button-linkedin { color: #FFFFFF; diff --git a/www/icons/letterboxd.svg b/www/icons/letterboxd.svg new file mode 100644 index 0000000..02a9fe2 --- /dev/null +++ b/www/icons/letterboxd.svg @@ -0,0 +1,13 @@ + + + + + + + + + + + + +