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
+
+ 
Letterboxd
+
+
Find 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 @@
+
+