diff --git a/env.js b/env.js
index 58177c5..95e7501 100644
--- a/env.js
+++ b/env.js
@@ -43,6 +43,7 @@ var env = {
WORDPRESS: '$WORDPRESS',
GOODREADS: '$GOODREADS',
SKOOB: '$SKOOB',
+ LETTERBOXD: '$LETTERBOXD',
FOOTER: '$FOOTER',
}
@@ -359,6 +360,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 c5c03e3..e2415a2 100644
--- a/template/index.html
+++ b/template/index.html
@@ -108,6 +108,10 @@
Instagram
+
+ 
Letterboxd
+
+
Find us on Facebook
diff --git a/www/css/brands.css b/www/css/brands.css
index 501dece..0f83531 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 @@
+
+